» »

Красивый вид материалов новостей ucoz от Ksers


Красивый вид материалов новостей ucoz от Ksers

Для светлого сайта этот материал а то есть красивый вид материалов новостей, с красивым увеличением картинки, просто шикарно будит смотреться на светлых дизайн сайтов, также красиво и на серых сайтах, вид создан по совести ни одной ошибки в коде, ставьте, думаю вам понравиться. Так же вы сами можете привнести свое в этот дизайн.
Приступаем к установке:
Ставить так, у новостей в админе панели ищем вид материалов вот и меняем его, от туда убираем старый код и прописываем наш который ниже и все это сохраняем и радуемся новому виду.

Код
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tr><td style="padding:3px;">  
  <?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>  
  <div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$ <?if($DATE$='Сегодня' or $DATE$='Вчера')?><img src="http://zornet.ru/CSS-ZORNET/vaccser/ds/new.png" align="absmiddle" title=$DATE$"><?endif?></a></div>  
<?if($MESSAGE$)?><div style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;"><table style="width: 100%; border-collapse: collapse"><tbody><tr><?if($IMG_URL1$)?><td width="174px"><div style="background:url(http://zornet.ru/CSS-ZORNET/vaccser/posterbg.png) no-repeat;width:150px;height:128px;padding-top:4px;padding-bottom:4px;padding-right:22px;padding-left:4px;cursor:pointer;">  
  <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></td><?endif?> <td>$MESSAGE$ <?if($CATEGORY_NAME$)?><br>Категория: <strong>$CATEGORY_NAME$</strong><?endif?> </td> <td style="vertical-align: bottom; letter-spacing: 0pt; word-spacing: 0pt; text-align: right"> <input class="buttonprofile" onclick="document.location.href='$ENTRY_URL$'; return false;" value="Смотреть" type="button"></td>  
  </tr></tbody></table>  
  </div><?endif?>  
  <?if($ATTACHMENTS$)?><div class="eAttach">Прикрепления: $ATTACHMENTS$</div><?endif?><div class="eDetails" style="clear:both;">  
  <?if($RATING$)?><div style="float:right"><?$RSTARS$('17',' http://www.csomsk.ru/25--11-10/rating.png ','1','float')?></div><?endif?>  
  <div style="padding-left:2px">Просмотров: $READS$ |  
  <?if($USERNAME$)?>Добавил: <a href="$PROFILE_URL$">$USERNAME$</a> |<?endif?>  
  Дата: <span title="$TIME$">$DATE$</span>  
<?if($COMMENTS_URL$)?>| <a href="$COMMENTS_URL$">Комментарии ($COMMENTS_NUM$)</a><?endif?></div>  
  </div></td></tr></table><br>  
<style>.eBlock {background:#fff;border:1px solid #CCCCCC;}  
.eBlocksin {background:#fff;border:0px solid #000;}  
.eTitle {font-family:Verdana,Arial,Sans-Serif;font-size:12px;font-weight:bold;color:#FFFFFF; padding: 5px; border:0px solid #252525; background:url('http://www.csomsk.ru/images2/1060.png') ;}  
.eTitle a:link {text-decoration:none; color:#FFFFFF;}  
.eTitle a:visited {text-decoration:none; color:#FFFFFF;}  
.eTitle a:hover {text-decoration:none; color:#CCCCCC;}  
.eTitle a:active {text-decoration:none; color:#FFFFFF;}  
.eText {text-align:justify; padding:6px;}  
.eTitlesin {font-family:Verdana,Arial,Sans-Serif;font-size:12px;font-weight:bold;color:#dedede; padding: 4px; border:0px solid #252525; background:url() repeat-x ;}  
.eTitlesin a:link {text-decoration:none; color:#dedede;}  
.eTitlesin a:visited {text-decoration:none; color:#dedede;}  
.eTitlesin a:hover {text-decoration:none; color:#FFFFFF;}  
.eTitlesin a:active {text-decoration:none; color:#dedede;}  
.eTextsin {text-align:justify; padding:10px;}  
.eDetails {background:url('http://zornet.ru/CSS-ZORNET/vaccser/ds/28.png');color:#60606B;padding-bottom:5px;padding-top:3px; text-align:left;font-size:7pt; }  
.eDetails1 {background:url('http://zornet.ru/CSS-ZORNET/vaccser/ds/28.png');color:#60606B;padding-bottom:5px;padding-top:3px; text-align:left;font-size:8pt; }  
.eDetails2 {background:url('http://zornet.ru/CSS-ZORNET/vaccser/ds/28.png');color:#60606B;padding-bottom:5px;padding-top:3px; text-align:left;font-size:8pt; }  
.eBlock2 {background:url() #333333;border:1px solid #252525;}  
.eRating {font-size:7pt;}  
.eAttach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('http://zornet.ru/CSS-ZORNET/vaccser/ds/21.gif') no-repeat 0px 0px;}  
</style>


07.08.2012 Просмотров: 1816 Комментарий: (8)

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

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

Комментарий: 8
avatar
D1keeeeeee 10.01.2014 19:301
0
Что-то не работает.
Kosten
Kosten 10.01.2014 23:202
0
Прошу не гнать жути все четко работает.
ArtElect
ArtElect 12.01.2014 02:173
0
D1keeeeeee, Ты верно просто не понял куда это... Этот код в "Вид материалов"
avatar
administrator6014 17.01.2014 13:284
0
не пашет
Delete
Delete 17.01.2014 13:345
0
это ж как можно установить что-бы не работало ?
Kosten
Kosten 17.01.2014 13:436
0
N_O_O_B, я тоже не понимаю. administrator6014, скрин сделан с тестового сайта, все работает.
ArtElect
ArtElect 17.01.2014 16:287
0
administrator6014, Скинь в ЛС сайт, Лог и Пароль, сам установлю!!!
Kosten
Kosten 17.01.2014 19:038
0
Sib4ick, если этот вид не могут поставить. То думаю с начало надо немного подучить систему ucoz. А если бы отдельно стили бы шли, то был бы вообще не известный код.
avatar