Серый вид новостей (как у нас)

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]

Страница 1 из 1 1
Модератор форума: lapa100

Серый вид новостей (как у нас) (Серый вид новостей (как у нас))

Безумны_Санта

Дата: Понедельник, 26.03.2012, 09:25 | Сообщение # 1

Группа: Гл.Админ

Звание: Каге

Сообщений: 324
Пол: Мужчина

Репутация: 8 Статус:

Css

Code

/* Новости By The_Pro | Naruto-Gm.ucoz.ru  */
.anitubnews {width:832px;padding-bottom:3px;}
.anitubtitlenews {background:url('http://naruto-gm.ucoz.ru/DesAnitube/news/headnews.png');height:34px;padding-left:35px; padding-top:6px;color:#b77ddb;}
.anitubetit {background:#414141; width:400px; padding:6px; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px;-moz-border-radius-bottomright: 7px;-moz-border-radius-bottomleft: 7px;border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; color:#b77ddb;}
.anitubetit:hover {background:#583f67; width:400px; padding:6px; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px;-moz-border-radius-bottomright:7px;-moz-border-radius-bottomleft: 7px;border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; }
.newborderkefir {background:#414141; padding:4px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.newborderkefir:hover {background:#583f67; padding:4px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.aninews { float:right; height:17px;width:407px;color:#9c9c9c;font:normal 8pt Tahoma;padding-right:0px;padding-top:3px;}
.aninews a:link, .narnews a:visited {color:#9c9c9c;text-decoration:none;}
.aninews a:active, .narnews a:hover {color:#cecece;text-decoration:underline;}
.aninews2 {height:22px;}
.news_anitube {background:#202020; color:#4a4a4a;}
.info {width:816px;color:#3a3a3a;background:#202020; font-size:9px; text-align:left;padding-right:3px;padding-top:3px;padding-left:13px;-webkit-border-bottom-right-radius: 7px;-webkit-border-bottom-left-radius: 7px;-moz-border-radius-bottomright: 7px;-moz-border-radius-bottomleft: 7px;border-bottom-right-radius: 7px;border-bottom-left-radius: 7px;}
.anitubebott {background:#313131; width:796px; padding:6px; -webkit-border-top-left-radius: 7px;-webkit-border-top-right-radius: 7px;-moz-border-radius-topleft: 7px;-moz-border-radius-topright: 7px;border-top-left-radius: 7px;border-top-right-radius: 7px;color:#b77ddb;}
/* --------- */

В вид новостей

Code

<div style="padding-bottom:5px;"></div><div class="newborderkefir">
<div class="anitubnews">
           <div class="anitubtitlenews"><a class="anitubetit"  href="$ENTRY_URL$"><strong>$TITLE$</strong></a><div class="right"><?if($MODER_PANEL$)?>$MODER_PANEL$<?endif?></div> </div>
<div class="news_anitube">
           <table cellspacing="0" border="0" cellpadding="0" width="100%" style="padding-left:8px; padding-right:8px; color:#5a5a5a;"><tr>
           <td valign="top" align="left" style="padding:4px;background:#262526;-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;">
           <div style="line-height:25px; text-align:right;clear:both;font-size:9pt;padding:0px 0;" > $MESSAGE$</div>
           </td>
           <td valign="top" align="right" style="padding:4px;background:#322936; -webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px; width: 194px;">
           <div align="right" style="border:3px solid #2a252c;"><a  ref="$ENTRY_URL$"> <img src="$OTHER2$" border="0"  width="230px" height="150px" /></a></div>
           </td> </tr></table>
</div>
<div class="aninews2">
<div class="info">
              <div class="anitubebott">Категория:<a title="$CATEGORY_NAME$" alt="$CATEGORY_NAME$" href='$CATEGORY_URL$'>$CATEGORY_NAME$</a> | Комментариев : $COMMENTS_NUM$ | Добавил: $USERNAME$ | Просмотров: $READS$
</div>
</div>
           </div></div></div><div style="padding-bottom:5px;"></div>

Подпись скрыта