Вид материалов каталога файлов и под блог
Просто и скромно, в тоже время красивый вид материалов каталога файлов, красивый темный вид, который подойдет и отлично смотреться будет файлах и в новостях и для остальных модулей можно его применить. Приступаем к установке: ПУ - Каталог файлов (Новостей) вид материалов, удаляем что там есть то есть ваш старый код и вставляем наш новый код. Код Код <style> .vid_materialov { background:url(http://zornet.ru/zornet_ru1/vid_mater_bg.png) repeat-y 0 0; margin-bottom:5px; } .vid_mat_bg { background:url(http://zornet.ru/zornet_ru1/vid_mater_bg_r.png) repeat-y right 0; min-height:60px; } .vid_mat_title { background:url(http://zornet.ru/zornet_ru1/vid_mater_title.png) no-repeat 0 0; height:44px; line-height:40px; padding-left:8px; } .vid_mat_title_r { background:url(http://zornet.ru/zornet_ru1/vid_mater_title.png) no-repeat right -45px; height:44px; } .vid_mater_bot { background:url(http://zornet.ru/zornet_ru1/vid_mater_bot.png) no-repeat 0 0; height:24px; } .vid_mater_bot_r { background:url(http://zornet.ru/zornet_ru1/vid_mater_bot.png) no-repeat right -25px; height:24px; line-height:27px; padding-left:5px; font-family:Tahoma; font-size:11px; color:#b7b7b7; } .vid_mater_bot_r a { font-family:Tahoma; font-size:11px; color:#b7b7b7; } .vid_mat_title_r a, .vid_mat_title_r { font-family:Tahoma; font-size:11px; color:#b7b7b7; font-weight:bold; } .vid_mater_cont { overflow:hidden; padding:4px 0 9px 8px; } .vid_mater_cont .mess_l { float:left; width:132px; height:132px; } .vid_mater_cont .mess_l img { width:132px; height:132px; -moz-border-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -khtml-border-radius:5px; border-radius:5px; border:4px solid #313132; } .vid_mater_cont .mess_r { overflow:hidden; padding:0 5px 0 13px; color:#b7b7b7; font-family:Tahoma; }</style> <style type="text/css" media="all"> @import url(http://zornet.ru/highslide/highslide.css); </style> <script type='text/javascript' src='http://zornet.ru/highslide/highslide.js'></script> <script type="text/javascript" src="http://zornet.ru/zornet_ru4/include_highslide.js"></script> <script type="text/javascript"> hs.graphicsDir = 'http://zornet.ru/highslide/graphics/'; </script> <div class="vid_materialov"> <div class="vid_mat_bg"> <div class="vid_mat_title"> <div class="vid_mat_title_r"> <div style="float:right;padding:15px 7px 0 0;"><div> </div></div> <a href="$ENTRY_URL$">$TITLE$</a> $MODER_PANEL$ </div> </div> <div class="vid_mater_cont"> <div class="mess_l"><a title="Смотреть изображение новости $TITLE$" href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this)"><img src="$IMG_URL1$" alt="$TITLE$" style="padding:3px;background:#1C1C1C;border:1px solid #363636;"></a></div> <div class="mess_r"> $MESSAGE$ </div> </div> <div class="vid_mater_bot"><div class="vid_mater_bot_r">Добавил: <a href="$PROFILE_URL$">$USERNAME$</a> | Просмотров: $READS$ | Добавлено: <span title="$TIME$">$DATE$</span> <a href="$COMMENTS_URL$"> | Комментариев: ($COMMENTS_NUM$)</a></div></div></div> |
Поделиться в социальных сетях
Материал разместил
Комментарии: 0 | |