Форум iSofter
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » ***Всё для Ucoz*** » Вид Материалов » Вид новостей для белых дизайнов
Вид новостей для белых дизайнов
GrozaZoolДата: Четверг, 10.02.2011, 16:51 | Сообщение # 1

Главный админ

Сообщений: 142
Репутация: 12784
Статус: Offline
Собственно довольно неплохой вид новостей для светлых сайтов. Довольно красивая и простенькая форма добавления вместо с видом материалов, красиво смотрятся на светлых сайтах.

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

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="Soft(Антивирусы, драйвера, графика,Приколы, мультимедиа), Видео-новинки, Флеш-игры, Фотогалерея" 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">

P.S - $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;}
Прикрепления: FilES.rar(75Kb)


 
Форум » ***Всё для Ucoz*** » Вид Материалов » Вид новостей для белых дизайнов
Страница 1 из 11
Поиск:



Яндекс.Метрика
Copyright © 2010-2016г