Суббота, 22.09.2018, 15:00
Приветствую Вас Гость | RSS
Главная | Регистрация | Вход

22:58
Вид материалов как на ForuCoz.com от 20.09.2010

Вид материалов как на сайте www.forucoz.com / Простой красивый и удобный вид. Дата создания 20.09.2010! Автор: CCUMC
Особенность вида в том что в рамке расположены все данные, название, дата добавления и количество комментариев, просмотрой и т.д. Так же при нажатии на картинку она увеличивается.
Ставите этот код сюда - Управление дизайном - Каталог файлов - Вид материалов.
Code
<div style="margin-bottom: 3px;"></div><fieldset>  

<noindex><a href="$SOURCE_URL$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})">  
<div style="margin-top: 3px;"></div>  
<img src="$SOURCE_URL$" align="left" style="margin-left: 2px; border: none ;" border="0" width="150" height="125"></a></noindex>  

<ul style="margin-left: 155px; margin-right: 2px; margin-top: 1px; border: none ;" class="uz"><li class="m"><a class="m"><span style="font-style: normal;"><span style="color: rgb(1, 84, 127);"><span style="font-size: 9pt;">Название: <a class="newslink" href="$ENTRY_URL$">$TITLE$</a>$MODER_PANEL$</span></span></span></a></li></ul>  
<ul style="margin-left: 155px; margin-right: 2px; margin-top: 1px; border: none ;" class="uz"><li class="m"><a class="m"><span style="font-style: normal;"><span style="color: rgb(1, 84, 127);"><span style="font-size: 9pt;">Категория: <a class="m" href="$CATEGORY_URL$">$CATEGORY_NAME$</a></span></span></span></a></li></ul>  
<ul style="margin-left: 155px; margin-right: 2px; margin-top: 1px; border: none ;" class="uz"><li class="m"><a class="m"><span style="font-style: normal;"><span style="color: rgb(1, 84, 127);"><span style="font-size: 9pt;">Дата: <span title="$TIME$">$DATE$</span></span></span></span></a></li></ul>  
<ul style="margin-left: 155px; margin-right: 2px; margin-top: 1px; border: none ;" class="uz"><li class="m"><a class="m"><span style="font-style: normal;"><span style="color: rgb(1, 84, 127);"><span style="font-size: 9pt;">Добавил: <a class="m" href="$PROFILE_URL$">$USERNAME$</a></span></span></span></a></li></ul>  
<ul style="margin-left: 155px; margin-right: 2px; margin-top: 1px; border: none ;" class="uz"><li class="m"><a class="m"><span style="font-style: normal;"><span style="color: rgb(1, 84, 127);"><span style="font-size: 9pt;">Просмотров: $READS$</span></span></span></a></li></ul>  
<ul style="margin-left: 155px; margin-right: 2px; margin-top: 1px; border: none ;" class="uz"><li class="m"><a class="m"><span style="font-style: normal;"><span style="color: rgb(1, 84, 127);"><span style="font-size: 9pt;">Комментарии: <a class="m" href="$COMMENTS_URL$">$COMMENTS_NUM$</a></span></span></span></a></li></ul>  

<div style="margin-bottom: 5px;"></div></div></fieldset>  

<style>.pgSwch,.pdSwchA {padding:1px 1px 1px 1px; border:1px solid #CAD9EC; font-weight:bold;}  
.pgSwchA {background:#DFE8F6;}  
a.pgSwch:link,a.pgSwch:visited {text-decoration:none; color:#3288B5}  
a.pgSwch:hover {text-decoration:none; background:#CAD9EC; color:#000000}</style>  

<style type="text/css" media="all">@import url(http://www.forucoz.com/highslide/highslide.css);</style>  
<script type="text/javascript" src="http://www.forucoz.com/highslide/highslide.js"></script>  
<script type="text/javascript">hs.graphicsDir = 'http://www.forucoz.com/highslide/graphics/';</script>  

<style>  
.eTitle {background: url(''); height: 18px; _height: 23px; font: bold 11px Tahoma; color: #fff; padding: 5px 0px 0px 8px;}  
ul.uz {list-style: none; margin: 0 0 0 0; padding-left: 0px;}  

.m {font-family:Tahoma,Arial,Helvetica;}  
a.m:link {text-decoration:none; color:#4C74B6}  
a.m:visited {text-decoration:none; color:#4C74B6}  
a.m:hover {text-decoration:none; color:#42aaff;}  
a.m:active {text-decoration:none; color:#4C74B6;}  

li.f{border:1px solid #BAC6D9; margin: 0px; padding: 2px 2px 2px 10px; background: #000000;}  
li.f:hover {border:1px solid #B8B8B8; margin: 0px; padding: 2px 2px 2px 10px; background: #000000;}  
li.m {border:1px solid #a3d3fa; margin: 0px; padding: 2px 2px 2px 10px; background: #F5F5F5;}  
li.m:hover {border:1px solid #42aaff; margin: 0px; padding: 2px 2px 2px 10px; background: #ffffff;}</style>


Источник: ForuCoz.com
Скачать
Просмотров: 190 | Добавил: H[o_0]LiGaN | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *:
Бесплатный хостинг uCozCopyright MyCorp © 2018