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

  


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

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

Установка:

Создаем папку 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 - Каталог файлов - Все для uCoz, DLE, Joomla, скрипты для uCoz

Категория: Вид материалов для uCoz Просмотров: 1431