Єдина Країна! Единая Страна!
Приветствую Вас Гость • Регистрация • Вход • Поиск
Суббота, 19.01.2019, 06:55:17 Kiev
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Система uCoz » Новости сайта » Вид материала в синих тонах
Вид материала в синих тонах
LexmarkДата: Среда, 09.11.2011, 22:37:08 | Сообщение # 1
Аватарка
Invincible Five (I5)
Группа: Администратор
Сообщений: 226
Награды: 0
Репутация: 2
Статус: Оффлайн

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

Скачиваем архив скрипта(http://bunnas.ru/donwload/Vid_materialov.rar), в корне сайта создаем папочку [img] и заливаем в нее все картинки.

Далее копируем код скрипта и вставляем: П.У.=>[Новости сайта] =>[Вид Материалов]
Код
<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;"><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 файла.
Код
/* --Блок материалов-- */    

    #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.
Спасибо за внимание!


[UA]
Форум » Система uCoz » Новости сайта » Вид материала в синих тонах
  • Страница 1 из 1
  • 1
Поиск: