Данный материал предоставлен сайтом ProWebber.cc исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Скачать бесплатно Разная ширина контента на разных страницах.
Скачать бесплатно Разная ширина контента на разных страницах.
Думаю у многих была такая ситуация, что на главной странице нужно задать определённую ширину контента, например 500px.
Для этого создавали примерно такую схему:
Способ хороший, но у него есть один большой минус - ширина контента меняется во всех разделах сайта: профиль, полная новость и т.д.
Для того что бы что-то исправить, например в fullstory.tpl добавляли ещё один div:
Не очень удобно, правда?
Есть способ гораздо проще и в этом нам помогут дополнительные теги.
Задача:
Контент на главной странице должен занимать 500px в ширину, остаток 460px для других нужд.
Но при этом контент в других разделах должен занимать всё пространство 960px.
Решение:
1. Для начала удалим
Для этого откроем файл index.php в корне сайта и найдём строку:
И удаляем вместе с кавычками и точками:
По сути это нам от этого ни холодно ни жарко. Просто меня это бесит когда класс dle-content появляется в коде.
2. А теперь переходим к делу. Все действия происходят в main.tpl
Совершить задуманное нам помогут теги [aviable=раздел][/aviable] и [not-aviable=раздел][/not-aviable]
Описание первого тега:
Описание второго тега:
Думаю вы уже поняли что мы будем делать)
Вот список всех разделов:
3. Для того что бы наш контент имел ширину 500px мы заключим его в div:
4. Но это заставит и другие разделы изменить ширину на 500px.
Что бы этого не произошло мы заключим его в тег [aviable=main][/aviable]:
Этот код означает, что наш контент шириной в 500px, вернее даже не так, а весь контент будет отображаться только на главной странице и больше нигде. Т.е если вы зайдёте в новость или в профиль то ночего не увидете - пусто. Проблема однако.
5. Напишем ещё один код пониже:
Этот код означает, что наш контент в полном размере 960px, вернее даже не так, а весь контент не будет отображаться только на главной странице и всё.
В итоге мы получили:
Простыми словами:
На главной странице колонка с темами будет шириной в 500px, а во всех остальных разделах контент останется оригинальным 960px.
Задача решена)
Многие возможно знают об этом способе, но например я не знал. Весь интернет перерыл, так ничего и не нашёл.
Пришлось самому думать) Вот и додумался)
Надеюсь кому-то эта статья поможет)
Для этого создавали примерно такую схему:
<div style="width:500px;">
{info}
{content}
</div>
{info}
{content}
</div>
Способ хороший, но у него есть один большой минус - ширина контента меняется во всех разделах сайта: профиль, полная новость и т.д.
Для того что бы что-то исправить, например в fullstory.tpl добавляли ещё один div:
<div style="width:850px;">
контент
</div>
контент
</div>
Не очень удобно, правда?
Есть способ гораздо проще и в этом нам помогут дополнительные теги.
Задача:
Контент на главной странице должен занимать 500px в ширину, остаток 460px для других нужд.
Но при этом контент в других разделах должен занимать всё пространство 960px.
Решение:
1. Для начала удалим
<ul class='dle-content'></ul>
который постоянно появляется в коде.Для этого откроем файл index.php в корне сайта и найдём строку:
$tpl->set ( '{content}', "<ul class='dle-content'>" . $tpl->result['content'] . "</ul>" );
И удаляем вместе с кавычками и точками:
"<ul class='dle-content'>" .
. "</ul>"
. "</ul>"
По сути это нам от этого ни холодно ни жарко. Просто меня это бесит когда класс dle-content появляется в коде.
2. А теперь переходим к делу. Все действия происходят в main.tpl
Совершить задуманное нам помогут теги [aviable=раздел][/aviable] и [not-aviable=раздел][/not-aviable]
Описание первого тега:
Описание второго тега:
Думаю вы уже поняли что мы будем делать)
Вот список всех разделов:
3. Для того что бы наш контент имел ширину 500px мы заключим его в div:
<div style="width:500px;">
{info}
{content}
</div>
{info}
{content}
</div>
4. Но это заставит и другие разделы изменить ширину на 500px.
Что бы этого не произошло мы заключим его в тег [aviable=main][/aviable]:
[aviable=main]
<div style="width:585px;">
{info}
{content}
</div>
[/aviable]
<div style="width:585px;">
{info}
{content}
</div>
[/aviable]
Этот код означает, что наш контент шириной в 500px, вернее даже не так, а весь контент будет отображаться только на главной странице и больше нигде. Т.е если вы зайдёте в новость или в профиль то ночего не увидете - пусто. Проблема однако.
5. Напишем ещё один код пониже:
[not-aviable=main]
{info}
{content}
[/not-aviable]
{info}
{content}
[/not-aviable]
Этот код означает, что наш контент в полном размере 960px, вернее даже не так, а весь контент не будет отображаться только на главной странице и всё.
В итоге мы получили:
[aviable=main]
<div style="width:500px;">
{info}
{content}
</div>
[/aviable]
[not-aviable=main]
{info}
{content}
[/not-aviable]
<div style="width:500px;">
{info}
{content}
</div>
[/aviable]
[not-aviable=main]
{info}
{content}
[/not-aviable]
Простыми словами:
На главной странице колонка с темами будет шириной в 500px, а во всех остальных разделах контент останется оригинальным 960px.
Задача решена)
Многие возможно знают об этом способе, но например я не знал. Весь интернет перерыл, так ничего и не нашёл.
Пришлось самому думать) Вот и додумался)
Надеюсь кому-то эта статья поможет)