Есть вопрос. http://arkania.rolebb.ru/
Точнее был вопрос. Пока писала сообщение, то нашла решение. Хотела оставить здесь на всякий случай.
Сделала на форуме это:
Колонки "Тем - Сообщений" в строчку на CSS
/* Колонки "Тем - Сообщений" в строчку на CSS
-----------------------------------------*/
/*Основная часть, - Не меняем */
.category tr,#f-subforums tr{display:table;width:100%;clear:both;position:relative;}
.category td.tc2:before,#f-subforums td.tc2:before{content:"Тем: ";}
.category td.tc3:before,#f-subforums td.tc3:before{content:"Сообщений: ";}
.category th.tc3,.category th.tc2,#f-subforums th.tc2,#f-subforums th.tc3{visibility:hidden;}
.category .tc2,.category .tc3,#f-subforums .tc2,#f-subforums .tc3{position:absolute;bottom:0;
/*End/- Основная часть*/
/* Оформление ячеек Тем - Сообщений */
padding:.5em 1em!important; /*внутренние отступы*/
background:none transparent!important; /*фон*/
border:none 0 rgba(0,0,0,0)!important; /*бордеры*/
width:130px!important;/*ширина*/
text-align:right!important;
}
.category td.tcl,#f-subforums td.tcl{
padding-bottom:2.5em; /*Отступ снизу, по высоте ячеек Тем - Сообщений*/
}
/* Ячейка "Тем" */
.category .tc2,#f-subforums .tc2{
right: 445px; /*подвижка справа*/
font-weight: bold;
}
/* Ячейка "Сообщений" */
.category .tc3,#f-subforums .tc3{
right: 280px; /*подвижка справа*/
font-weight: bold;
}
/* Оформление надписей "Тем","Сообщений" в ячейках*/
.category .tc2:before,.category .tc3:before,
#f-subforums .tc2:before,#f-subforums .tc3:before{
/*float:left;*/
color:#666; /*цвет шрифта*/
font-weight: normal;
margin-right: 1.5em;
}
/*Правка ширины левой колонки*/
.category .tcl,#f-subforums .tcl{
width:71%!important;
}
/*Правка ширины правой колонки*/
.category .tcr,#f-subforums .tcr{
width:30%!important;
}
- В полноэкранном режиме мне все нравится, но в мобильном стиле добавка при сужении окна "бъет" таблицу (первый скриншот).
- Если удалить добавку выше (а точнее то, что выделено красным в спойлере выше), тогда все на местах (второй скриншот), но все же не то, поскольку Колонки "Тем - Сообщений" не будут работать.
- Если оставить код "Колонки "Тем - Сообщений" в строчку на CSS" и дописать для мобильного стиля:
@media screen and (max-width: 540px) {
.category tr, #f-subforums tr {
display: table-row;
}
.punbb .subforums .Inner {
float: left;
margin-top: 2em;
margin-left: 0em;
}
}
Вроде бы все более-менее (третий скриншот), или, скорее, как хотелось.
Добавлено спустя 3 минуты 58 секунд:
Наверно надо было писать в Вопросы по мобильному стилю или Подфорумы "не скриптом", новая версия?
Отредактировано Lidia-Lada (Пн, 12 Сен 2016 22:19:33)