- 27, Jun 2013
- #1
Редактируем шаблоны:
Панель администратора --> Стили и шаблоны --> Поиск в шаблонах
Обрамляем переменную в наш div класс, которая отвечает за вывод текста сообщения в темах
Найдите следующий текст в шаблоне postbit_legacy:
Пример 1: Панель администратора --> Стили и шаблоны --> Поиск в шаблонах В шаблон additional.css добавляем следующий код:
Пример 2: Панель администратора --> Стили и шаблоны --> Поиск в шаблонах В шаблон additional.css добавляем следующий код:
{vb:raw post.message}Замените его на:
<div class="grlinkpost">{vb:raw post.message}</div>Обрамляем переменную в наш div класс, которая отвечает за вывод текста сообщения в предварительном просмотре. (по желтению) Найдите следующий текст в шаблоне newpost_preview:
{vb:raw previewmessage}Замените его на:
<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;
}
/* Конец оформление ссылок в темах */
Пример 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;
}
/* Конец оформление ссылок в сообщениях */
