Оформление ссылок в сообщениях

Satan

Профессионалы
Регистрация
13 Июн 2013
Сообщения
819
Редактируем шаблоны:

Панель администратора --> Стили и шаблоны --> Поиск в шаблонах

Обрамляем переменную в наш div класс, которая отвечает за вывод текста сообщения в темах

Найдите следующий текст в шаблоне postbit_legacy:
Замените его на:
<div class="grlinkpost">{vb:raw post.message}</div>
Обрамляем переменную в наш div класс, которая отвечает за вывод текста сообщения в предварительном просмотре. (по желтению)
Найдите следующий текст в шаблоне newpost_preview:
Замените его на:
<div class="grlinkpost">{vb:raw previewmessage}</div>
Оформляем ссылки:

Кратко об элементе A и его псевдоклассов

Наглядно можно увидеть реализацию на примерах 1 и 2

Пример 1:
Панель администратора --> Стили и шаблоны --> Поиск в шаблонах

В шаблон additional.css добавляем следующий код:
/* Начало оформление ссылок в сообщениях */
.grlinkpost a:link {
color: #000000; /* цвет обычной ссылки */
text-decoration: underline;
}
.grlinkpost a:visited {
color: #FF0000; /* цвет посещенной ссылки */
text-decoration: underline;
}
.grlinkpost a:active {
color: #0000FF; /* цвет ссылки в момент нажатия */
text-decoration: underline;
}
.grlinkpost a:hover {
color: #008000; /* цвет ссылки, на которую наведен указатель мыши */
text-decoration: underline;
}
/* Конец оформление ссылок в темах */
В данном примере для наглядности указал три разных цвета: черный, красный, синий, зеленый. Вы меняете на свои или делаете везде один цвет. Помимо цвета еще указал, чтобы ссылка была подчеркнута.

Результат:
You must be registered for see images attach


Пример 2:

Панель администратора --> Стили и шаблоны --> Поиск в шаблонах

В шаблон additional.css добавляем следующий код:
/* Начало оформление ссылок в сообщениях */
.grlinkpost a {
border: 1px solid #2B62A0;
border-radius: 6px;
color: #004FDF;
display: inline-block;
margin: 3px 0;
padding: 3px 7px;
}
.grlinkpost a:hover {
border: 1px solid #FF6600;
color: #FF6600;
text-decoration: none;
}
/* Конец оформление ссылок в сообщениях */
При необходимости цвет рамки и ссылки меняете на свои.

Результат:
You must be registered for see images attach
 
Сверху