Next Generation CMS :: Форум поддержки

Да вёрстка на Div-вах не простая штука


Подскажите есть ли вообще решение !?

растянуть оранжевое поле : Комментарии | 1Просмотры | 65 Подробнее  на всё Жёлтое поле





Мой код news.short.tpl

<link href="css/style.css" rel="stylesheet" type="text/css" />
[TWIG]
<div class="nevs_karkas"><!--START nevs_Karkas-->    
    <div class="nevs_title"><a href="{{ news.url.full }}"><h1>{{ news.title }}</h1></a></div>        
        <div class="nevs_meny"><!--START nevs_Meny-->            
    Категория: {{ category }} | Автор: {% if pluginIsActive('uprofile') %}<a href="{{ news.author.url }}">{% endif %}{{ news.author.name }}{% if pluginIsActive('uprofile') %}</a>{% endif %} | {{ news.date }} | Infosborka.com    
        </div><!--END nevs_Meny-->
    <div class="nevs_text"><p>{{ news.short }}</p></div><!--END nevs_text-->
<div class="nevs_clear_both"></div><!--END nevs_clear_both - отменяет обтекание одновременно с правого и левого края-->
<div class="nevs_footer"><!--START nevs_Footer-->
    <div class="nevs_footer_blok">{% if pluginIsActive('rating') %}{{ plugin_rating }}{% endif %}</div>
    <div class="nevs_footer_blok">Комментарии | {% if pluginIsActive('comments') %}{comments-num}{% endif %}</div>
    <div class="nevs_footer_blok">Просмотры | {{ news.views }}</div>
    <div class="nevs_footer_blok"><a class="btn" href="{{ news.url.full }}">Подробнее</a>
        </div>
<div class="nevs_clear_both"></div><!--END nevs_clear_both - отменяет обтекание одновременно с правого и левого края-->
</div><!--END nevs_Footer-->
</div><!--END nevs_Karkas-->
[/TWIG]

style

