Вид материала каталога файлов + увеличение изображения. Хорош для светлый дизайнов
Уставнока:
Заходим в ПУ-- Управ дизайном -- Каталог файлов -- Вид материалов -- и заменяем все на:
Код:
Code
/*-------------------------------------*/
/*----------------------------------*/
$MODER_PANEL$
| Описание предоставленное пользователем $USERNAME$: $MESSAGE$ Описание, сгенерированное автоматически: На данный момент вы просматриваете краткое описание файла $TITLE$, данный файл принадлежит категории $CATEGORY_NAME$. Материал $TITLE$ опубликован $DATE$. Помимо данного материала у нас еще много других файлов схожих по меткам в разделе $SECTION_NAME$. Копирования материала с сайта строго Запрещено Источник: www.diz-cs.ru | Подробнее |
Прикрепления: $ATTACHMENTS$
/*----------------------------------*/
В CSS вставляем:
Код:
Code
/*-------------------------------------*/
.e-news {-moz-border-radius:5px;-webkit-border-radius:5px; border-radius: 6px; background:#fff; border:1px solid #B8B6B6; padding:1px; margin-bottom:3px;}
.e-title {text-align:left; background:url('http://n1ke-play.3dn.ru/img/e-title.png') repeat-x #FFFFFF; background-position:0 50%; padding:5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.e-title a:link, .e-title a:visited {color:#fff; font-size:9pt; text-shadow:0px 1px 0px #000000;}
.e-title a:hover, .e-title a:active {color:#fff; text-shadow:0px 0px 5px #fff;}
.eMessagecsomsk a img, .eMessagecsomsk img {padding:3px !important;background:#ffffff;
border:1px solid#dbdbdb !important;border-radius:4px;
-moz-border-radius:7px;box-shadow:0px 0px 10px #e8e8e8;-moz-box-shadow:0px 0px 10px #e8e8e8;}
a img {border:0px;}
.e-Attach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('http://n1ke-play.3dn.ru/img/21.gif') no-repeat 0px 0px;}
.e-Details {background:url('http://n1ke-play.3dn.ru/img/28.png');color:#60606B;padding-bottom:5px;padding-top:3px; text-align:left;font-size:7pt; }
.e-Details1 {background:url('http://n1ke-play.3dn.ru/img/28.png');color:#60606B;padding-bottom:5px;padding-top:3px; text-align:left;font-size:8pt; }
.e-Details2 {background:url('http://n1ke-play.3dn.ru/img/28.png');color:#60606B;padding-bottom:5px;padding-top:3px; text-align:left;font-size:8pt; }
a.button {border:0px; background: transparent url('http://n1ke-play.3dn.ru/img/button_a.png') no-repeat scroll top right; color: #fff; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 26px; margin: 2px; padding-right: 8px; /* sliding doors padding */ text-decoration: none;}
a.button span {border:none; background: transparent url('http://n1ke-play.3dn.ru/img/button_span.png') no-repeat; display: block; line-height: 23px; padding: 1px 0 2px 8px; vertical-align:middle; color: #fff;}
a.button:hover { outline: none; background-position: 100% -26px; color: #fff; text-decoration: none;}
a.button:hover span { background-position: 0% -26px; color: #fff;}
a.button:active { outline: none; background-position: 100% -52px; text-decoration: none;}
a.button:active span { background-position: 0% -52px; color: #fff;}
/*BANNERS*/
.banners a img {
opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);
}
.banners a:hover img {
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}
/*------------------*/
.e-news {-moz-border-radius:5px;-webkit-border-radius:5px; border-radius: 6px; background:#fff; border:1px solid #B8B6B6; padding:1px; margin-bottom:3px;}
.e-title {text-align:left; background:url('http://n1ke-play.3dn.ru/img/e-title.png') repeat-x #FFFFFF; background-position:0 50%; padding:5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.e-title a:link, .e-title a:visited {color:#fff; font-size:9pt; text-shadow:0px 1px 0px #000000;}
.e-title a:hover, .e-title a:active {color:#fff; text-shadow:0px 0px 5px #fff;}
.eMessagecsomsk a img, .eMessagecsomsk img {padding:3px !important;background:#ffffff;
border:1px solid#dbdbdb !important;border-radius:4px;
-moz-border-radius:7px;box-shadow:0px 0px 10px #e8e8e8;-moz-box-shadow:0px 0px 10px #e8e8e8;}
a img {border:0px;}
.e-Attach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('http://n1ke-play.3dn.ru/img/21.gif') no-repeat 0px 0px;}
.e-Details {background:url('http://n1ke-play.3dn.ru/img/28.png');color:#60606B;padding-bottom:5px;padding-top:3px; text-align:left;font-size:7pt; }
.e-Details1 {background:url('http://n1ke-play.3dn.ru/img/28.png');color:#60606B;padding-bottom:5px;padding-top:3px; text-align:left;font-size:8pt; }
.e-Details2 {background:url('http://n1ke-play.3dn.ru/img/28.png');color:#60606B;padding-bottom:5px;padding-top:3px; text-align:left;font-size:8pt; }
a.button {border:0px; background: transparent url('http://n1ke-play.3dn.ru/img/button_a.png') no-repeat scroll top right; color: #fff; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 26px; margin: 2px; padding-right: 8px; /* sliding doors padding */ text-decoration: none;}
a.button span {border:none; background: transparent url('http://n1ke-play.3dn.ru/img/button_span.png') no-repeat; display: block; line-height: 23px; padding: 1px 0 2px 8px; vertical-align:middle; color: #fff;}
a.button:hover { outline: none; background-position: 100% -26px; color: #fff; text-decoration: none;}
a.button:hover span { background-position: 0% -26px; color: #fff;}
a.button:active { outline: none; background-position: 100% -52px; text-decoration: none;}
a.button:active span { background-position: 0% -52px; color: #fff;}
/*BANNERS*/
.banners a img {
opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);
}
.banners a:hover img {
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}
/*------------------*/
Внимание Просмотрите свой ксс стиль если у вас есть строчки с одинаковым началом типа .e-Title xxx - удалите все. Будьте внимательнее. Перед тем как заменить вид материалов сделайте копии.
Желаю удачи!



