Главная Блоги Блог админа

Настраиваем вид модуля клубов InstantCMS

Опубликовано:
Рубрика: Работа с CSS
Просмотров: 2215
+1↑
Голосов: 1
Навеяло постом о видео клубов в модуле, решил дать свое решение, быстрое, но меняет вид модуля клубов пользователей и позволяет гибко собирать под себя любой вид, в зависимости от шаблона вашего сайта.Модуль клубы, чтобы глянуть что отвечает открываем код элемента смотрим. Беру один из своих сайтов, вот как настроил себе.

Код PHP:
  1. div.club_entry, div.club_entry_vip {
  2. overflow: hidden;
  3. padding: 8px;
  4. position: relative;
  5. background-color: #F7F8F8;
  6. float: left;
  7. width: 165px;
  8. height: 155px;
  9. border: 1px solid #DBD9D9;
  10. margin: 10px 10px 25px 3px;
  11. }
Что здесь для чего и как позволит регулировать вид клубов. Настроено в коде стиля чтобы они имели почти квадратный стиль, далее указано обтекание, указана ширина и высота. Немного поменяв размеры и цвета, получаете интересный вид клубов. Если хотите добавить выделение при наведении то прописываете:

Код PHP:
  1. div.club_entry:hover{    
  2. background: #eee;
  3. -webkit-box-shadow: 0 0 8px #B4B4B8;
  4. box-shadow: 0 0 8px #B4B4B8;
  5. }
Цвета и размеры настраивайте по своему шаблону. Собственно при выборе нужного стиля модуля, с основными понятиями css вы можете настроить вид как угодно, растянуть, уменьшить и прочее, сделав удобный вид. Особое внимание надо обратить на размер картинки, отступы от краев, некрасиво когда картинка и надпись прилипают к краю.

Вот как то так, я считаю исчерпывающим вопрос изменения вида модулей и клубов в том числе.
Комментарии (0)

Нет комментариев. Ваш будет первым!

Добавить комментарий

Голосуем

Самый нужный компонент