Сегодня зайдя на форум я очень удивился наглости одного из посетителей форума, которые просил на халяву рипнуть ему вид материала с одного cs сайта. Сначала я предложил ему сделать это за денежку, но потом мне почему то захотелось рипнуть этот вид, наверное потому что он действительно стильно смотрится, да и для собственного удовлетворения.
В данном виде я заметил один баг - В ТИТЛЕ есть специальные стрелочки, которые свертывали бы вид, но почему то при нажатии на один вид свертывался всегда один и тот же блок (самый первый). Ответ лежит конечно же как всегда перед носом - чтобы свертывался какой либо блок нужно задать в скрипте класс или id и соответственно указать этот же id или класс в блоке, которые будет свертываться. вроде id указан, но в чем же ошибка? - Каждый новый материал имеет тот же id, т.к. мы указали фиксированное значение, дабы обойти эту загвоздку - нужно всего лишь указать вместо фиксированной цифры - $ID$ ("ID материала" - ID будет разным у каждого из материалов)
Переходим к установке Этот код вставляем в вид материалов какого либо модуля
Code
<style type="text/css" media="all">
@import url(http://gamaportal.ucoz.ru/highslide/highslide.css);
</style>
<script type="text/javascript" src="http://gamaportal.ucoz.ru/highslide/highslide.js"></script>
<script type="text/javascript">
hs.graphicsDir = 'http://gamaportal.ucoz.ru/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://moics.3dn.ru/enemy/hr.png) repeat-x 0 bottom;}
.news_title {
height: 24px;
background:url('http://moics.3dn.ru/enemy/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://moics.3dn.ru/enemy/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>
Внимание! Все картинки и скрипты данного вида находятся на стороннем сайте. Советуем по возможности залить их на соответствующие каталоги в файловом менеджере своего сайта.