.nevs_karkas    {background: #FFFF00;} /* Жолтый */
.nevs_title        {background: #00FF00;    /* Зелёный */             /* teg h1 */
                font-size: 19px; padding: 0 0 5px 6px; height:25px; color:#3060A6; border-bottom: 3px solid #408CE8;}    
.nevs_meny        {height:25px; padding: 5px;}
.nevs_text        {background:#c0c0c0;} /* Серый */
.nevs_footer     {width: 100%;}
.nevs_footer_blok    {float:left; font-weight: bold; background: #FF9900; f color:#000000; /* Оранжевый, Чёрный*/  
                    padding: 5px; height:25px;} 
.nevs_clear_both    {clear: both;} /*отменяет обтекание одновременно с правого и левого края*/

irbees2008 написал:

/* padding: 5px; */

то есть всему виной Паддинг,
и ничего с этим не поделаешь (в том смысле что отступы не задашь)  !?

rusiq написал:

Для того, чтобы блоки (div) не вели себя загадочным образом, добавляя внутренние отступы (padding) к задаваемой ширине блока, необходимо  в файл стилей добавить следующее правило:

Интересно
буду разбираться !!!

А как насчёт кроссбраузерности данного кода !?



Ага Internet Explorer 6 "Даёт жизни конечно"




ковыряю дальше

Отредактированно Westergraf (2014-12-14 17:13:20)

Подскажите что такое {{ news.pagination }}

в полной новости с шаблоном поумалчанию default2


Даже наверно так правильней

   {% if (news.flags.hasPagination) %}
        <br /> <br /> 
    {{ news.pagination }} <!--Непонятно что это такое-->    
        <br /> <br /> 
    {% endif %}

Отредактированно Westergraf (2015-01-20 21:53:36)

Zemlemer написал:

Новость можно разделить на несколько страниц. Здесь у тебя блок на твиге с проверкой - если не одна страница, то отображается постраничная навигация.

ага значит можно смело выбросить

Zemlemer написал:

И кстати, если по теме твоего первого поста (насчет резины) - советую на Bootstrap 3 сразу делать адаптивную верстку

Что такое Bootstrap ? скинь полный адрес


Ещё задачка непойму как решить

щифры вернуть в новость шаблона






адрес страници 
http://test.infosborka.com/otnosheniya/kak-zabyt-o-proshlom-parne.html

Отредактированно Westergraf (2015-01-20 22:22:52)

Bootstrap - CSS фреймворк для верстки, набор готовых классов для навигации, меню, слайдера и т. д. Качать здесь (лучше версию 3): mybootstrap.ru, есть видеоуроки

Чтобы текст вернуть в новость, надо прописать стиль для списков. В style.css допиши, например так:

ol li {margin-left:20px;}

Bootstrap Интересная штука но чёт я не врубаюсь!?
Эт просто кто-то прописал все стили и классы вот и вся фишка!? остаётся понять всех тараканов человека который это всё намешал

У меня возник ещё жудкий вопрос

как в новой версии пишутся плагины в старой у меня было так

[isplugin lastnews]{plugin_lastnews}[/isplugin]
{plugin_lastcomments}
[isplugin tags]{plugin_tags} [/isplugin]

Последние новости
Последние комментарии
Облако тегов

а как это всё пишется в новой версии !?
в самих плагинах не нахожу

и есть ли место где можно посмотреть все плагины как прописываются что б больше не спрашивать элементарных вещей!?

Отредактированно Westergraf (2015-01-21 22:17:12)

Westergraf написал:

Bootstrap Интересная штука но чёт я не врубаюсь!?
Эт просто кто-то прописал все стили и классы вот и вся фишка!? остаётся понять всех тараканов человека который это всё намешал

Используя одну эту сборку классов можно создавать простой но очень функциональный шаблон который будет работать на любом устройстве корректно вот к примеру то что получилось у меня http://templates.ngcms.ru/uploads/files/forum/0678_bootstrap_v1_6.rar

Забыл упомянуть, в main.tpl блоки кода на TWIG - все что внутри {{ }} и {% %} -  надо оборачивать в [TWIG] [/TWIG]

Вот так работает, проверил сам. Блок else можно убрать, это я для наглядности.

        [TWIG]
        {% if pluginIsActive('lastnews') %}
            {plugin_lastnews} 
        {% else %}
        Упс... а плагин-то выключен :(
        {% endif %}    
        [/TWIG]

Аналогично будет с тэгами, только там {plugin_tags}

Отредактированно Zemlemer (2015-01-22 21:44:57)

Westergraf написал:

Zemlemer написал:

Забыл упомянуть, в main.tpl блоки кода на TWIG - все что внутри {{ }} и {% %} -  надо оборачивать в [TWIG] [/TWIG]

так у меня шаблон main.tpl обёрнут  [TWIG] [/TWIG] (весь код обёрнут в  main.tpl)

Если так, то второй раз добавлять обертку не надо. Тогда просто

{% if pluginIsActive('lastnews') %}
{plugin_lastnews} 
{% endif %}

Я так сделал, обернул весь шаблон - работает у меня.

И еще, на всякий случай, проверь настройки плагина lastnews.
"Выберите каталог из которого плагин будет брать шаблоны для отображения" - поставь "плагин".

Отредактированно Zemlemer (2015-01-22 22:11:11)

vip написал:

Westergraf, рекомендую использовать плагин xnews вместо плагина lastnews просто поддержка плагина lastnews в новых версиях движка прекращена

ПОСМОТРИ АРХИВ предрелиза,там и ласт ньюз,топ ньюз,favorites,они по идеи уже не нужны

Я сново в тупике помогите

У меня "общий клас" для ссылок такой:

a,a:link,a:active,a:visited {
    font: normal 12px verdana, Arial, sans-serif;
    color: #408CE8;
    text-decoration: none;
}
a:hover {
    font: normal 12px verdana, Arial, sans-serif;
    color: #41892D;
    text-decoration: none;
}

А для блока "Блоки теги:"

div.fo_tags a:link ,a:active ,a:visited{
    font:normal 12px verdana, Arial, sans-serif;
    color:#666666;
    text-decoration:none;    
}
div.fo_tags a:hover{
    font: normal 12px verdana, Arial, sans-serif;
    color:#FFFFFF;
    background:#CCCCCC;
    text-decoration:underline;    
}

и я так понимаю у них конфликт

потому, что посещённые ссылки отображаются серым цветом #666666 из "блока теги"




как сделать чтобы все ссылки были "общего класса"
В "Блоки новостей:" и в "Блоки последние комментарии:"




Решение найдено
Вместо прошлого решения

div.fo_tags a:link ,a:active ,a:visited{
    font:normal 12px verdana, Arial, sans-serif;
    color:#666666;
    text-decoration:none;    
}
div.fo_tags a:hover{
    font: normal 12px verdana, Arial, sans-serif;
    color:#FFFFFF;
    background:#CCCCCC;
    text-decoration:underline;    
}

Надо прописать

div.fo3_3 a{color:#999999;
                text-decoration: none;
}
div.fo3_3 a:hover{color:#FFFFFF;
               background-color:#CCCCCC;
               text-decoration: none;
}

Убрав лишние теги a:link ,a:active ,a:visited всё прекрасно работает и ничего не конфликтует
Вот что значет CSS всё на поверхности а хрен поймёшь.

Отредактированно Westergraf (2015-01-31 11:20:20)