• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Скрипт простинький светлый вида материалов для uCoz
Скрипт простинький светлый вида материалов для uCoz
Delete
Вторник, 02 Октября 2012 | Сообщение 1
Оффлайн
Проверенные
Сообщений:1079
Награды: 7


Установка:
В CSS в самый низ вставляем:

Code
/* Entry News */
.entry_news {background:#f9f9f9;border-bottom:1px solid #ddd;overflow:hidden;margin:2px 2px 4px 2px;}
.entry_news2 {background:#f9f9f9;border:1px solid #ddd;border-top:0;overflow:hidden;margin:2px 2px 4px 2px;}
.entry_title {background:url('http://cstav.ru/uCoz/10_uCoz-vid-mat/6/entry_title.png')repeat-x;border:1px solid #ddd;padding:5px 10px 5px 10px;color:#3d3d3d;}
.entry_title2 {background:url('http://cstav.ru/uCoz/10_uCoz-vid-mat/6/entry_title.png')repeat-x;border:1px solid #ddd;border-left:0;padding:5px 10px 5px 10px;color:#3d3d3d;color:#3d3d3d;padding-left:12px;}
.entry_title img {margin-right:7px;}
.entry_title a {background:url('http://cstav.ru/uCoz/10_uCoz-vid-mat/6/entry_title_cb.png')no-repeat left;color:#3d3d3d;padding-left:12px;text-decoration:none;font-weight:700;}
.entry_title a:hover {color:#51708c;}
.entry_inbox {border:1px solid #ddd;border-top:0;border-bottom:0;padding:10px;overflow:hidden;}
.entry_poster_overlay {position:absolute;top:0px;left:0px;height:100px;width:165px;background:url("/img/hover.png")no-repeat 80px 25px;padding:10px 5px 5px 10px;z-index:9;line-height:1.2em;text-align:left;}
.entry_poster {background:url('http://cstav.ru/uCoz/10_uCoz-vid-mat/6/entry_poster.png')no-repeat;padding:3px 3px 5px 3px;float:left;margin-right:7px;position:relative;}
.entry_poster2 {background:url('http://cstav.ru/uCoz/10_uCoz-vid-mat/6/entry_poster2.png')no-repeat bottom;padding:8px 0px 10px 0px;}
.entry_poster2 img {max-width:500px;text-align:center;}
.entry_poster_info {position:absolute;bottom:0px;left:0px;z-index:1000;width:165px;padding:4px 8px 3px 6px;margin:0px 0px 5px 3px;background:#f9f9f9;color:#51708c;font-size:10px;}
.entry_poster_info a {color:#3d3d3d;text-decoration:none;}
.entry_poster_info a:hover {color:#51708c;}
.entry_message {text-align:justify;}
.entry_message2 {padding:7px 10px;text-align:justify;}
.entry_related {border-top:1px dotted #ddd;padding:7px 10px;margin:0px 10px 5px 10px;float:left;width:93%;}
.entry_related_l {float:left;margin-right:40px;}
.entry_related_r {background:url('http://cstav.ru/uCoz/10_uCoz-vid-mat/6/warning.png')no-repeat right;float:right;text-align:left;width:200px;}
.entry_related_r img {float:left;padding:18px 20px 0px 0px;}
.entry_related_t {padding-left:10px;}
.entry_related_l ul {list-style:none;}
.entry_related_l li {background:url('http://cstav.ru/uCoz/10_uCoz-vid-mat/6/userinfo_other_li.png')no-repeat 0px 6px;padding-left:10px;}
.entry_det {background:url('http://cstav.ru/uCoz/10_uCoz-vid-mat/6/entry_det.png')repeat-x;border:1px solid #ddd;border-bottom:0;padding:3px 10px 4px 10px;overflow:hidden;}
.entry_det ul {list-style:none;}
.entry_det li {background:url('http://cstav.ru/uCoz/10_uCoz-vid-mat/6/arrow.png')no-repeat left;float:left;padding:0px 15px;}
.entry_det li a {color:#3d3d3d;text-decoration:none;font-weight:700;}
.entry_det li a:hover {color:#51708c;}
.entry_info_bg {background:url('http://cstav.ru/uCoz/10_uCoz-vid-mat/6/entry_info_bg.png')repeat-x;height:81px;}
.entry_info_bg img {padding:16px 30px;}
.entry_info_one {float:left;padding:10px 0px;}
.entry_info_one ul {list-style:none;}
.entry_info_one li {background:url('http://cstav.ru/uCoz/10_uCoz-vid-mat/6/arrow2.png')no-repeat left;padding:0px 0px 2px 18px;color:#fff;text-shadow:1px 1px 0px #6a8da8;}
.entry_info_one li a {color:#fff;text-shadow:1px 1px 0px #6a8da8;font-weight:700;text-decoration:none;}
.entry_info_one li a:hover {color:#e3e3e3;}
.entry_info_two {float:right;padding:10px 20px 0px 0px;}
.entry_info_two ul {list-style:none;}
.entry_info_two li {background:url('http://cstav.ru/uCoz/10_uCoz-vid-mat/6/arrow2.png')no-repeat left;padding:0px 0px 2px 18px;color:#fff;text-shadow:1px 1px 0px #6a8da8;}
.entry_info_two li a {color:#fff;text-shadow:1px 1px 0px #6a8da8;font-weight:700;text-decoration:none;}
.entry_info_two li a:hover {color:#e3e3e3;}
.entry_info_bg2 {background:url('http://cstav.ru/uCoz/10_uCoz-vid-mat/6/entry_info_bg2.png');border-bottom:1px solid #ddd;overflow:hidden;margin-bottom:4px;}
.entry_info_bg2 a {color:#3d3d3d;text-decoration:none;font-weight:700;}
.entry_info_bg2 a:hover {color:#51708c;}
.entry_info_bgl2 {float:left;padding:12px 10px 0px 10px;}
.entry_info_bgl2 img {margin-right:6px;}
.entry_info_bgr2 {float:right;padding:10px 10px;}
.entry_navig_box {width:425px;float:left;margin:0 0px 12px 46px;}
.entry_loadsbtn {width:195px;margin:4px 4px;float:left;}
.entry_loadsbtn2 {width:205px;margin:4px 4px 4px 4px;float:left;}
.entry_download a {border:4px solid #f2f2f2;padding:6px 20px;background:#7599bc;float:left;color:#fff;text-shadow:1px 1px 0px #6a8da8;font-weight:700;text-decoration:none;}
.entry_fz a {border:4px solid #f2f2f2;padding:6px 20px;background:#7599bc;float:left;clear:right;color:#fff;text-shadow:1px 1px 0px #6a8da8;font-weight:700;text-decoration:none;}
.entry_size a {border:4px solid #f2f2f2;border-top:0;width:187px;padding:6px 0px;text-align:center;background:#7599bc;float:left;clear:left;color:#fff;text-shadow:1px 1px 0px #6a8da8;font-weight:700;text-decoration:none;}
.entry_complaint a {border:4px solid #f2f2f2;border-top:0;width:194px;padding:6px 0px;text-align:center;background:#7599bc;float:left;clear:left;color:#fff;text-shadow:1px 1px 0px #6a8da8;font-weight:700;text-decoration:none;}
.entry_download a:hover, .entry_fz a:hover, .entry_size a:hover, .entry_complaint a:hover {background:#7a9fc3;color:#fff;}
.entry_edit_news {padding:5px;width:519px;}
.entry_elso {margin-left:20px;font-size:10px;}
.entry_elso a {font-weight:700;}
/* ---------- */


А вот это в вид материалов каталога файлов:
Code
<div class="entry_news">
<div class="entry_title"><a href="$ENTRY_URL$">$TITLE$</a> ($WDAY$ в $TIME$)</div>
<div class="entry_inbox">
<div class="entry_poster"><a href="$IMG_URL1$" class="thumbnail_wrapper highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><img src="$IMG_URL1$" alt="$TITLE$" title="$TITLE$" width="179" height="91" style="border:0;"><div class="entry_poster_overlay" style="display:none;"></div></a>
<div class="entry_poster_info"><img src="http://cstav.ru/uCoz/10_uCoz-vid-mat/6/comm_ico.png" border="0" alt="" style="margin-right:4px;" /> <b class="red27">$READS$</b> <span class="view27"></span> <img src="http://cstav.ru/uCoz/10_uCoz-vid-mat/6/loads_ico.png" border="0" alt="" style="margin-left:10px;vertical-align:-1px;" /> <a href="$ENTRY_URL$" class='south' title='Кол-во скачиваний'><b>$LOADS$</b></a> <img src="http://cstav.ru/uCoz/10_uCoz-vid-mat/6/commop_ico.png" border="0" alt="" style="margin-left:10px;vertical-align:-1px;" /> <a href="$COMMENTS_URL$" class='south' title='Кол-во комментариев'><b>$COMMENTS_NUM$</b></a> </div>
</div>
<div class="entry_message"><b>Описание:</b><br>$MESSAGE$</div>
</div>
<div class="entry_det">
<ul>
<li>Добавил: <a href="$PROFILE_URL$">$USERNAME$</a></li>
<li>В категории: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></li>  
</ul>
</div>
</div>
<script type="text/javascript">
var num = $('.red27').html(),
view = ['просмотр','просмотра','просмотров'];
$('.view27').html(skl(view,num));
function skl(a,n) {
return a[n % 10 == 1 && n % 100 != 11 ? 0 : n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2];
};
</script>
Прикрепления: 3249190.png (78.0 Kb)


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