Регистрация
Навигация
Программирование
ИгроМир
Вебмастеру
Прямой эфир
- Пользователь: FreeZonВ раздел по теме: Исходник чата на основе TXT файла, на C# [MyOpenSource]
- Пользователь: Bovi4В раздел по теме: Исходник чата на основе TXT файла, на C# [MyOpenSource]
- Пользователь: FreeZonВ раздел по теме: Бесплатные стикеры ВКонтакте + дополнительные!
- Пользователь: RuleZ-DMВ раздел по теме: Бесплатные стикеры ВКонтакте + дополнительные!
Статистика сайта
Красивый блок состав клана на CSS
Опубликовал: FreeZonДата: 21.06.2025 Просмотров: 176
31.08.2014, 09:49 | |
Красивый блок на CSS, когда хотел сделать свой HTML шаблон для сайта клана. Не фига не получилось, вот могу блок выложить. На блоке список с никами соклановцев. Если на против ника стоит галочка значит игрок офицер или глава ну что хотите то и будет. Вам судить кем он будет у вас ![]() Код блока: Код <div class="blockclan"> <div class="blockclan_l"> <div class="player_p">Обычный игрок</div> <div class="player_offic">Офицер или глава</div> </div> </div> Теперь CSS: Код .player_offic{ margin: 10; height: 26px; background: url(offic.png) no-repeat; background-position: 0 -29; background-position-x: 200px; } .player_offic:hover { background-position: 0 0; background-position-x: 200px; } .player_p{ margin: 10px; height: 26px; } .blockclan{ background: url(bgnav.png) #cbcbcd; width: 267px; border-radius: 6px; height: auto; padding: 1px; margin-top: 10px; margin-right: 33px; float: right; } .blockclan_l{ border-right:2px dashed black; margin-right: 15px; } Картинки заменяете на свои, я использовал эти: ![]() ![]() | |
Просмотров: 176 | Загрузок: 176 | |
Всего комментариев: 0 | |