• Страница 1 из 1
  • 1
Форум » uCoz » Каталог файлов » Сворачивается тема,увеличение картинки,круто выглядит!
Сворачивается тема,увеличение картинки,круто выглядит!
Дмитрий Дата: Воскресенье, 13.05.2012, 21:46 | Сообщение # 1 | Сообщить о нерабочей теме


Аватар для Дмитрий



Многофункциональный вид материалов для каталога файлов (если поработать то можно и для других модулей настроить). Что в этом виде нового:
1. Можно сворачивать и разворачивать материалы
2. Увеличивать и уменьшать картинку
3. Нестандартный вид материалов.

[moder]В вид материалов[/moder]
Код
<style type="text/css" media="all">   
@import url(http://gigabytes.clan.su/highslide/highslide.css);   
</style>   
<script type="text/javascript" src="http://gigabytes.clan.su/highslide/highslide.js"></script>   
<script type="text/javascript">   
hs.graphicsDir = 'http://gigabytes.clan.su/highslide/graphics/';   
</script>   
<style>.news_fon a:link {text-decoration:none; color:#f2e2ce;}   
.news_fon a:active {text-decoration:none; color:#f2e2ce;}   
.news_fon a:visited {text-decoration:none; color:#f2e2ce;}   
.news_fon a:hover {text-decoration:none; color:#ff9819;}   
.news_fon td {color:#fff;}   
.news_fon {   
background:#1e1e1e; border: 1px solid #000000;   
font: 11px Arial;   
color: #fff;}   

.news_fon hr {color:#212121; border:none; height:2px; background:#121212 url(http://gigabytes.clan.su/load-ucoz/skripts/vid-materii/10/hr.png) repeat-x 0 bottom;}   

.news_title {   
height: 24px;   
background:url('http://gigabytes.clan.su/load-ucoz/skripts/vid-materii/10/etitle.png')#eeeeee; border-bottom: 1px solid #000000;   
padding-top:8px;   
padding-left:10px;   
padding-right:0px;   
text-align:center;   
font: 11px Arial;   
color: #fff;   
}   

.news_cc {   
padding-left:7px; padding-right:7px; padding-bottom:7px;   
font: 11px Arial;   
color: #fff;   
}   
</style>   
<div class="news_fon">   
<div class="news_title">   
<center><a href="$ENTRY_URL$">$TITLE$</a></center><a style="font-weight: normal;" href="javascript://" onclick="$('#news_$ID$').slideToggle('slow');"><div style="text-align: center;" align="right"><img src="http://gigabytes.clan.su/load-ucoz/skripts/vid-materii/10/strelki.png" border="0"></div></a>   

</div>   
<div class="news_c">   
<div style="display: block;" id="news_$ID$">   
<table>   
<tbody><tr>   
<td>   

<a href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this)">   
<img src="$IMG_URL1$" style="background: url("") repeat scroll 0% 0% rgb(18, 18, 18); border: 1px solid rgb(0, 0, 0); padding: 5px; margin-left: 5px; margin-right: 5px;" height="110" align="right" border="0" width="130"></a>   

</td>   
<td>   
<p>$MESSAGE$</p>   
</td>   

</tr>   
</tbody></table>   

</div>   
<hr style="width:98%">   
<div class="news_cc">   
<table>   
<tbody><tr>   
<td align="left" width="60%">   
Просмотров: $READS$4 | Добавил: <a href="javascript://" rel="nofollow" onclick="window.open('/index/8-$CUR_USER_ID$','up$CUR_USER_ID$','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;" target="_blank"> $USERNAME$</a>   
</td>   
<td align="right" width="40%">   

</td>   

<td align="right" width="8%">   
<a href="$ENTRY_URL$">Подробнее</a>   
</td>   
</tr>   
</tbody></table>   
</div>   
</div></div><br> 
Прикрепления: 9700416.jpg(4.1 Kb)


From Russia With Love!
Форум » uCoz » Каталог файлов » Сворачивается тема,увеличение картинки,круто выглядит!
  • Страница 1 из 1
  • 1
Поиск: