Не нравятся результаты поиска? Попробуйте другой поиск!

DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Комментарии во вкладках, где то ошибка

Комментарии во вкладках, где то ошибка

filimon 07.10.2012 комментарии, вкладки Все вопросы » Общие вопросы по вёрстке 4018

вопрос

Поставил комментарии во вкладках,на двух сайтах встало хорошо, на одном нет.
Код один и тот же.Вот код:

<ul class="tabs">
    <li><a href="#tab1">Комментарии</a></li>
    <li><a href="#tab2">Facebook</a></li>
    <li><a href="#tab3">Vkontakte</a></li>
    </ul>
    
    <div class="tab_container">
    
    <div id="tab1" class="tab_content">
    {addcomments}
    {comments}
    </div>
    
    <div id="tab2" class="tab_content">
    
<div class="fb-comments" data-href="{full-link}" data-num-posts="5" data-width="460"></div>
    </div>
    
    <div id="tab3" class="tab_content">
    //тут ниже ниже необходимо вставить свои код полученный на Vkontakte
    
    <!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?64"></script>

<script type="text/javascript">
  VK.init({apiId: 3162600, 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: 5, width: "460", attach: "*"});
</script>
    </div>
    </div>

Так на двух сайтах:

Что получилось на одном:

Вопрос : где ошибка или что надо поменять?
Спасибо.

Ответа пока нет

13 комментариев

Юзер

OKyJIucT - 2015-05-137 октября 2012 22:37 - #7772

без ссылки на сайт сложно дать однозначный ответ. я думаю, вы просто где то в css стилях перед кодом, отвечающим за отображение ваших комментариев, пропустили закрывающий "}" либо вообще стили не вставили.

Юзер

Захар - 2015-05-138 октября 2012 00:36 - #7774

ты в comments.tpl лишний код нафигачил.

Юзер

181

Mr. Hyde - 2015-05-138 октября 2012 07:25 - #7777

JS неправильно подключил.

PHP-developer

1783

Sander - 2015-05-138 октября 2012 12:32 - #7796

А почему никто не подумал о таком простом варианте как стили? )
Наверняка не перенесены эти стили:

.tabs
.tab_container
.tab_content

SanDev.pro - мой блог.

Telegram: @sandev
Skype: Sander8804

Юзер

OKyJIucT - 2015-05-138 октября 2012 14:16 - #7798

Ну почему же никто) я в первом комментарии об этом сказал:)

Юзер

181

Mr. Hyde - 2015-05-138 октября 2012 17:20 - #7804

При подключенном js все табы кроме первого будут скрыты. А тут мы видим, что все блоки открытые. Значит ни js, ни css не подключены.

Юзер

filimon - 2015-05-138 октября 2012 16:57 - #7800

Вот CSS:

Показать / Скрыть текст

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px; /*--Высота вкладок--*/
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    width: 100%;
    }
    ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 31px; /*--Добавте 1px с высоты списку--*/
    line-height: 31px; /*--Вертикально выравнивает текст в закладке--*/
    border: 1px solid #999;
    border-left: none;
    margin-bottom: -1px; /*--Вытяните список вниз на 1px--*/
    overflow: hidden;
    position: relative;
    background: #e0e0e0;
    }
    ul.tabs li a {
    text-decoration: none;
    color: #000;
    display: block;
    font-size: 1.2em;
    padding: 0 20px;
    border: 1px solid #fff; /*--1px белой границы внутри списка--*/
    outline: none;
    }
    ul.tabs li a:hover {
    background: #ccc;
    }
    html ul.tabs li.active, html ul.tabs li.active a:hover {
    background: #fff;
    border-bottom: 1px solid #fff;
    }
    
    .tab_container {
    border: 1px solid #999;
    border-top: none;
    overflow: hidden;
    clear: both;
    float: left; width: 100%;
    background: #fff;
    }
    .tab_content {
    padding: 20px;
    font-size: 1.2em;
    }

Помучил немного вкладки встали как на первом скрине,но отображаются все вкладки вместе...

Юзер

filimon - 2015-05-138 октября 2012 17:12 - #7801

