На форуме периодически поднимается тема: как изменить оформление ссылки в сообщениях. И если для 3-ки лично мне минимум попадались две темы как реализовать, то для 4-ки не встречал, или плохо искал. А 4-ка с особенностями... Это собственно и побудило создать данную тему для четверочников.

1. Редактируем шаблоны:
   
   Панель администратора --> Стили и шаблоны --> Поиск в шаблонах
   
   
   1. Обрамляем переменную в наш div класс, которая отвечает за вывод текста сообщения в темах
      Найдите следующий текст в шаблоне postbit_legacy:
      
      

      {vb:raw post.message}

      Замените его на:
      
      

      <div class="grlinkpost">{vb:raw post.message}</div>

      
      
   2. Обрамляем переменную в наш div класс, которая отвечает за вывод текста сообщения в предварительном просмотре. (по желанию)
      Найдите следующий текст в шаблоне newpost_preview:
      
      

      {vb:raw previewmessage}

      Замените его на:
      
      

      <div class="grlinkpost">{vb:raw previewmessage}</div>

   
   
2. Оформляем ссылки:
   
   Кратко об элементе A и его псевдоклассов
   Можно прописать оформление ссылки отдельно для каждого действия:
   
   A:link { ...} - стиль оформления обычной ссылки.
   A:active { ...} - стиль оформления ссылки в момент нажатия.
   A:visited { ...} - стиль оформления посещенной ссылки.
   А:hover { ... } - стиль оформления ссылки, на которую наведен указатель мыши.
   
   А можно и вовсе без использования псевдоклассов:
   
   A { ...} - общий стиль оформление для ссылки.
   
   И можно при необходимости добавить к общему дополнительный псевдокласс, например:
   
   А:hover { ... } - стиль оформления ссылки, на которую наведен указатель мыши.
   
   
   Наглядно можно увидеть реализацию на примерах 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;
   }
   /* Конец оформление ссылок в сообщениях */

   При необходимости цвет рамки и ссылки меняете на свои.
   
   Результат:
   
   
   
   

Не ленитесь и не бойтесь экспериментировать и познавать новое, все уже давно придумано.
Вам в помощь хороший и полезный ресурс: http://htmlbook.ru/

Большое спасибо.