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


Описание:
Вид материалов подойдет для модулей таких как: Новости, каталог файлов. статьи, блог и т.д. Вид материалов будет смотреться отлично на темный шаблонах.


Установка:
1) Вставляем это в CSS:

Code
/* News contents rip by cstav.ru */

.add_news{
    text-align:right;
    padding:10px 35px 10px 0;
}

.add_news a{
    color:#484848;
    font-weight:bolder;
    text-decoration:underline;
}

.add_news a:hover{
    text-decoration:none;
    color:#646464;
}

.news_content{
    width:671px;
    background:url(http://cstav.ru/uCoz/10_uCoz-vid-mat/2/news_content_bg_ball.png) no-repeat right bottom;
    margin-left:14px;
    padding-bottom:18px;
    margin-bottom:5px;
    position:relative;
    left:4px;
}

.news_content_top{
    width:655px;
    height:63px;
    background:url(http://cstav.ru/uCoz/10_uCoz-vid-mat/2/news_content/news_content_top_bg.png);
    text-align:right;
}

.news_content_top_title{
    padding: 13px 30px 0 0;
    color:#fff;
}

.news_content_top_title_date{
    padding: 11px 30px 0 0;
}

.news_content_bg{
    width:655px;
    background:url(http://cstav.ru/uCoz/10_uCoz-vid-mat/2/news_content_bg.png) repeat-y;
}

.news_content_bottom{
    width:655px;
    height:22px;
    background:url(http://cstav.ru/uCoz/10_uCoz-vid-mat/2/news_content_bottom_bg.png);
}

.news_content_bottom_text1{
    padding:3px 0 0 33px;
    float:left;
}

.news_content_bottom_text1 a{
    color:#fff;
    text-decoration:underline;
    text-shadow: 1px 1px #696969
}

.news_other_bg {
    background-color: #cdcdcd;
    border: 1px solid #bdbdbd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: inset 0 0 10px #c5c5c5;
    box-shadow: inset 0 0 10px #c5c5c5;
    -webkit-box-shadow: inset 0 0 10px #c5c5c5;
    margin:0 9px 13px 9px;
    padding:5px;
    color: #424242 !important;
    font-weight: bold;
}

.hr_div {
    background:url(http://cstav.ru/uCoz/10_uCoz-vid-mat/2/hr_div.png) repeat-x;
    height: 2px;
    margin:3px 0;
}

.pagesBlockuz2, .pagesBlockuz1, .catPages1 {padding:5px 0px}
.pagesBlockuz2 a span,
.pagesBlockuz2 span,
.pagesBlockuz1 a span,
.pagesBlockuz1 span,
.catPages1 a span,
.catPages1 span { background: url(http://cstav.ru/uCoz/10_uCoz-vid-mat/2/pageBlockUz.png) repeat-x;
    color: #fff;
    text-shadow: 1px 1px #484848;
    border-radius: 3px;
    -moz-border-radius: 3px;
border:1px solid #4d4d4d;
font-weight:bold;
padding:5px;}
.pages_switch { margin:5px;}
.pagesBlockuz2 a span:hover,
.pagesBlockuz2 span:hover,
.pagesBlockuz1 a span:hover,
.pagesBlockuz1 span:hover,
.catPages1 a span:hover,
.catPages1 span:hover {    
    background:url(http://cstav.ru/uCoz/10_uCoz-vid-mat/2/pageBlockUz_h.png) repeat-x;
}    

a.swchItem:hover { text-decoration: none; }

.news_other_bg a,
.news_other_bg td {
    color: #424242;
    font-weight: bold;
}

.news_content_bottom_text1 a:hover{
    color:#cecece;
    text-decoration:none;
}

.news_content_bottom_text2{
    float:right;
    padding:3px 5px;;
    text-align:right;
    background: #5e5e5e;
    -moz-border-radius:10px;
    border-radius:10px;
    -khtml-border-radius:10px;
    height:13px;
    margin:2px 25px 0 0;
}

.news_content_body{
    padding: 0 137px 10px 36px;
}

.news_content_img{
    float:left;
    width:108px;
    padding-right:6px;
}

.news_content_contents{
    float:left;
    width:358px;
    background:#545454;
    border-radius:8px;
    -moz-border-radius:8px;-webkit-border-radius:8px;-khtml-border-radius:8px;
    padding:5px;
}

img.screen{
    width:108px;
    height:115px;
}
.udtb, .udtlb
    { float:left; }

/* ---------------------------- */


2) в вид материалов вставляем:
Code
<div id="entryID932"><div class="news_content">
<div class="news_content_top"><div class="news_content_top_title"><?if($MODER_PANEL$)?>$MODER_PANEL$<?endif?><a href="$ENTRY_URL$">$TITLE$</a> </div><div class="news_content_top_title_date">Дата: $DATE$</div></div>
<div class="news_content_bg">
<div class="news_content_body">
<table cellpadding="0" cellspacing="0"><tbody>
<tr><td width="114" valign="top" style="padding-right:6px;">
<div class="img_bg"><a href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this)"><img class="screen" class="highslide" onclick="return hs.expand(this)" src="$IMG_URL1$"></a></div>
</td><td valign="top">
<div class="news_content_contents">
$MESSAGE$
</div>
</td></tr>
</tbody></table>
</div>
</div>
<div class="news_content_bottom"><div class="news_content_bottom_text1"><a href="">Категория: <b>$CATEGORY_NAME$</b></a>   <b>|</b>   <a href="">Просмотров:<b>$READS$</b></a>   <a href="$COMMENTS_URL$">Комментарии:<b>$COMMENTS_NUM$</b></a>   |</div><div class="news_content_bottom_text2">Добавил:<b>$USERNAME$</b></div></div>
</div></div>


Источник: www.CSTAV.ru
Прикрепления: 6931732.jpg (57.1 Kb)


На случай если буду нужен, то я там же, где и был, когда был не нужен...
Страна: (RU)
Kosten
Пятница, 24 Августа 2012, 18:42 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44379
Награды: 70
Шикарный вид, мне по дизу нравиться!
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Скрипт новый вид материвлов новостей для uCoz (Rip by N_O_O_B)
  • Страница 1 из 1
  • 1
Поиск: