Стиль "Дзен-минимализма" (phpBB2)

Korolyova пишет:... отрицательный результат столь же важен, как и положительный...

Hahaus пишет:

Раздел 4 - создание новой темы:

Раздел 4 - ответ в теме:

Раздел 4 - редактирование поста:

Korolyova пишет:...Мудл -он и есть мудл, название свое оправдывает...

Код:

<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</th>

Dana Domirani пишет:

1 - Удаление лишних элементов:

Решение. Добавить в CSS:

Код:

/* удаление лишних контуров */
td.catHead, th.thHead, td.catBottom, th.thBottom {
border: none !important;
}
td.critt {
background-color: none;
height:0;
}

/* выравнивание полей профиля по центру */
.postdetails {
display: block;
text-align: center;
}

Dana Domirani пишет:

2 - Сделать границу у заголовка темы:

В шаблоне viewtopic_body найти фрагмент в самом верху кода

Код:

<table width="100%" border="0" cellspacing="2" cellpadding="0" class="titletheme">
 <tr>
 <td align="left" valign="middle" nowrap="nowrap">
 <span class="nav">
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>&nbsp;&nbsp;&nbsp;
 <!-- END switch_user_authpost -->
 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
 <!-- END switch_user_authreply -->
 </span>
 </td>

и заменить строку

Код:

<table width="100%" border="0" cellspacing="2" cellpadding="0">

на

Код:

<table width="100%" border="0" cellspacing="2" cellpadding="0" class="titletheme">

Т.е. задать безымянной таблице конкретный класс, по которому ей можно будет назначить персональный свойства.
Сохранить шаблон, опубликовать.

В CSS добавить свойства для этой таблицы (белую линию по нижнему краю + отступ от нее)

Код:

table.titletheme {
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
}

Сохранить.

Dana Domirani пишет:

3 - Переместить ссылки на страницы вниз + отделить их линией:

Шаблон viewtopic_body (Показ темы)

Вырезать фрагмент и сохранить где-нибудь в блокноте

Код:

<!-- BEGIN topicpagination -->
<td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
<!-- END topicpagination -->

Найти строку

Код:

<td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}:&nbsp;{S_JUMPBOX_SELECT}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span></td>

и заменить на вышеуказанный фрагмент из блокнота.

Чуть выше найти код

Код:

<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
 <tr>
 <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
 <span class="nav">
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>&nbsp;&nbsp;&nbsp;
 <!-- END switch_user_authpost -->
 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
 <!-- END switch_user_authreply -->
 </span>
 </td>

и заменить первую строку

Код:

<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">

на

Код:

<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center" class="noprint paginationtitle">

Сохранить шаблон, опубликовать.

В CSS добавить

Код:

table.paginationtitle {
    border-top: 1px solid #fff;
    padding-top: 10px;
}

4 - Удаление обзора темы:

Решение: из шаблона Запостить & Личные сообщения > posting_body (Страница отправки сообщений) удалить элемент "обзор темы"

Код:

{TOPIC_REVIEW_BOX}

Шаблон сохранить и опубликовать.

Дана Домирани пишет:

Оформление персонального html-"спойлера" (там маркер можно убрать через CSS):

Код:

/* убрать маркер-стрелку у персонального спойлера */
summary::-webkit-details-marker {
  display: none;
}

Картинка встраивается в заголовки персональных спойлеров таким же образом:

Код:

/* назначить фоновую картинку всем персональным спойлерам */
summary {
   background: transparent url(https://i.imgur.com/bTT89Fz.gif) no-repeat left center;
   padding: 12px 5px 12px 45px;
}

Дана Домирани пишет:

Таблицы с заданными свойствами.

Обычный bb-код таблицы выглядит приблизительно так:

Код:

[table class="redtable"]
[tr style=][td]Текст 1[/td]
[td]Текст 2[/td]
[/tr]

[tr style=][td]Текст 3[/td]
[td]Текст 4[/td]
[/tr]
[/table]

Добавляете ей класс для индивидуального стиля, например "redtable":

Код:

[table class="redtable"]
[tr style=][td]Текст 1[/td]
[td]Текст 2[/td]
[/tr]

[tr style=][td]Текст 3[/td]
[td]Текст 4[/td]
[/tr]
[/table]

А в CSS – коды персональных настроек:

Код:

/* настройки оформления таблицы redtable */

table.redtable {
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 14px;
border-collapse: collapse;
text-align: center;
width: 100%; /* растянуть таблицу по ширине страницы */
}

table.redtable td {
border: solid 1px white;
}

table.redtable td {
background: #ff973e;
padding: 10px;
}


Таблицы – штука довольно-таки гибкая, хотя и со своими ограничениями. Ширину ячеек можно задавать в процентах от общей ширины таблицы, в пикселях, подгонять по ширине-высоте с соседними ячейками и строками, центрировать ее содержимое по высоте / ширине...
Для примера: https://help.forum2x2.ru/t11547-topic
Учебник по таблицам: http://htmlbook.ru/html/table

IceQueen пишет:Шаблоны - Запостить & Личные сообщения - posting_body (Страница отправки сообщений)

Код:

<!-- BEGIN edit_reason -->
 <tr>
 <td class="row1" width="22%"><span class="gen"><strong>{edit_reason.L_EDIT_REASON}</strong></span></td>
 <td class="row2" width="78%"><span class="gen"><input class="post" style="width:450px" type="text" name="edit_reason" value="{edit_reason.EDIT_REASON}" maxlength="255" /></span></td>
 </tr>
 <!-- END edit_reason -->

Код:

<!-- BEGIN switch_subject -->
     <tr>
<td class="row1" width="22%"><span class="gen"><b>{L_SUBJECT}</b></span></td>

Dana Domirani в Октябрь 24th 2010, 18:37 пишет:Откройте ПА > Оформление > Шаблоны > Общие настройки > шаблон viewtopic_body (Показ темы)
Найдите и удалите строку:

Код:

{postrow.displayed.EDITED_MESSAGE}

Потом сохраните и опубликуйте (!) измененный шаблон

Hahaus пишет:Давненько уже нашел и применил эту полезную штучку из старого туториала, но в "дзен"-хранилище, кажется, не копировал

Hahaus пишет:Остальную работу {по оформлению туториала} пусть делает кто-то другой. Например, Пушкин