Вид материалов для uCoz - Вид новостей для белых дизайнов
Собственно довольно неплохой вид новостей для светлых сайтов. Довольно красивая и простенькая форма добавления вместо с видом материалов, красиво смотрятся на светлых сайтах.
Установка:
Создаем папку images и пихаем туда картинки
Создаем папку highslide и пихаем туда файлы из папки highslide
Создаем папку rate и пихаем туда файлы из папки rate
Открываем блокнотом файл highslide.js и меняем там:
Code
creditsText : 'Be-movie - бесплатные онлайн фильмы',
creditsHref : 'http://be-movie.at.ua/',
creditsTitle : 'Смотреть фильмы онлайн бесплатно и без регистрации',
На вот это:
creditsText : 'Текст надписи на картинке',
creditsHref : 'http://ссылка на ваш сайт',
creditsTitle : 'Описание вашего сайта',
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">
.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
Просмотров:
1504