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

17:37
Раздвижной вид новостей

Вид новостей с функцией сворачивания/разворачивания.
1) Заливаем папки из архива в корень сайта.

2) Идем в настройки модуля Новости сайта и активируем доп. поле 1. переименовываем его в "Ссылка на картинку".

3) Затем, ПУ-->Управление дизайном-->Новости сайта-->Вид материалов. Заменяем все на это:

Code
<style type="text/css" media="all">  
@import url(/js/highslide.css);  
</style>  
<script type='text/javascript' src='/js/highslide.js'></script>  
<script type='text/javascript' src='/js/include_highslide.js'></script>  
<script type="text/javascript">  
hs.graphicsDir = 'http://x-gaming.net.ru/highslide/graphics/';  
</script>  

<table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td>  
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tr><td style="padding:3px;">  

<table width="100%" border="0" cellspacing="1" cellpadding="0">  
<tr>  
<td width="95%" class="eTitle" style="border: 1px solid #5d5d5d;-moz-border-radius: 2px 0px 0px 2px;-webkit-border-radius:2px 0px 0px 2px;border-radius: 2px 0px 0px 2px;"><?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?> <a href="$ENTRY_URL$"><span style="color rgb (0, 255, 78);">$TITLE$</span></a></td>  
<td width="5%" align="right" style="-moz-border-radius: 0px 3px 3px 0px;-webkit-border-radius:0px 3px 3px 0px;border-radius: 0px 3px 3px 0px;background:url('/images/4.11.png');border: #5d5d5d solid 1px;">  
<a style="font-weight:normal" href="javascript://" onclick="$('#news_$ID$').slideToggle('slow');"><center><img src="/images/news_strelki.png" border="0"></center></a></td>  
</tr>  
</table>  

<div id="news_$ID$">  

<div class="eMessage" style="text-align:left;clear:both;padding-top:3px;padding-bottom:3px;">  
<table width="100%">  
<tr>  
<table align="right">  
<div style="position:relative;">  
<div align="right" class="doll"><a href="$OTHER1$" class="highslide" onclick="return hs.expand(this)">  
<img style="position:absolute;" src="/images/ramka.png">  
<IMG alt="$TITLE$" src="$OTHER1$" align="right" height="120" width="187" border="0"></a></div>  
</table><div class="pul">$MESSAGE$</span></div>  
</tr></table>  

</div>  

</td></tr></table><br>

Download-http://depositfiles.com/ru/files/hko2icoso


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