Вид материалов GASAN-CS для системы uCoz
Красивый Вид материалов ucoz, для темный дизайн, что красиво в виде название пишется ярко желтым цветом, это виду новостей придает свою оригинальность. Просто желтый оттенок цвета шикарно гармонирует с темным, что показывает наш вид. Так же можно его переделать под вид к файлам. Приступаем к установке: ПУ - Управление дизайном - Новости сайта - Вид материалов, убираем старый код и вставляем свой новый который написан ниже. Код <style type="text/css" media="all"> @import url(http://zornet.ru/highslide/highslide.css); </style> <script type='text/javascript' src='http://zornet.ru/highslide/highslide.js'></script> <script type="text/javascript" src="http://zornet.ru/zornet_ru4/include_highslide.js"></script> <script type="text/javascript"> hs.graphicsDir = 'http://zornet.ru/highslide/graphics/'; </script> <div class="vid_materialov"> <div class="vid_mat_bg"> <div class="news_v1"></div> <div class="news_v3"></div> <div class="news_v2"><a href="$ENTRY_URL$"><strong>$TITLE$ <?if($DATE$="Сегодня" or $DATE$="Вчера")?><img src="/new.png"><?endif?></strong></a> $MODER_PANEL$</div> <div class="news_c"> <table cellpadding="0" cellspacing="0"> </tr></tbody></table><table style="width: 100%; border-collapse: collapse"><tbody><tr><?if($IMG_URL1$)?><hr><td style="padding-top:8px;height: 100px; letter-spacing: 0px; word-spacing: 0px;width: 130px" align="center"><a title="Смотреть изображение новости $TITLE$" href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this)"><img src="$IMG_URL1$" alt="" width="120" height="90" alt="$TITLE$" style="padding:3px;background:#1C1C1C;border:1px solid #363636;"></a></td><?endif?> <td>$MESSAGE$<br>Категория: <strong>$CATEGORY_NAME$</strong></td> <td style="vertical-align: bottom; letter-spacing: 0pt; word-spacing: 0pt; text-align: right"> <input class="buttonprofile" onclick="document.location.href='$ENTRY_URL$'; return false;" value="Смотреть" type="button"></td> </td> </tr></table> <div style="padding-bottom:5px"></div> <div class="niz_news">Категория: <b><a href="$CATEGORY_URL$">$CATEGORY_NAME$</b></a> | Добавлено: $DATE$ в $TIME$ <div style="float:right"><?if($USER_LOGGED_IN$)?><?if($RFILE_URL$)?><a href="$RFILE_URL$" target="_blank">Скачать с хостинга <?if($RFILE_SIZE$)?><?else?><?endif?></a><?endif?> <?if($FILE_URL$)?><a href="$FILE_URL$" target="_blank">Скачать с сайта</a><?endif?><?else?><?endif?> </div> </div> <div style="padding-bottom:5px"></div> <div class="niz_news"> <?if($USERNAME$)?>Добавил: <a href="$PROFILE_URL$">$USERNAME$</a> |<?endif?> Просмотров: $READS$ | <?if($COMMENTS_URL$)?> Комментариев: <a href="$COMMENTS_URL$">$COMMENTS_NUM$</a> <?endif?> <?if($RATING$)?>| Рейтинг: <span id="entRating$ID$">$RATING$</span>/<span id="entRated$ID$">$RATED$</span><?endif?> <div style="float:right"><?if($RATING$)?><?$RSTARS$('19','/img/rank.png','1','float')?><?endif?></div> </div> </div> <div class="news_n1"></div> <div class="news_n3"></div> <div class="news_n2"></div> <div style="padding-bottom:5px"></div> Этот код в CSS Код .news_v1 {background:url('/img/news_v1.png');width:5px;height:31px;float:left;} .news_v2 {background:url('/img/news_v2.png');margin:0px 5px;height:23px;color:#e0a913;text-shadow:0.1em 0.1em 0.05em #000;font:bold 9pt Arial;text-shadow:0.1em 0.1em 0.05em #000;padding-left:12px;padding-top:8px;} .news_v3 {background:url('/img/news_v3.png');width:5px;height:31px;float:right;} .news_v2 a:link {text-decoration:none; color:#e0a913;} .news_v2 a:active {text-decoration:none; color:#e0a913;} .news_v2 a:visited {text-decoration:none; color:#e0a913;} .news_v2 a:hover {text-decoration:none; color:#b8860b;} .news_n1 {background:url('/img/news_n1.png');width:5px;height:5px;float:left;} .news_n2 {background:#292929;margin:0px 5px;height:5px;} .news_n3 {background:url('/img/news_n2.png');width:5px;height:5px;float:right;} .news_c {background:#292929;padding:7px;} .niz_news {-moz-border-radius:7px;border-radius:7px;border:1px solid #494949;padding:5px 10px;color:#ababab;text-shadow:0.1em 0.1em 0.05em #000;} .niz_news a:link {text-decoration:none; color:#ababab;} .niz_news a:active {text-decoration:none; color:#ababab;} .niz_news a:visited {text-decoration:none; color:#ababab;} .niz_news a:hover {text-decoration:none; color:#e0a913;} |
Поделиться в социальных сетях
Материал разместил
Комментарии: 7 | |
| |