"С миру по нитке..." Форум

"С миру по нитке..." Форум (http://forum.vika-plus.ru/index.php)
-   Копилка опыта (http://forum.vika-plus.ru/forumdisplay.php?f=24)
-   -   vBulletin: рамка "Последнее сообщение" с закругленными углами (http://forum.vika-plus.ru/showthread.php?t=1144)

alagor 29.03.2015 23:32

vBulletin: рамка "Последнее сообщение" с закругленными углами
 
Вложений: 2
vBulletin: рамка "Последнее сообщение" с закругленными углами

Используем border-radius - в админке идем в основную таблицу стилей CSS в поле "Дополнительные определения CSS" в самом нижу пишем:
PHP код:

.lastpostby {
    
background#E1E1E2;
    
border1px solid #3E5C92;
    
padding5px;
    
overflow:hidden;
    -
webkit-border-radius8px 8px 8px 8px;
    -
moz-border-radius8px 8px 8px 8px;
    
border-radius8px 8px 8px 8px;


Находим шаблоне forumhome_lastpostby код:
PHP код:

<div class="smallfont" align="$stylevar[left]"

и меняем на:
PHP код:

<div class="smallfont lastpostby" align="$stylevar[left]"

И получаем:

http://forum.vika-plus.ru/attachment...1&d=1427654230

P.S.
Но есть нюанс, в некоторых браузерах углы не скругляются, например 11-й Internet Explorer точно не понимает такого стиля и выглядит рамочка так:

http://forum.vika-plus.ru/attachment...1&d=1427654041


Часовой пояс GMT +5, время: 11:50.

Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. Перевод: zCarot