Как сделать резиновую шапку а лого, меню, среднюю и правую колонку по фиксированной ширине?

Grosso2020 23.08.2016 Все вопросы » Общие вопросы по вёрстке 1531

вопрос

Как в стандартном шаблоне DLE 11, сделать:

1. Верхний хедер - по ширине 100%.
2. Расположить элементы logo и меню top_menu по ширине 1170px.
3. Средняя и правая колонка также по ширине 1170px.
Для наглядности

Как сделать резиновую шапку а лого, меню, среднюю и правую колонку по фиксированной ширине?

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

4 комментария

Юзер

Serge - 2016-08-2323 августа 2016 12:04 - #58096

Чтобы сейчас не расписывать со всем условиями, укажу что: <div class="wrp">(а именно в него обернута шапка), отвечает за максимальную ширину блока. Т.е., если изменить это ограничение на 100%, шапка тоже должна раздвинуться.

Правда учтите тот факт, что сам класс .wrp нельзя так просто изменить, ведь у вас тогда все элементы будут по все экрану, что плохо скажеться на верстке.

Ну, а за правый блок и блок новостей - задайте пропорциональную величину ширины, да и будет вам ваших 1170px

Юзер

Grosso2020 - 2016-08-2323 августа 2016 12:35 - #58100

Смотрите, я с делал так. <div wrp> вынес за пределы header и поставил перед container в css прописал width:1170px. Блок новостей и правая колонка встала как надо. класс .header сделал width:100% Но вот лого и меню разъехались(

Юзер

Serge - 2016-08-2323 августа 2016 15:33 - #58103

Было бы хорошо увидеть это глазами, т.к. на пальцах тяжело определить что-то и подсказать.

Юзер

Grosso2020 - 2016-08-2323 августа 2016 15:35 - #58105

Решил вопрос. Путем - обертывания дополнительным блоком - лого и меню.

izi4 | Вывод тегов - как это делается? ²

izi4
Вывод тегов - как это делается?
Вчера, 10:07

izi4,
Забыл добавить, хочу вставить в main.tpl
izi4 | Вывод тегов - как это делается? ²

izi4
Вывод тегов - как это делается?
Вчера, 09:54

<meta property="article:published_time" content="{date=Y-m-d}">
почему сейчас это не срабатывает? Версия DataLife Engine:17.2
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