Криво отображаются табы

Статус
Закрыто для дальнейших ответов.
Регистрация
23.10.2016
Сообщения
30
люди помогите разобратся код встает криво
Код:
.socRight {
  background: #f2f2f2;
  width: 240px;
  height: 262px;
  margin: 0px 0 45px 0; }

.socRight .twitter {
  background: #f2f2f2;
  width: 233px;
  height: 30px;
  position: absolute;
  margin: -6px 0 0 0px;
  padding: 0px 3px 5px 4px; }

.socRight .twitter iframe {
  padding-top: 6px; }

.socRight .vk_tabs {
  width: 220px;
  height: 250px;
  overflow: hidden;
  left: 10px;
  overflow: hidden;
  position: relative;
  top: 10px; }

.tabs_soc {
  overflow: hidden; }

.socRight .vk_tabs iframe {
  margin: -21px 0 0 0; }

.socRight .facebook_tabs {
  width: 240px;
  height: 250px; }

.socRight .facebook_tabs iframe {
  margin: -1px 0 0 -2px; }

#vkwidget1 {
  margin-left: 2px; }

.act_soc_tab {
  background: #f2f2f2; }

.act_soc_tab a {
  cursor: default;
  text-decoration: none !important; }

.soc_tabs {
  list-style: none;
  padding: 0px;
  margin: 20px 0 0 0; }

.soc_tabs li {
  list-style: none;
  position: relative;
  float: left;
  font-size: 11px;
  color: #000000; }

.soc_tabs li a {
  font-size: 11px;
  color: #000000;
  position: relative;
  padding-left: 20px;
  text-decoration: underline;
  display: block;
  padding: 7px 10px 9px 30px; }

.soc_tabs li a:hover {
  text-decoration: none; }

.soc_tabs li i {
  background: url("/images/addTo.gif") repeat scroll 0 0 transparent;
  position: absolute;
  cursor: pointer;
  display: block;
  height: 16px;
  overflow: hidden;
  width: 16px;
  margin: 7px 0 0 10px; }

.tabs_vk i {
  background-position: -17px 0 !important; }

.tabs_fb i {
  background-position: -34px 0 !important; }

.tabs_odn i {
  background-position: -68px 0 !important; }

.tabs_soc #vk_groups {
  position: relative;
  top: 23px; }
Код:
<script type="text/javascript">
$(function(){
    function showSoctabs(select) {
        $('.tabs_soc').css({'height': '0px', 'overflow': 'hidden'});
        select.css('height', '267px');
    }
    var randomizelt = Math.floor(Math.random()*2);
    if (randomizelt == 0) {
        showSoctabs($('.vk_tabs'));
    } else {
        showSoctabs($('.facebook_tabs'));
    }
    $(".soc_tabs li").eq(randomizelt).addClass('act_soc_tab');
    $(".soc_tabs a").bind("click", function(event){
        event.preventDefault();
        $(".soc_tabs li").removeClass('act_soc_tab');
        $(this).parent().addClass('act_soc_tab');
        if (event.target.id == 'soc_tabs_vk') {
            showSoctabs($('.vk_tabs'));
        } else if(event.target.id == 'soc_tabs_fb') {
            showSoctabs($('.facebook_tabs'));
        } else if(event.target.id == 'soc_tabs_odn') {
            showSoctabs($('.odnoklassniki_tabs'));
        }
    });
});
</script>
<script type="text/javascript" src="//vk.com/js/api/openapi.js?75"></script>
<ul class="soc_tabs clearfix">
    <li class="tabs_vk"><i></i><a id="soc_tabs_vk" href="#">ВКонтакте</a></li>
    <li class="tabs_fb"><i></i><a id="soc_tabs_fb" href="#">Facebook</a></li>
    <li class="tabs_odn"><i></i><a id="soc_tabs_odn" href="#">OK</a></li>
</ul>
<div class="socRight">
    <div class="vk_tabs tabs_soc">
        <div id="vk_groups"></div>
    </div>
    <script type="text/javascript">
        var vkInitRight_status = false;
        function vkInitRight() {
            if (!vkInitRight_status) {
                vkInitRight_status = true;
                VK.Widgets.Group("vk_groups", {mode: 0, width: "217", height: "250"}, 108468);
            }
        }
        if (typeof(VK) !== 'undefined') vkInitRight();
        !function (d, id, did, st) {
            var js = d.createElement("script");
            js.src = "https://connect.ok.ru/connect.js";
            js.onload = js.onreadystatechange = function () {
            if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") {
              if (!this.executed) {
                this.executed = true;
                setTimeout(function () {
                  OK.CONNECT.insertGroupWidget(id,did,st);
                }, 0);
              }
            }}
            d.documentElement.appendChild(js);
         }(document,"ok_group_widget","52728120934492","{width:240,height:250}");
    </script>
 

