• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Вид материалов для каталога новостей системы ucoz
Вид материалов для каталога новостей системы ucoz
Kosten
Четверг, 17 Мая 2012 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44355
Награды: 70


О виде новостей:
Вид материалов для каталога новостей системы ucoz, выполнен красиво, говорят что он только для серых дизайн сайтов, могу поспорить на светлых сайтах смотрится отлично.
Приступаем к установке:
Все как обычно, П.У > Управление дизайном > Новости сайта --> Вид материалов, сносим (удираем) старый код и заливаем наш новый.
Code
<style>    
    .viewn_loop {margin-bottom:7px;}    
    .viewn_t,    
    .viewn_t2 {padding:0 10px 0 0; background:url(http://zornet.ru/zornet_ru1/viewn_t_bg.png) no-repeat right -34px;}    
    .viewn_t_in {height:34px; background:url(http://zornet.ru/zornet_ru1/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_ru1/viewn_c_bg.png) repeat-y 0 0;}    
    .viewn_c_in {padding:0 3px; overflow:hidden; background:url(http://zornet.ru/zornet_ru1/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_ru1/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_ru1/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_ru1/viewn_b_bg.png) no-repeat right -6px;}    
    .viewn_b b {height:6px; display:block; background:url(http://zornet.ru/zornet_ru1/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_ru1/viewn_b2_bg.png) no-repeat right -6px;}    
    .viewn_b2 b {height:6px; display:block; background:url(http://zornet.ru/zornet_ru1/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>
Страна: (RU)
oleg37646
Вторник, 18 Октября 2016 | Сообщение 2
Оффлайн
Проверенные
Сообщений:101
Награды: 0
Какой то он корявый. Показывает сколько загрузок, хотя в новостях нет загрузок. Так же оценить материал нельзя. В общем на сайте не такое как на картинке.
Страна: (UA)
Kosten
Вторник, 18 Октября 2016 | Сообщение 3
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
Цитата oleg37646 ()
Показывает сколько загрузок, хотя в новостях нет загрузок.

oleg37646, но это же можно убрать и потом доработать как вам нужно, но не может один вид материала подойти на все сайты, здесь нужно самому доработать и сделать его по своему уникальным.
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Вид материалов для каталога новостей системы ucoz
  • Страница 1 из 1
  • 1
Поиск: