Войти на сайт Регистрация
Добавить файлВ каталоге: 678
Стилизация категории для uCoz
19.11.2018
Стилизация категории для uCoz
  • 443 Просмотров:
  • 0 Скачиваний:
  • 0 Комментариев:
  • 0.0 Рейтинг:
  • (Голосов: 0)
Описание:
Стилизация вид-категории для вашего сайта. Справа выведены количество файлов в определенной категории. Будет смотреться красиво на светлых сайтов.

Установка:

1. В Таблицу Стилей CSS:

Код
.catsTable {  
  width:240px; /* - прописываем длину таблице */  
  overflow: hidden; /* - Отображается только область внутри элемента */  
  border-collapse:0px; /* - Линия между ячейками таблицы = 0*/  
}  

.catsTd {  
  width:240px; /* - прописываем длину ячейки td */  
  height:22px; /* - прописываем высоту ячейки td*/  
  color:#9e9ea0; /* - цвет текста */  
}  

a.catName:link,  
a.catName:visited,  
a.catName:active {  
  font:11px Verdana,Arial,sans-serif; /* - шрифт и его размер */  
  color:#555; /* - цвет текста */  
  margin:0; /* - запрещаем внешние отступы */  
  float:left; /* - выравниваем элемент по левому краю */  
  width:230px; /* - прописываем длину ячейки с учётом внутренних отступов padding:3px 0px 0px 10px; */  
  height:19px; /* - прописываем высоту */  
  display:block; /* - Элемент показывается как блочный*/  
  position:absolute; /* - Указывает, что элемент абсолютно позиционирован,*/  
  padding:3px 0px 0px 10px; /* - внутренние отступы */  
  border-top: 1px solid #D0D0D0!important; /* - верхняя линия рамки */  
}  

.catsTd a:hover{  
  background:#fff /* - фон ссылки при нажатии */  
}  
   
.catNumData {  
  float:right; /* - выравниваем элемент по правому краю */  
  position: relative; /* - устанавливается относительно его исходного места */  
  margin: 5px 5px 0px 0px; /* - внешние отступы */  
  font:9px Verdana,Arial,sans-serif; /* - шрифт и его размер */  
  font-weight: bold; /* - делаем шрифт жирным */  
}  
   
.catDescr{  
  color:#555; /* - цвет текста */  
  font-weight: bold; /* - делаем шрифт жирным */  
  text-align:right; /* - Выравнивание текста по правому краю*/  
  margin: 22px 0px 5px 0px!important; /* - внешние отступы */  
  padding: 10px 7px 0px 0px; /* - внутренние отступы */  
  border-top: 1px solid #D0D0D0!important; /* - верхняя линия рамки */  
}


На этом всё.
Стилизация категории для uCoz" title="Скачать Стилизация категории для uCoz бесплатно, без смс и регистрации" target="_blank">Сервер Скачать файл
Источник: 7old.ru
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]