DLE 9.2
Пытаюсь сделать в fullstory комментарии из Вконтакте и Facebook, выбор которых переключался бы с помощью вкладок (табов).
Проблема в том, что на вкладках не хочет отображаться background-image, вместо него висит крестик. И даже когда я убираю его из стилей, всё равно висит крестик! Вместо него я поставил background-color, и всё равно висит крестик!
Кто-нибудь может что-нибудь подсказать?
Я начинающий.
Для примера, вот статья:
http://www.olgerd.com.ua/articles/13-ovoschi-protiv-diabeta.html
Код вкладок с блоками комментариев выглядят так:
<script type="text/javascript" src="http:\\www.olgerd.com.ua/engine/skins/tabs.js"></script>
<!-- В этом файле лежит функционал табов. Лучше задать абсолютный путь к нему -->
<div id="dle_tabView1">
<div class="dle_aTab">
<!-- Блок комментарии Вконтакте -->
<script type="text/javascript">
VK.init({apiId: 2862446, onlyWidgets: true});
</script>
<!-- Put this div tag to the place, where the Comments block will be -->
<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 10, width: "496", attach: "*"});
</script>
<!-- Конец блока комментариев Вконтакте -->
</div>
<div class="dle_aTab" style="display:none;">
<!-- Блок комментариев Facebook -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-comments" data-href="http://www.olgerd.com.ua" data-num-posts="10" data-width="470"></div>
<!-- Конец блока комментариев Facebook-->
</div>
<div class="dle_aTab" style="display:none;">
Пустая вкладка
</div>
<div class="dle_aTab" style="display:none;">
Пустая вкладка
</div>
</div>
<script type="text/javascript">
initTabs('dle_tabView1',Array('Вконтакте','Facebook'),0, '100%',0);
<!-- В этой функции объявляются заголовки табов, соблюдайте их правильный порядок -->
</script>
<style type="text/css">
.dle_tabPane{
height:30px; /* Height of tabs */
}
.dle_aTab{
border:1px solid #CDCDCD;
padding:5px;
}
.dle_tabPane DIV{
float:left;
padding-left:3px;
vertical-align:middle;
background-repeat:no-repeat;
background-position:bottom left;
cursor:pointer;
position:relative;
bottom:-1px;
margin-left:0px;
margin-right:0px;
}
.dle_tabPane .tabActive{
background-color:#33CC99;
margin-left:0px;
margin-right:0px;
}
.dle_tabPane .tabInactive{
background-color:#CCCCCC;
margin-left:0px;
margin-right:0px;
}
.dle_tabPane .inactiveTabOver{
margin-left:0px;
margin-right:0px;
}
.dle_tabPane span{
font-family:tahoma;
vertical-align:top;
font-size:11px;
line-height:26px;
float:left;
}
.dle_tabPane .tabActive span{
padding-bottom:0px;
line-height:26px;
}
</style>
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.