Главная » Файлы » Вид материалов для uCoz » Вид материалов для каталога файлов |
Красивый вид материалов BY FANTA62RUS
[ Скачать с сервера (25.1 Kb) · Скриншот ] | 07.01.2013, 03:01 |
Простой и Красивый вид материалов BY FANTA62RUS В блоке вид материалов выводиться информация: Название материала Дата добавления материала Раздел категории Сам контент Постер к материалу Количество комментариев Количество просмотров Ник кто добавил материал ( Новость ) Кнопку ссылку ( Подробнее ) для перехода в главную новость материала. Установка: Скачиваем архив с нашего сервера Папку "images" с содержимым из архива заливаем в корень сайта. В вид материалов ставим : Код <div class="viewn_loop"> <h4 class="viewn_title"><a href="$ENTRY_URL$">$TITLE$</a></h4> <div class="viewn_cont"> <div class="viewn_detail"> <div class="viewn_date"><span>$DATE$, $TIME$</span></div> Раздел: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a> </div> <noindex><div class="viewn_pict"><span><a href="$IMG_URL1$" onclick="return hs.expand(this)" title="Рип шаблона Sp1nn-portal"><img src="$IMG_URL1$" width="198" alt="$TITLE$" /></a></span></div></noindex> <div class="viewn_text"> <div id="news-id-293" style="display:inline;"> 310)?> <a href="$ENTRY_URL$">Читать далее...</a>$MESSAGE$ </div> </div> </div> <div class="viewn_bottom"> <div class="viewn_link"><a href="$ENTRY_URL$">Подробнее</a></div> Комментарии <b>($COMMENTS_NUM$)</b> Просмотры: <b>$READS$</b> добавил: <b><a href="$PROFILE_URL$">$USERNAME$</a></b> </div> </div> В Таблицу стилей CSS Ставим это: Код /*--------Вид материалов by Fanta62Rus--------*/ .viewn_loop {width:501px; color:#969696; margin:0 0 8px 0; background:url(/images/viewn_bg.png) repeat 0 0;} .viewn_title {height:32px; line-height:32px; overflow:hidden; margin:0; padding:0 0 0 14px; font-size:14px; font-weight:bold; color:#fff; text-shadow:1px 1px 1px #2384a0; background:#40a9c3 url(/images/viewn_bg.png) no-repeat -501px 0;} .viewn_title a {color:#fff; text-decoration:none;} .viewn_title a:hover {text-decoration:underline;} .viewn_cont {padding:7px 4px 6px 4px; overflow:hidden; line-height:1.6; background:url(/images/viewn_bg.png) no-repeat -501px -32px;} .viewn_detail {width:483px; overflow:hidden; padding:2px 8px 3px 8px; margin:0 0 3px -3px; background:url/images/viewn_bg.png) no-repeat -1662px bottom;} .viewn_detail a {font-weight:bold; color:#969696; text-decoration:none;} .viewn_detail a:hover {text-decoration:underline;} .viewn_date {float:left; padding:0 4px 0 0; margin:-2px 6px 0 0; background:url(/images/viewn_bg.png) no-repeat right 0;} .viewn_date span {min-width:70px; height:22px; line-height:22px; display:block; padding:0 0 0 33px; float:left; color:#929292; background:url(/images/viewn_bg.png) no-repeat -2163px 0;} .viewn_pict {width:226px; padding:7px 0 0 0; float:left; margin:0 -5px 0 0; background:url(/images/viewn_pict_bg.png) no-repeat 0 0;} .viewn_pict span {padding:0 22px 16px 6px; display:block; overflow:hidden; background:url(/images/viewn_pict_bg.png) no-repeat -226px bottom;} .viewn_pict img {width:198px; min-height:140px; vertical-align:top;} .viewn_pict img:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter: alpha(opacity=80); opacity:0.8;} .viewn_text {padding:0 0 0 4px; overflow:hidden;} .viewn_bottom {height:24px; padding:12px 0 0 28px; overflow:hidden; font-size:10px; color:#f6f6f6; text-shadow:1px 1px 1px #818181; background:#979797 url(/images/viewn_bg.png) no-repeat -1002px bottom;} .viewn_bottom b {margin:0 8px 0 0;} .viewn_bottom a {color:#f6f6f6; text-shadow:1px 1px 1px #818181; text-decoration:none;} .viewn_bottom a:hover {text-decoration:underline;} .viewn_link {width:101px; height:21px; float:left; margin:-3px 26px 0 0;} .viewn_link a {width:93px; height:21px; line-height:21px; padding:0 0 0 8px; display:block; font-size:10px; color:#6e6e6e; text-shadow:none; text-decoration:none; background:#fefefe url(/images/viewn_bg.png) no-repeat -1505px 0;} .viewn_link a:hover {text-decoration:none; background-position:-1505px -23px;} .viewn_statick .viewn_bottom {height:7px; padding:0; margin:0; background:url((/images/viewn_bottom_bg.png) no-repeat 0 0;} .viewn_statick .viewn_cont {padding: 7px 6px 6px 6px;} .viewn_inner_pict {width:400px; margin:10px auto 16px auto; background:url((/images/viewn_inner_pict.png) repeat-y 0 0;} .viewn_inner_pict span {display:block; padding:6px 0 0 0; background:url((/images/viewn_inner_pict.png) no-repeat -400px 0;} .viewn_inner_pict span span {padding:0 7px 6px 7px; background:url((/images/viewn_inner_pict.png) no-repeat -800px bottom;} .viewn_inner_pict img {width:386px; vertical-align:top;} /*-----------------------------------------------*/ | |
Просмотров: 2093 | Загрузок: 365 | Комментарии: 1 | |
Всего комментариев: 1 | |
| |