Вложения

Регистрация
23.10.2016
Сообщения
30
BaNru сказал(а):
Код встает прямо, там указаны большие отступы, которые ты не предусмотрел
я забыл указать самое важное при нажатие на в контакте или одноклассники. вообщем нет результата при нажатии

  1. padding: 7px 10px 9px 30px;
    padding-top: 7px;
  2. padding-right: 10px;
  3. padding-bottom: 9px;
  4. padding-left: 20px;

[*]когда отключаю padding-top 7px
[*]тогда текст выравнивается
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 137
Ты сам писал или где-то раздобыл этот говнокод?
Там много лишнего в логике.

1) Не зачем назначать уникальные имена вкладок и условия для них.
2) надо делать не overflow:hidden, а display:none
3) Для скрытия/показа вкладок есть готовые show()/hide() в jQuery.
4) Вместо условия используй порядковый номер таба и, соответственно, показать элемент, а остальные скрыть также по порядковому номеру - index() и eq() (чтобы они заработали - я перевел управление на элемент LI)

Как-то так на скорую руку
https://jsfiddle.net/BaNru/vvbakrwm/1/
 
Регистрация
23.10.2016
Сообщения
30
BaNru сказал(а):
Ты сам писал или где-то раздобыл этот говнокод?
Там много лишнего в логике.

1) Не зачем назначать уникальные имена вкладок и условия для них.
2) надо делать не overflow:hidden, а display:none
3) Для скрытия/показа вкладок есть готовые show()/hide() в jQuery.
4) Вместо условия используй порядковый номер таба и, соответственно, показать элемент, а остальные скрыть также по порядковому номеру - index() и eq() (чтобы они заработали - я перевел управление на элемент LI)

Как-то так на скорую руку
https://jsfiddle.net/BaNru/vvbakrwm/1/
взял с кинопоиска
 
Регистрация
23.10.2016
Сообщения
30
BaNru сказал(а):
Ты сам писал или где-то раздобыл этот говнокод?
Там много лишнего в логике.

1) Не зачем назначать уникальные имена вкладок и условия для них.
2) надо делать не overflow:hidden, а display:none
3) Для скрытия/показа вкладок есть готовые show()/hide() в jQuery.
4) Вместо условия используй порядковый номер таба и, соответственно, показать элемент, а остальные скрыть также по порядковому номеру - index() и eq() (чтобы они заработали - я перевел управление на элемент LI)

Как-то так на скорую руку
https://jsfiddle.net/BaNru/vvbakrwm/1/
спасибо! очередной раз выручил)
 
Регистрация
23.10.2016
Сообщения
30
BaNru сказал(а):
Ты сам писал или где-то раздобыл этот говнокод?
Там много лишнего в логике.

1) Не зачем назначать уникальные имена вкладок и условия для них.
2) надо делать не overflow:hidden, а display:none
3) Для скрытия/показа вкладок есть готовые show()/hide() в jQuery.
4) Вместо условия используй порядковый номер таба и, соответственно, показать элемент, а остальные скрыть также по порядковому номеру - index() и eq() (чтобы они заработали - я перевел управление на элемент LI)

Как-то так на скорую руку
https://jsfiddle.net/BaNru/vvbakrwm/1/
подскажи пожалуйста, хочу вывети блок фильмов которые ожидаются
 

Вложения

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 137
Я так понимаю это всё на той же ДЛЕ?
С ней не работал, но думаю вот такой алгоритм:
  • создаешь рубрику (категорию) новую
  • гуглишь как вывести только одну рубрику
  • гуглишь как удалить рубрику из основной ленты, если надо
  • оформляешь вывод
  • ...
  • profit
Вариант два: всё тоже самое, но только с тегами.
 
