вторник, 30 августа 2011 г.

Делаем красивые ярлыки

Сейчас ярлыки отображаются как простые ссылки (точнее уже не отображаются, но это было до этого сообщения). А вот в Atlassian Confluence они выглядят красивее. Оттуда я и взял идею.

Изменение самое простое - необходимо в файл со стилями добавить код:
.post-labels a{
background-color: #F0F0F0;
border-bottom: 1px solid #CCC;
color: #666;
text-decoration: none;
padding: 2px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: solid 1px white;
}

.post-labels a:hover{
border:solid 1px #326ca6;
color:#000;
}
И тогда метки в Вашем блоге будут такими же, как и у меня.

Что бы подключить css к своему блогу - читайте тут.

Другой вариант - добавить в шаблон. Сделать это можно так:

  1. Идём в меню "Дизайн", пункт "Изменить HTML". Ставим галочку "Расширить шаблоны виджета"
  2. Ищем в тексте шаблона конструкцию вида ]]></b:skin> и перед ней вставляем приведённый выше код.
  3. Сохраните шаблон


Комментариев нет: