Мне стало интересно, реально ли осуществить вывод списка подфорумов не в строку, а в столбик не изменяя файлы php.
Сделать из такого: Такое: Оказывается реально и не так уж и сложно. Для реализации нам потребуется внести небольшую правку в шаблон
Итак, находим в шаблоне
Меняем на:
Что и как у нас получилось? Получилось у нас вот что, мы задали нулевой размер шрифта для содержимого в теге
По поводу валидации - проблем быть не должно.
По поводу правильности отображения, если верить htmlbook.ru, значение
В принципе можно осуществить и отображение в два столбца используя псевдокласс
Получается, что каждый нечётный элемент будет иметь свойство
Стоит отметить, что псевдокласс
Если вы считаете это откровенным бредом и проще и правильней осуществлять этот способ внесением правок в файлы php, то ваш способ реализации на форуме гуру:
[hide]Список подфорумов в столбик[/hide]
Сделать из такого: Такое: Оказывается реально и не так уж и сложно. Для реализации нам потребуется внести небольшую правку в шаблон
forumlist_body.html
и добавить несколько строк в стили.Итак, находим в шаблоне
forumlist_body.html
:
Код: Выделить всё
<!-- IF forumrow.SUBFORUMS and forumrow.S_LIST_SUBFORUMS --><br /><strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}<!-- ENDIF -->
Код: Выделить всё
<!-- IF forumrow.SUBFORUMS and forumrow.S_LIST_SUBFORUMS --><br /><strong>{forumrow.L_SUBFORUM_STR}</strong> <span class="sub">{forumrow.SUBFORUMS}</span><!-- ENDIF -->
- Т.е. оборачиваем
{forumrow.SUBFORUMS}
в тег<span>
со своим классом.
Код: Выделить всё
.sub {
font-size: 0;
margin-left: 10px;
display: block;
}
.sub a.subforum {
display: table-cell;
font-size: 11px;
}
Что и как у нас получилось? Получилось у нас вот что, мы задали нулевой размер шрифта для содержимого в теге
<span>
и размер в 11px
для содержимого в теге <a>
. Теперь подфорумы будут выводиться в столбик, а не через запятую, да и как бы не нужны эти запятые если список осуществляется не в одну строку.По поводу валидации - проблем быть не должно.
По поводу правильности отображения, если верить htmlbook.ru, значение
table-cell
не работает в IE6 и IE7, а также в Safari 3.1 будет не корректное отображение поскольку у нас нет элементов со значениями свойства display: table
и table-row
.В принципе можно осуществить и отображение в два столбца используя псевдокласс
:nth-of-type
:
Код: Выделить всё
.sub a:nth-of-type(odd) {
float: left;
margin-right: 25px;
}
Получается, что каждый нечётный элемент будет иметь свойство
float: left;
и будет обтекаться следующим, чётным элементом.Стоит отметить, что псевдокласс
:nth-of-type
входит в CSS3, которые устаревшие браузеры не понимают. IE понимает только начиная с 9 версии.Если вы считаете это откровенным бредом и проще и правильней осуществлять этот способ внесением правок в файлы php, то ваш способ реализации на форуме гуру:
[hide]Список подфорумов в столбик[/hide]
Комментарии: 19
CabinetAdmin
Я реализовала этот вариант. Теперь только не пойму как бы в этом варианте сделать:
1) серые стрелочки рядом с каждым подфорумом
2) чтобы они становились красными, когда есть новое сообщение в подфоруме.
скрин как было с серыми стрелочками тут:
http://forumimage.ru/show/100507947
зы. я пыталась вставить картинку перед названием подфорумов, но она отображается только 1 раз.. ничего больше не смогла придумать. Буду очень признательна за помощь.
Я реализовала этот вариант. Теперь только не пойму как бы в этом варианте сделать:
1) серые стрелочки рядом с каждым подфорумом
2) чтобы они становились красными, когда есть новое сообщение в подфоруме.
скрин как было с серыми стрелочками тут:
http://forumimage.ru/show/100507947
зы. я пыталась вставить картинку перед названием подфорумов, но она отображается только 1 раз.. ничего больше не смогла придумать. Буду очень признательна за помощь.
Форум Science-Леди www.scienceclub.listbb.ru
Стили - Наборы рисунков - ваш стиль - Легенда подфорума (Легенда подфорума с новыми сообщениями) - ваша картинка.
Плюс убедитесь, что в теме стиля есть такой кусок:
Он должен быть над
Плюс убедитесь, что в теме стиля есть такой кусок:
Код: Выделить всё
ul.topiclist li.row dt a.subforum.read {
background-image: url("{IMG_SUBFORUM_READ_SRC}");
}
ul.topiclist li.row dt a.subforum.unread {
background-image: url("{IMG_SUBFORUM_UNREAD_SRC}");
}
.forum-image {
, если его нет - добавьте.Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
Ещё обратил внимание, что у вас между подфорумами большое расстояние, это видимо особенность вашего стиля, если не мешает, то можно оставить и так, если всё же не надо так, то находите в теме стиля:
И удаляете отсюда -
Код: Выделить всё
dl.icon dt {
padding-left: 45px; /* Space for folder icon */
background-repeat: no-repeat;
background-position: 5px 95%; /* Position of topic icon */
font-size: 11px;
line-height: 1.3em;
}
line-height: 1.3em;
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
CabinetAdmin
спасибо большое всё получилось!
Надо сказать, что это, действительно, более изящный способ реализации, чем через скрипты. Еще раз большое спасибо!
спасибо большое всё получилось!
Надо сказать, что это, действительно, более изящный способ реализации, чем через скрипты. Еще раз большое спасибо!
Форум Science-Леди www.scienceclub.listbb.ru
CabinetAdmin
а не подскажете еще по поводу оформления подфорумов. если бя я хотела изменить размер щрифта и его цвет (названий подфорумов), то где это настраивается в стилевом файле?
а не подскажете еще по поводу оформления подфорумов. если бя я хотела изменить размер щрифта и его цвет (названий подфорумов), то где это настраивается в стилевом файле?
Форум Science-Леди www.scienceclub.listbb.ru
В том, который вставили:
Код: Выделить всё
.sub a.subforum {
display: table-cell;
font-size: 11px;
}
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
CabinetAdmin
спасибо всё исправила на свой вкус.
спасибо всё исправила на свой вкус.
Форум Science-Леди www.scienceclub.listbb.ru
Сегодня заметила только, что в Гугль Хроме у меня, действительно, очень большое расстояние между подфорумами. А в ИЕ почему-то всё отлично отображается. Ту строчку, про которую вы писали, я убрала. Но это не помогло. Может быть есть еще какие-то варианты как это можно исправить? Буду очень признательнаCabinetAdmin » 20 май 2014, 14:00 писал(а):Ещё обратил внимание, что у вас между подфорумами большое расстояние
Форум Science-Леди www.scienceclub.listbb.ru
Стиль у вас просто такой. Добавьте
line-height: 1.4em;
к .sub {
и .sub a.subforum {
. Либо удалите line-height: 1.2em;
в:
Код: Выделить всё
body {
margin: 0 auto;
padding: 0 8px;
position: relative;
min-height: 100%;
font-family: Verdana,Helvetica,Arial,sans-serif;
line-height: 1.2em;
font-size: 12px;
color: #444;
}
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
CabinetAdmin
спасибо большое! Всё прошло
спасибо большое! Всё прошло
Форум Science-Леди www.scienceclub.listbb.ru
а если у меня этого нету только это что делать
Код: Выделить всё
<!-- IF forumrow.SUBFORUMS and forumrow.S_LIST_SUBFORUMS --><br /><strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}<!-- ENDIF -->
Код: Выделить всё
<!-- EVENT forumlist_body_subforum_link_prepend