Вид материалов как на Урааа для Ucoz
Установка:
На Урааа простой и понятный вид материалов, его уже успели позаимствовать некоторые сайты на uCoz. Нет, расположение элементов в этом виде материалов для uCoz нельзя назвать оригинальным, но размеры элементов, отступов и значки узнаваемы. Недавно на почту yraaa поступил запрос, который и сподвиг выложить вид новостей yraaa.ru.
Устанавливается в два притопа, три прихлопа, даже легче. Вид материалов не имеет фиксированную ширину, но для него желательно иметь контентную ширину больше 500 пикселей.
Установка:
Вставить в вид материалов нужного модуля (Управление дизайном - Модуль - Вид материалов):
<div class = "mtr" >
<div class = "im" >
<div class = "inim" >
<a href = "$ENTRY_URL$" > <img src=" <? if ( $IMG_SMALL_URL1$ )?> $IMG_URL1$ <? else ?> $IMG_URL1$ <? endif ?> " width="300" alt="$TITLE$" title="$TITLE$" /> </a>
</div>
</div>
<div class = "mtr_td" >
<div class = "name_mtr" ><a href = "$ENTRY_URL$" > $TITLE$ </a> $MODER_PANEL$ </div>
<div class = "article_counters" ><span class = "dats" > $DATE$ в $TIME$ </span> <? if ( $CATEGORY_NAME$ )?> <a href = "$CATEGORY_URL$" ><span class = "catalog" > $CATEGORY_NAME$ </span></a> <? endif ?> <span class = "views" > $READS$ </span> <? if ( $COMMENTS_URL$ )?> <a href = "$COMMENTS_URL$" ><span class = "coms" > $COMMENTS_NUM$ </span></a> <? endif ?> </div>
<p class = "mtr_d" >
$MESSAGE$
</p>
</div>
</div>
Вставить в таблицу стилей (CSS):
. mtr { padding : 20px ; display : table }
. mtr . article_counters { margin - bottom : 10px ;}
. mtr . im { background : #FFFFFF;padding-right:15px;display:table-cell;vertical-align:top}
. mtr_td { display : table - cell ; vertical - align : top }
. mtr . inim { width : 300px ; height : 132px ; overflow : hidden }
. mtr_descr { margin : 0 ; position : absolute ; top :- 9000px }
. name_mtr { margin - bottom : 7px ; font - size : 16px ; font - weight : bold }
. article_counters { margin - bottom : 14px ; font - size : 13px ; color : #8c8c8c}
. article_counters span { display : inline - block ; margin - right : 10px }
. article_counters . dats { background : url ( 'http://webmaster-ucoz.ru/ucoz/1/yraaa/vid_mat/time.png' ) 0px 1px no - repeat ; padding - left : 20px }
. article_counters . views { background : url ( 'http://webmaster-ucoz.ru/ucoz/1/yraaa/vid_mat/views.png' ) 0px 1px no - repeat ; padding - left : 20px }
. article_counters . coms { background : url ( 'http://webmaster-ucoz.ru/ucoz/1/yraaa/vid_mat/comment.png' ) 0px 1px no - repeat ; padding - left : 20px }
. article_counters . catalog { background : url ( 'http://webmaster-ucoz.ru/ucoz/1/yraaa/vid_mat/catalog.png' ) 0px 1px no - repeat ; padding - left : 20px }
. article_counters . user { background : url ( 'http://webmaster-ucoz.ru/ucoz/1/yraaa/vid_mat/user.png' ) 0px 1px no - repeat ; padding - left : 20px }
Источник: http://webmaster-ucoz.ru/scripts/vid-materialov-kak-na-yraaa
Вид новостей
Добавил:
Размер:
Просмотров: 432
Загрузок: 0
Рейтинг:
Чтобы скачивать файлы зарегистрируйтесь , или войдите под своим логином
Комментарии
Комментарии ВК
Похожие материалы
Вкладка
Стата пользователя
[ Кто нас сегодня посетил ]
Админ ,
kolt512 ,
BandyT ,
VEGA ,
Lelik ,
0nix ,
Bazyka335 ,
adidas ,
denis888 ,
kichkin38 ,
Bronx ,
donnic ,
Valimer ,
danila55 ,
vladislav12rus ,
Sniper ,
nmui6 ,
densikl ,
jami671 ,
Gallim ,
Slava137 ,
etc112 ,
макс-шума ,
mishany ,
Famich ,
The_Condor ,
fead ,
mamontov747 ,
vasya__31 ,
RuXa83 ,
nezox ,
vehhh ,
broxi ,
RaiderIX ,
asrok ,
vans ,
H4ckerAttacker ,
marine ,
angell4d2 ,
tema21978 ,
tbc387 ,
Naemnick ,
RockStorm ,
shopsocks5 ,
Teo ,
Deriban ,
Fragmant ,
a471516 ,
Nuklear ,
van1usha_xd ,
xxdd99 , [
Полный список ]
Сегодня нас посетило