Регистрация
23.10.2016
Сообщения
30
BaNru сказал(а):
Я так понимаю это всё на той же ДЛЕ?
С ней не работал, но думаю вот такой алгоритм:
  • создаешь рубрику (категорию) новую
  • гуглишь как вывести только одну рубрику
  • гуглишь как удалить рубрику из основной ленты, если надо
  • оформляешь вывод
  • ...
  • profit
Вариант два: всё тоже самое, но только с тегами.
да dle. ну да я так и предпологал. и последний вопрос по поводу moonserials установил модуль но ссылка не кликобельная
BaNru сказал(а):
Я так понимаю это всё на той же ДЛЕ?
С ней не работал, но думаю вот такой алгоритм:
  • создаешь рубрику (категорию) новую
  • гуглишь как вывести только одну рубрику
  • гуглишь как удалить рубрику из основной ленты, если надо
  • оформляешь вывод
  • ...
  • profit
Вариант два: всё тоже самое, но только с тегами.
{custom" category="1" template="custom-1" aviable="global" from="0" limit="12" cache="yes"}(обновленные сериалы)
{custom" category="1" template="custom-slider" aviable="global" from="0" limit="2" cache="yes"} (скоро на сайте) вот только что то не могу понять
 

Вложения

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 137
Могу предположить, что надо смотреть шаблоны template="custom-1" и template="custom-slider"
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 137
Надо открыть и посмотреть что там. Мне кажется там надо добавить ссылки и будут тогда ссылки.
 
Регистрация
23.10.2016
Сообщения
30
помоги пожалуйста у меня времени не хватает мне вникать нужно а могу только на выходных. если можно просто разжуй
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 137
Не знаю я ДЛЕ.
Мне тоже некогда вникать и лень её изучать.

Ищи в папке файлы типа custom-1 и custom-slider, где лежит файл с приведенным кодом

{custom" category="1" template="custom-1" aviable="global" from="0" limit="12" cache="yes"}(обновленные сериалы)
{custom" category="1" template="custom-slider" aviable="global" from="0" limit="2" cache="yes"} (скоро на сайте)

Или где-то в другом месте. Где-то они должны генерироваться.
 
Регистрация
23.10.2016
Сообщения
30
BaNru сказал(а):
Не знаю я ДЛЕ.
Мне тоже некогда вникать и лень её изучать.

Ищи в папке файлы типа custom-1 и custom-slider, где лежит файл с приведенным кодом

{custom" category="1" template="custom-1" aviable="global" from="0" limit="12" cache="yes"}(обновленные сериалы)
{custom" category="1" template="custom-slider" aviable="global" from="0" limit="2" cache="yes"} (скоро на сайте)

Или где-то в другом месте. Где-то они должны генерироваться.
файлы я нашел залил в корень шаблона вообщем анологично как на шаблоне киного добавил в маин тпл эти строки. в файлах custom-1 и custom-slider там указын путь с доп полей я так понимаю один идет из модуля MoonSerials, а вот второе поле я не знаю. Вот содержимое файла custom-1.

<a href="{full-link}" title="{title}"><li class="li_serial">
<div class="lenta22">
<div class="edge-left22"></div><div class="cont22">[xfvalue_series]</div></div>
<img src="[xfvalue_image]">
<br />
{title}<br/>
</li></a>

и если я не ошибаюсь тут еще стили должны быть?!
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 137
Ну вот вроде оно и есть.
1) тут ссылка есть
2) Как и все остальное на DLE написано через одно место, тут как минимум должно быть так (две серьезные ошибки в верстке):

<li class="li_serial"><a href="{full-link}" title="{title}">
<span class="lenta22">
<span class="edge-left22"></span><span class="cont22">[xfvalue_series]</span></span>
<img src="[xfvalue_image]">
<br />
{title}<br/>
</a></li>

Но не думаю что это сильно поможет.
Ты открыл шаблон "обновленные сериалы". Эти правки будут только для этого блока.
Править блок "скоро на сайте", соответственно, в другом файле.
 
Регистрация
23.10.2016
Сообщения
30
Ссылки тут через доп поля первая ссылка указывает сезон серия а вторая должна уже грузить саму новость ну что то я не соображу как это оргонизовать
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 137
У каждого поля наверное должно быть какое-то имя.
У первой ссылки имя наверное full-link
 
Статус
Закрыто для дальнейших ответов.
Верх Низ