HTML Оформление групп без картинок

Salvage · 30 Июн 2014

Оформляем на css наименование группы юзеров для IPBoard. Можно использовать для любой другой системы, заменив класс ipsBadge.

PHP:

<span class="ipsBadge" style="font-family:Arial; font-size:11px; background:#ff0000; color:#ffffff; padding:3px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; -ms-border-radius: 5px;"> АДМИНИСТРАТОРЫ </span><BR><BR> 

<span class="ipsBadge" style="font-family:Arial; font-size:11px; background:#ecd900; color:#ffffff; padding:3px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; -ms-border-radius: 5px;"> СЛУЖБА БЕЗОПАСНОСТИ </span><BR><BR> 

<span class="ipsBadge" style="font-family:Arial; font-size:11px; background:#69b056; color:#ffffff; padding:3px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; -ms-border-radius: 5px;"> СУПЕР МОДЕРАТОРЫ </span><BR><BR> 

<span class="ipsBadge" style="font-family:Arial; font-size:11px; background:#187aff; color:#ffffff; padding:3px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; -ms-border-radius: 5px;"> МОДЕРАТОРЫ </span><BR><BR> 

<span class="ipsBadge" style="font-family:Arial; font-size:11px; background:#ff00fc; color:#ffffff; padding:3px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; -ms-border-radius: 5px; background-image: -o-linear-gradient(bottom, #ff00fc 0%, #fa0087 100%); background-image: -moz-linear-gradient(bottom, #ff00fc 0%, #fa0087 100%); background-image: -webkit-linear-gradient(bottom, #ff00fc 0%, #fa0087 100%); background-image: -ms-linear-gradient(bottom, #ff00fc 0%, #fa0087 100%); background-image: linear-gradient(to bottom, #ff00fc 0%, #fa0087 100%);"> ОЧЕНЬ ВАЖНЫЕ ПЕРСОНЫ </span><BR><BR> 

<span class="ipsBadge" style="font-family:Arial; font-size:11px; background:#fc8800; color:#ffffff; padding:3px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; -ms-border-radius: 5px;"> СКРИПТЕРЫ </span><BR><BR> 

<span class="ipsBadge" style="font-family:Arial; font-size:11px; background:#8600e3; color:#ffffff; padding:3px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; -ms-border-radius: 5px;"> МАППЕРЫ </span><BR><BR> 

<span class="ipsBadge" style="font-family:Arial; font-size:11px; background:#00c8fa; color:#ffffff; padding:3px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; -ms-border-radius: 5px;"> ПРОВЕРЕННЫЕ </span><BR><BR> 

<span class="ipsBadge" style="font-family:Arial; font-size:11px; background:#000000; color:#ffffff; padding:3px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; -ms-border-radius: 5px;"> ЗАБЛОКИРОВАННЫЕ </span>

Урок подготовил: OKStyle

Переход в группу "Пользователь"

HTML Оформление групп без картинок

Salvage

Специалист