Вот как выглядит: смотреть

Юзер

filimon - 2015-05-138 октября 2012 17:34 - #7806

В файле main.tpl шаблона перед тегам </head> вставил следующее:

Показать / Скрыть текст

<script type="text/javascript">
    $(document).ready(function() {
    
    //Настройки по умолчанию
    $(".tab_content").hide(); //Скрыть все содержимое
    $("ul.tabs li:first").addClass("active").show(); //Активировать первую вкладку
    $(".tab_content:first").show(); //Показать первые содержание вкладке
    
    //Действие при клике
    $("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active"); //добавить класс "active" к выбраной вкладке
    $(".tab_content").hide(); //Скрыть вкладку и ее содержание
    var activeTab = $(this).find("a").attr("href"); //Найти значение атрибута для выявления активной вкладки с содержанием
    $(activeTab).fadeIn(); //
    return false;
    });
    
    });
    </script>

или надо было сохранить как js. и закинуть в папку скриптов ...
а код css я закинул в style.css или что-то неправильно?

Юзер

181

Mr. Hyde - 2015-05-138 октября 2012 17:41 - #7807

Не вижу где подключенный скрипт.

Юзер

filimon - 2015-05-138 октября 2012 17:50 - #7808

Цитата: Mr. Hyde

В файле main.tpl шаблона перед тегам </head> вставил следующее:
Показать / Скрыть текст

этого недостаточно?
я так сделал на других сайтах и работает отлично.

Юзер

181

Mr. Hyde - 2015-05-138 октября 2012 17:55 - #7809

На www.relaxmusicmp3.com я не увидел подключенного js.

Юзер

filimon - 2015-05-138 октября 2012 17:58 - #7810

Mr. Hyde,

Не вижу где подключенный скрипт.

Спасибо...Ошибка здесь

TeraMoune | В комментариях неверно выводится чекбокс ... ¹

TeraMoune
В комментариях неверно выводится чекбокс. Как поправить?
23-03-2025, 15:41

Поправить можно при помощи CSS, смотреть в стандартном шаблоне либо открыть страницу https://dle-news.ru/templates-changelog.html и посмотреть изменения относительно вашей прошлой версии и тех до которых вы обновиляете. Стили относящиеся этого вопроса находятся в Изменения между версиями 17.2 и 17.3.
TeraMoune | Как сменить тему TinyMCE?
TeraMoune
Как сменить тему TinyMCE?
17-03-2025, 06:34
```
if( typeof tinymce === 'object' ) {
	tinymce.get().forEach((item) => {

		if( this.isDarkTheme() ) item.contentDocument.activeElement.classList.add('dle_theme_dark');
		else item.contentDocument.activeElement.classList.remove('dle_theme_dark');
	
	});
}
```
Вместо this.isDarkTheme() использовать то, что используется у вас для определения или установления факта тёмной темы.

Для применения тёмной темы панели кнопок необходимо установить html тегу класс dle_theme_dark
TeraMoune | Как вывести кнопку добавления статическо ... ¹

TeraMoune
Как вывести кнопку добавления статической страницы на сайт с модерацией ?
13-03-2025, 16:33

Таких возможностей не предусмотрено как и модерации этого типа страниц.
tarantino1 | Адаптация Kylshop 5.3 для DLE 15 ¹¹

tarantino1
Адаптация Kylshop 5.3 для DLE 15
13-03-2025, 15:35

помогите плиз, модуль не появился в админке, или как в админку зайти? кто-то выше спрашивал какие теги у него, их нигде в сети нет, но я нашёл его сайт на веб архив и вот основные теги ниже.
Общие теги
{cart} - выводит мини-корзину на странице. Данный тег можно не указывать, при этом плагин сам вставит корзину в конец html документа. При этом должен присутствовать обязательный стандартный тег DLE {AJAX}
По умолчанию стили фиксируют корзину справа вверху. Вы можете переписать стили в своем файле стилей, во избежание затирания стандартных стилей при обновлении плагина.
{filter} - выводит на страницу фильтр товаров.
Работает с реальными ценами, без учета скидок. В дальнейших обновлениях сделаю настройку включения или отключения учета скидок.
{map} - выводит карту, которая отвечает за пункты доставки.
{balance} - выводит баланс пользователя.
{addBalance} - выводит форму для пополнения баланса.
Теги для shortstory.tpl и fullstory.tpl (custom.tpl)
{add-cart} - выводит кнопку добавления товара в корзину.
{go-payment} - выводит кнопку моментального перехода на страницу оформления заказа.
{counter} - выводит поле, для выбора количества шт.
{product} - выводит содержимое, которое забито в поле (после оплаты | вкладка магазин).
{price} - реальная цена товара.
{price-sale} - цена с учетом скидки.
{sale} - скидка.
{sale-type} - тип скидки (знак валюты или знак процента).
{currency} - знак валюты.
{filter} - выводит свойства (фильтры) данного товара. В дальнейшем это будет называться свойства.
{count} - выводит количество позиций товара.
{count-orders} - количество проданных позиций.
Условные:
[price] содержимое [/price] - будет выводиться содержимое, если цена задана
[sale] содержимое [/sale] - будет выводиться содержимое, если скидка задана
[not-price] содержимое [/not-price] - отобразит содержимое, если цены нет
[not-sale] содержимое [/not-sale] - отобразит содержимое, если скидки нет
[related-goods] содержимое [/related-goods] - отображает содержимое, если похожие товары заданы
[present]<span class="present">+1 в подарок</span>[/present] - отображает label, если сейчас счастливые часы.
Теги для userinfo.tpl
{my_goods} - выводит список заказов пользователя в виде таблицы.
Теги для /kylshop/cart.tpl
- страница оформления заказа.
{cart} - корзина выбранных товаров в виде таблицы.
{total} - контейнер для общей суммы в корзине.
{without-sale} - контейнер с отображением общей суммы с учетом скидки.
{method} - выпадающий список (методы).
{method-total} - цена за метод.
{without-method} - общая сумма из корзины включая цену за метод.
{form} - форма заказа созданная в админ-панели плагина.
{map} - карта с пунктами доставки.
{promo-code} - поле для ввода промо-кода.
Дополнительные теги
{ pay="315|Индивидуальный товар" } - выведет кнопку с названием индивидуальный товар с ценой 315.
{ pay="Оплатить" } - выведет поле для ввода суммы и кнопку с названием оплатить.
Теги выведены с пробелами, потому что они заменяются на кнопки. Вы вводите теги без пробелов.
TeraMoune | MySQL установил Dle Forum V.3.5 и бд выд ... ¹

TeraMoune
MySQL установил Dle Forum V.3.5 и бд выдает ошибку,что поправить?
11-03-2025, 01:23

Ошибка говорит о том, что ячейки img_id нету в таблице, что в принципе странно поскольку модуль и не создаёт таблицы с именем _forum_images. Ищите другие версии или пишите автору если он еще занимается модулем.
LMakc | Ссылка на воспроизведение аудио ? ⁴

LMakc
Ссылка на воспроизведение аудио ?
9-03-2025, 00:58

Вариант создать доп. поле [xfvalue_mp3]
bycocacola | Ссылка на воспроизведение аудио ? ⁴

bycocacola
Ссылка на воспроизведение аудио ?
2-03-2025, 15:02

Нашел вариант:
создать доп. поле, например: music
Тип поля: загружаемый аудио плейлист
и в нужном месте: [xfvalue_music audio-url="1"]
Выводит прямую ссылку на .mp3
bycocacola | Ссылка на воспроизведение аудио ? ⁴

bycocacola
Ссылка на воспроизведение аудио ?
2-03-2025, 10:55

dle 17.3
bycocacola | Ссылка на воспроизведение аудио ? ⁴

bycocacola
Ссылка на воспроизведение аудио ?
2-03-2025, 10:36

Как убрать скобки и audio=
raimikmb | Telegram Sender ¹⁶

raimikmb
Telegram Sender
27-02-2025, 09:28

Когда ожидать адаптацию под php 8.2 ???