» »

Вид материалов новостей сайта ZORNET.RU


Вид материалов новостей сайта ZORNET.RU

Вид материалов новостей сайта как на сайте ZORNET.RU, прекрасно подойдет к светлым дизайн, а предназначен для серых дизайн. также не нужно забывать что этот вид отлично подойдет ко всем модулям, к примеру как каталог файлов или блог. Вообщем отличное увеличение картинки на нем и на светлом интернет ресурсе красиво смотрится.
Приступаем к установке:
Заходим в ПУ -- Управление дизайном -- Новости сайта -- Вид материалов, убираем старый код и вставляем свой.

Код
<style>  
  .viewn_loop {margin-bottom:7px;}  
  .viewn_t,  
  .viewn_t2 {padding:0 10px 0 0; background:url(http://zornet.ru/Zornet/viewn_t_bg.png) no-repeat right -34px;}  
  .viewn_t_in {height:34px; background:url(http://zornet.ru/Zornet/viewn_t_bg.png) no-repeat 0 0;}  
  .viewn_title {height:16px; padding:9px 0 0 12px; overflow:hidden; font-size:13px; font-weight:bold; color:#009900;}  
  .viewn_title a {color:000000; text-decoration:none;}  
  .viewn_title a:hover {text-decoration:underline;}  
  .viewn_c {background:url(http://zornet.ru/Zornet/viewn_c_bg.png) repeat-y 0 0;}  
  .viewn_c_in {padding:0 3px; overflow:hidden; background:url(http://zornet.ru/Zornet/viewn_c_bg.png) repeat-y right 0;}  
  .viewn_c_in2 {padding:5px; background:#ededed;}  
  .viewn_detail {overflow:hidden; padding:0 2px; margin:-3px 0 0 0; color:#232323; text-shadow:1px 1px 1px #fff;}  
  .viewn_detail a {text-shadow:1px 1px 1px #fff; text-decoration:none;}  
  .viewn_detail a:hover {text-decoration:underline;}  
  .v_detail_b {margin-bottom:-5px;}  
  .right {float:right;}  
  .hr_v {height:3px; margin:3px 0; border-left:1px solid #7c7c7c; border-right:1px solid #7c7c7c; background:url(http://zornet.ru/Zornet/punktir_x_grey.png) repeat-x 0 1px;}  
  .viewn_cont {overflow:hidden; padding:0 2px;}  
  .viewn_cont img {max-width:100%;}  
  .viewn_cont img[align="left"] {display:block; float:left; margin:0 10px 10px 0;}  
  .viewn_cont img[align="right"] {display:block; float:right; margin:0 0 10px 10px;}  
  .viewn_l {width:172px; height:136px; padding:5px; float:left; margin:0 10px 0 0; overflow:hidden; background:url(http://zornet.ru/Zornet/posterbg2.png) no-repeat 0 0;}  
  .viewn_l img {width:150px !important; height:128px !important; vertical-align:top;}  
  .viewn_r {overflow:hidden; color:#232323; text-shadow:1px 1px 1px #fff;}  
  .hr_v2 {height:1px; margin:5px -6px; border-top:1px solid #fff;border-bottom:1px solid #fff; background:#7c7c7c;}  
  .viewn_b {height:6px; display:block; padding:0 10px 0 0; background:url(http://zornet.ru/Zornet/viewn_b_bg.png) no-repeat right -6px;}  
  .viewn_b b {height:6px; display:block; background:url(http://zornet.ru/Zornet/viewn_b_bg.png) no-repeat 0 0;}  

  .viewn_b2 {height:6px; display:block; padding:0 10px 0 0; background:url(http://zornet.ru/Zornet/viewn_b2_bg.png) no-repeat right -6px;}  
  .viewn_b2 b {height:6px; display:block; background:url(http://zornet.ru/Zornet/viewn_b2_bg.png) no-repeat 0 0;}  
  </style>  
  <div class="viewn_loop">  
  <div class="viewn_t">  
  <div class="viewn_t_in">  
  <h4 class="viewn_title"> <a href="$ENTRY_URL$">$TITLE$</a>$MODER_PANEL$</h4>  
  </div>  
  </div>  
  <div class="viewn_c">  
  <div class="viewn_c_in">  
  <div class="viewn_c_in2">  
  <div class="viewn_detail">  
  <div class="right">Добавил: <a href="$PROFILE_URL$" target="_blank"><b>$USERNAME$</b></a> » Дата: <span title="$TIME$">$DATE$</span></div>  
  Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a>  
  </div>  
  <div class="hr_v"></div>  
  <div class="viewn_cont">  
  <div class="viewn_l"> <img id="img$ID$" src="$IMG_URL1$" width="150px" height="128px" align="left" alt="$TITLE$" />  
   
<script type="text/javascript">  
  $(function(){  
  $('#img$ID$').click(function(){var s="'sc'";  
   
   
  new _uWnd('Et','Реальный размер изображения $TITLE$',70,70,{autosize:1,shadow:1,autosizeonimages:1,header:1},'<img src="'+$(this).attr('src')+'" align="center" alt="" onclick="_uWnd.close('+s+')" style="max-width:900px;max-height:700px;cursor:pointer;">');});  
  });  
</script> </div>  
  <div class="viewn_r">  
  $MESSAGE$  
  </div>  
  </div>  
  <div class="hr_v2"></div>  
  <div class="viewn_detail v_detail_b">  

  <div class="right"> <div> </div></div>  
  Просмотров: $READS$ | Загрузок: $LOADS$ | Комментариев: $COMMENTS_NUM$  
  </div>  
  </div>  
  </div>  
  </div>  
  <b class="viewn_b"><b></b></b>  
  </div>
14.04.2012 Просмотров: 2152 Комментарий: (12)

Поделиться в социальных сетях

Материал разместил

Комментарий: 11
AnTron
AnTron 03.01.2016 21:281
0
Это первый вид, который поставил и удевился, так как там увеличение идет в окне, что смотрится намного лучше чем так как сейчас.
Kosten
Kosten 03.01.2016 22:537
0
Да там увеличение совершенно другое, но почему то не сильно нравилось оно мне.
nikolla76
nikolla76 03.01.2016 21:402
0
Почти такой же ставил, только с темным окошком, просто их так много было и крашеных и оригинальных, и открывалось быстроЮ если не сильно весит изображение.
Kosten
Kosten 03.01.2016 22:548
0
Да как знаю синее и темное окошко было, а что другие цвета мне не попадались.
FeStemBer
FeStemBer 03.01.2016 21:563
0
Да это просто окно, где изображение и увеличение стоит, поставлено на совершенно другой дизайн. Так изначально шел стиль другой, который больше нравился, а этот не так идет к нему.
Kvint
Kvint 03.01.2016 22:104
0
На каких только сайтах этот вид материала не было, но с таким окном в первые вижу, но знаю что несколько идут и увеличение у них совершенно другое.
Сопрано
Сопрано 03.01.2016 22:375
0
Это почему вы так решили что на фиксированном сайте не так он будет смотреться. Просто стоял этот вид материала, но окно там оригинальное было и все нормально в дизайн подходило.
Kosten
Kosten 03.01.2016 22:5610
0
Вот про тоже, сайт сайту большая разница, даже если они из системы.
csretven
csretven 03.01.2016 22:496
0
Вид ужастно сделали,не зря говорят, если сделано оригинально, то не нужно лести со своими скриптами и что то менять.
Kosten
Kosten 03.01.2016 22:559
0
Ну не нужно сравнивать ширину, так как на такой может и фиксированной может стоять совершенно другой дизайн.
Kosten
Kosten 03.01.2016 22:5711
0
Мне понравилось это окно, хотя и ставил его проверять, но почему то не решил выставлять на сайт, там с таким же окном, только совершено другой вид материала стоял.
avatar