Вид новостей для белых дизайнов


Собственно довольно неплохой вид новостей для светлых сайтов. Довольно красивая и простенькая форма
добавления вместо с видом материалов, красиво смотрятся на светлых сайтах. 

Установка:

Создаем папку images и пихаем туда картинки 
Создаем папку highslide и пихаем туда файлы из папки highslide 
Создаем папку rate и пихаем туда файлы из папки rate 
Открываем блокнотом файл highslide.js и меняем там:

Code
creditsText : 'Be-movie - бесплатные онлайн фильмы',  
creditsHref : 'http://be-movie.at.ua/',  
creditsTitle : 'Смотреть фильмы онлайн бесплатно и без регистрации',

На вот это:  
creditsText : 'Текст надписи на картинке',  
creditsHref : 'http://ссылка на ваш сайт',  
creditsTitle : 'Описание вашего сайта',


Єто копируем в новости сайта - Вид материалов:
Code
<style type="text/css">  
.pul img {width:1px;}  
.pul img {height:1px;}  
.doll img {max-height:300px;}  
.doll img {max-width:150px;  
width:expression(document.body.clientWidth > 550? "250px": "auto"); }  
</style>  
<script type="text/javascript" src="/highslide/highslide.js"></script>  
<script type="text/javascript">  
hs.graphicsDir = '/highslide/graphics/';  
hs.outlineType = 'rounded-white';  
</script>  

<table style="width: 100%; border-collapse: collapse;"><tbody><tr><td style="width: 8px; height: 38px; background-image: url(/images/verh_left.png); background-repeat: no-repeat; background-position: 100% 100%; letter-spacing: 0px; word-spacing: 0px;" rowspan="1"><br></td><td style="background-image: url(/images/verh_centr.png); background-repeat: repeat-x; background-position: 50% 100%; letter-spacing: 0px; word-spacing: 0px;"><font color="#ffffff"><strong><a href="$ENTRY_URL$" target="_self"><FONT color="#ffffff">$TITLE$</FONT></a></strong></font></td><td style="width: 8px; letter-spacing: 0px; word-spacing: 0px; background-image: url(/images/verh_rigct.png); background-repeat: no-repeat; background-position: 0% 100%;" rowspan="1"><br></td></tr></tbody></table><table style="width: 100%; border-collapse: collapse;"><tbody><tr><td style="width: 4px; letter-spacing: 0px; word-spacing: 0px; background-image: url(/images/left.png); background-repeat: repeat-y; background-position: 100% 50%;" rowspan="1"><br></td><td colspan="1" style="text-align: left; vertical-align: top; letter-spacing: 0px; word-spacing: 0px; width: 82px;"><center><a href="$OTHER1$" alt="Скрипты для uCoz, Шаблоны для uCoz, Раскрутка сайтов, Секреты Вконтакте" title="<strong>$TITLE$</strong>" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><img src="$OTHER1$" border="0" width="82"></a></center>  

<DIV id="newstables" class="ntbl" style="background:#F7FBFF; border-bottom: 0px solid #456aa2; border-left: 0px solid #456aa2; border-right: 0px solid #456aa2;">  

<left><FONT onmouseover="Tip('<img border=0 src=>', BGCOLOR, '#ffffff', FONTCOLOR, '#333333', BORDERCOLOR, 'Silver', WIDTH, '100%', FADEIN, 500, FADEOUT, 500)">  
<A href="$OTHER1$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})">  
</A></FONT> </left>  

</DIV><TABLE border="0" cellpadding="0" cellspacing="0" width="100%"><TBODY><TR></TR></TBODY></TABLE>  

</TD><TD style="text-align: left; vertical-align: top; letter-spacing: 0px; word-spacing: 0px">  

<div style="float: right; width: 375px;">  
<ul class="uz">  
<li style="margin-left: 160px;" class="m"> <a class="m">Просмотров: <a class="m">$READS$ </li>  
<li style="margin-left: 160px;" class="m"> <a class="m">Комментариев: <a class="m" href="$COMMENTS_URL$">$COMMENTS_NUM$</a> </li>  
<li style="margin-left: 160px;" class="m"> <a class="m">Рейтинг: <a class="m"><img border="0" src="/rate/$RATING_NUM$.png" alt="Голосов: $RATING_NUM$"/> </li>  
<li style="margin-left: 160px;" class="m"> <a class="m" href="/news/0-0-0-0-1"><b>Добавить материал</b></a> </li>  

</ul>  
</div>  

<div style="width: 100%;">  
<ul class="uz">  
<li style="margin-left: 2px; margin-right: 220px;" class="m"> <a class="m">Категория: <a class="m" href="$CATEGORY_URL$">$CATEGORY_NAME$</a> </li>  
<li style="margin-left: 2px; margin-right: 220px;" class="m"> <a class="m">Дата: <a class="m">$DATE$ </li>  
<li style="margin-left: 2px; margin-right: 220px;" class="m"> <a class="m">Добавил: <a class="m" href="$PROFILE_URL$">$USERNAME$</a> </li>  
<li style="margin-left: 2px; margin-right: 220px;" class="m"> <a class="m" href="$ENTRY_URL$"><b>Подробнее</b></a> </li>  
</ul>  
</div>  
</td><td style="width: 4px; letter-spacing: 0px; word-spacing: 0px; background-image: url(/images/rigct.png); background-repeat: repeat-y; background-position: 0% 50%;" rowspan="1"><br></td></tr></tbody></table><table style="width: 100%; border-collapse: collapse;"><tbody><tr><td style="width: 7px; height: 11px; background-image: url(/images/niz_left.png); background-repeat: no-repeat; background-position: 100% 0%; letter-spacing: 0px; word-spacing: 0px;" rowspan="1"><br></td><td style="background-image: url(/images/niz_centr.png); background-repeat: repeat-x; background-position: 50% 0%; letter-spacing: 0px; word-spacing: 0px;"><br></td><td style="width: 7px; background-image: url(/images/niz_rigct.png); background-repeat: no-repeat; background-position: 0% 0%; letter-spacing: 0px; word-spacing: 0px;" rowspan="1"><br></td></tr></tbody></table><br></div><div id="entryID315">


Создаём дополнительное поле в новостях и переминоауем его на - $OTHER1$ это дополнительное поле в которые вы вставвляете ссылку на картинку при добавлении новости

В css вставляем:
Code
.archiveeTitle li {margin-left: 15px; padding: 0 0 0 15px; background: url('/.s/t/984/13.gif') no-repeat 0px 2px; margin-bottom: .6em;}


Готово.


  Категория: Вид материалов для ucoz | Добавил: AID | Дата: 02.10.2011
Скачать Вид новостей для белых дизайнов с сервера
509_FilES.rar Размер: 75.2 Kb (cкачиваний: 81)
1 | ZLoDeY пишет: | 10.10.2012 | 21:11 Страница с комментарием |
где архив ?
+ (0) -
2 | AID пишет: | 10.10.2012 | 21:15 Страница с комментарием |
На месте.
+ (0) -
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Хостинг от uCoz