» »

Светло-серый Вид материалов для ucoz


Светло-серый Вид материалов для ucoz

По своему дизайну в светлых тонах вид материалов для ucoz, очередной вид, но с увеличением картинки, на мой взгляд вид без наворот, аккуратно создан, рабочий на 100%, дизайн отличный. Но правда сам вид был с битыми ссылками, пришлось не мало времени затратить чтоб все восстановить.
Приступаем к установке:
Админ панель - дизайн сайта - новости или файлы - вид материала - заменяем код
Код
<div class="recklame-block"><div class="recklame-text"><div style="float:right">$MODER_PANEL$</div><a href="$ENTRY_URL$">$TITLE$</div></div><div class="recklame-content"><div align="center"><script type="text/javascript"></script><div style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;"><table style="width: 100%; border-collapse: collapse"><tbody><tr><td width="174px"><div style="background:url(http://zornet.ru/zornet_ru1/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><td>$MESSAGE$<br>Категория: <strong>$CATEGORY_NAME$</strong></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>  
  <hr><div style="float:right"><div></div></div></div></div></br></div></br>

Вставляем в CSS
Код
.recklame-block {height:29px;background:url(http://testcb.3dn.ru/test-cb/title-recklame.png)repeat-x;height:29px;border-left:1px solid #8c8c8c;border-right:1px solid #8c8c8c;}  
.recklame-text {font-size:11px;font-weight:bold;color:#868686;text-shadow:#e6e6e6 1px 1px 1px;padding:8px 0 8px 0;text-align:center;}  
.recklame-content {background:#c9c9c9;border:1px solid #8b8b8b;border-top:0px;padding:5px 5px 5px 5px;}  
.forum-content {background:#c9c9c9;padding:0;}
20.05.2012 Просмотров: 1144 Комментарий: (10)

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

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

Комментарий: 0
avatar