Мітки, Ярлики

 Мітки допомагають систематизувати дописи по категоріям.

Щоб зробити їх більш стильними і незвичними можна скористатися такою схемою дій. Не забуваємо при цьому на початку Створити резервну копію контенту в Налаштуваннях

Переходимо в розділ Тема - Змінити HTML знаходимо код (нажимаємо CTRL+F на сторінці і вписуємо те що шукаємо)]]></b:skin>Перед ним вставляємо новий код

.Label a { padding-left: 20px; background: #000; padding: 0 20px; color: #fff!important; border-radius: 100px; -moz-border-radius: 100px; height: 32px; line-height: 32px; text-transform: uppercase; text-decoration: none; border: none !important; -webkit-transition: all .3s ease-in-out !important; t: 30pxt: 30px; float: left; margin-left: 5px; margin-top: 5px; font-size: 14px; } .Label a:hover { color: #000 !important; background: #ff0; }

Зберігаємо шаблон. Дивимося результат.

Якщо мітки розміщені хмаринкою, то користуємося цим алгоритмом:

Шукаємо код

]]></b:skin>Вставляємо цей

.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 { font-size:100%; filter:alpha(100); opacity:10 } .cloud-label-widget-content{ text-align:left } .label-size { background:#0dd7b4; display:block; float:left; margin:0 3px 3px 0; color:#ffffff; font-size:11px; text-transform:uppercase; } .label-size a,.label-size span{ display:inline-block; color:#ffffff !important; padding:6px 8px; font-weight:bold; } .label-size:hover { background:#333333; } .label-count { white-space:nowrap; padding-right:3px; margin-left:-3px; background:#333333; color:#fff !important; } .label-size { line-height:1.2 }

Зберігаємо шаблон. Дивимося результат.

Або ВАРІАНТ 2:

Добавляємо

.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 { font-size:100%; filter:alpha(100); opacity:10 } .cloud-label-widget-content{ text-align:left } .label-size { border-radius:30px; background:#FA0830; display:block; float:left; margin:0 3px 3px 0; color:#ffffff; font-size:11px; text-transform:uppercase; } .label-size a,.label-size span{ display:inline-block; color:#ffffff !important; padding:6px 8px; font-weight:bold; } .label-size:hover { border-radius:30px; background:#333333; } .label-count { white-space:nowrap; border-radius:30px; padding-right:3px; margin-left:-3px; background:#333333; color:#fff !important; } .label-size { line-height:1.2 }

 

Зберігаємо. Дивимося результат і насолоджуємося своїми досягненнями😍