• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Вид материалов форума сайта EXTM
Вид материалов форума сайта EXTM
Kosten
Пятница, 01 Июня 2012 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44267
Награды: 70


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

Что первое мы делаем создаем иконки "Онлайн" и "Оффлайн"

Потом заходим в П.У => Замены стадартных записей => Пользователи

Где онлайн вставляем этот код
on
Code
<img src=http://zornet.ru/zornet_ru1/on.gif>


off
Code
<img src=http://zornet.ru/zornet_ru1/off.gif>


Идем в CSS и прописываем там наш стиль
Code
.information {background: url('http://zornet.ru/zornet_ru2/information_back.png') 0px 0px;width: 151px;text-align: center;}    
    .information span {display:inline-block;color: #414141;padding-left: 10px;padding-right: 10px;}    
    .information span a {color: #1a951e;font-weight: bold;text-decoration:none;}    
    .information_top {background: url('http://zornet.ru/zornet_ru2/information.png') 0px 0px;width: 151px; height: 12px;}    
    .information_bottom {background: url('http://zornet.ru/zornet_ru2/information.png') -302px 0px;width: 151px; height: 23px;}    
    .reputation {padding-bottom: 3px;margin:0;}    
    .reputation_num {background: url('http://zornet.ru/zornet_ru2/reputation.png') 0px 0px;width: 58px;height: 22px;margin:0;display:inline-block;text-align:center;}    
    .reputation_minus {background: url('http://zornet.ru/zornet_ru2/reputation.png') -28px -22px;width: 29px;height: 22px;margin:0;display:inline-block;}    
    .reputation_minus:hover {background: url('http://zornet.ru/zornet_ru2/reputation.png') -28px -43px;width: 29px;height: 22px;margin:0;display:inline-block;}    
    .reputation_plus {background: url('http://zornet.ru/zornet_ru2/reputation.png') 0px -22px;width: 28px;height: 22px;margin:0;display:inline-block;}    
    .reputation_plus:hover {background: url('http://rurip.ru/skripty/vid_forum_extm/reputation.png') 0px -43px;width: 28px;height: 22px;margin:0;display:inline-block;}    
    .reputation_num span {font-size: 10px;font-weight: bold;color: white;display: inline-block;padding-top: 5px;padding-left: 9px;text-shadow: 1px 1px 0 #038B10;}    
    .information ul {padding:0;margin:0;list-style:none;}    
    .information ul li {list-style:none;background: url('http://zornet.ru/zornet_ru2/line.png') repeat-x bottom left;padding: 2px;color: #414141;}    
    .present_add {background: url('http://zornet.ru/zornet_ru2/information_icons.png');width: 12px;height: 12px;display:inline-block;margin-left: 2px;vertical-align: -2px;}    
    .warning_plus {background: url('http://zornet.ru/zornet_ru2/information_icons.png') 0px -12px;width: 12px;height: 12px;display:inline-block;vertical-align: -2px;}    
    .warning_minus {background: url('http://zornet.ru/zornet_ru2/information_icons.png') 0px -24px;width: 12px;height: 12px;display:inline-block;vertical-align: -2px;}


Вид материалов - форума
Code
<table border="0" width="100%" cellspacing="1" cellpadding="2" class="postTable">    
<tr><td width="23%" class="postTdTop" align="center"><a class="postUser" href="javascript://" rel="nofollow" onClick="emoticon('[b]$USERNAME$[/b],');return false;">$USERNAME$</a></td><td class="postTdTop"><?if($AWARDS_DO_URL$ && $USER_LOGGED_IN$ && $CUR_USER_ID$!=$UID$)?><div style="float:right"><a href="javascript://" onclick="new _uWnd('AwD','Вручить награду',380,200,{autosize:1,maxh:300},{url:'/index/55-$UID$-28-forum-$FID$_$TID$_$ID$_16_$TIMESTAMP$'}); return false;"><img src="http://zornet.ru/zornet_ru2/thumbu.png" width="13" border="0" title="Хороший пост"></a> <a href="javascript://" onclick="new _uWnd('AwD','Вручить награду',380,200,{autosize:1,maxh:300},{url:'/index/55-$UID$-47-forum-$FID$_$TID$_$ID$_16_$TIMESTAMP$'}); return false;"><img src="http://zornet.ru/zornet_ru2/thumbd.png" width="13" border="0" title="Плохой пост"></a></div><?endif?>Дата: $WDAY$, $DATE$, $TIME$ | Сообщение # $NUMBER$ | <a href="javascript://" onclick="warning.open();return false;">Жаловаться</a></td></tr>    
<tr><td class="postTdInfo" valign="top">    
<img title="$USERNAME$" class="userAvatar" src="<?if($AVATAR_URL$)?>$AVATAR_URL$<?else?>/designs_104/noavatar.png<?endif?>" border="0"><div style="padding-bottom:3px;"></div>    
<div style="margin-bottom: -9px;">$GROUP_ICON$</div>    
<div align="center" style="padding-top:2px;">    
<div class="information_top"></div>    
<div class="information">    
<span>    
<ul>    
    <?if($USER_TITLE$)?><li>$USER_TITLE$</li><?endif?>         
<li>Сообщения: <a href="javascript://" title="Сообщения пользователя">$POSTS$</a></li>    
<li>Награды: <a href="$AWARDS_READ_URL$" title="Награды пользователя">$AWARDS$</a><?if($AWARDS_DO_URL$)?><a href="$AWARDS_DO_URL$" title="Подарить награду" class="present_add" ></a><?endif?></li>    
<li>Замечания: <?if($READ_BAN_URL$)?><a class="banPercent" title="Смотреть историю замечаний" href="$READ_BAN_URL$">$BAN_RATING$</a><?endif?></li>    
<li><font style="font-size: 9px">Репутация: </font>    
<table width="115px" class="reputation" cellspacing="0" cellpadding="0"><tr>    
<td width="29px" align="left"><a href="<?if($DO_REP_URL$)?>$DO_REP_URL$<?endif?>" class="reputation_minus"></a></td>    
<td width="58px" align="left"><a href="$READ_REP_URL$" class="reputation_num"><span>$REP_RATING$</span></a></td>    
<td width="28px" align="left"><a href="<?if($DO_REP_URL$)?>$DO_REP_URL$<?endif?>" class="reputation_plus"></a></td>    
</tr></table></li>    
</ul><div style="padding-top:2px;"></div>    
    $USER_STATUS$    
</span>    
</div>    
<div class="information_bottom"></div>    
</div>    
</td><td class="posttdMessage" valign="top">$MESSAGE$    
    <?if($SIGNATURE$)?><br><div class="signatureHr"></div><span class="signatureView"><span style="display:none;"><a href="http://rurip.ru/">Лучшая рип студия</a></span>$SIGNATURE$</span><?endif?>    
</td></tr>    
<tr><td class="postBottom" align="center"> </td><td class="postBottom">    
<table border="0" width="100%" cellspacing="0" cellpadding="0">    
<tr><td>    
    $USER_DETAILS_ICON_BAR$    
</td><td align="right" style="padding-right:15px;">$ENTRY_MANAGE_ICON_BAR$</td><td width="2%" nowrap align="right">$ON_TOP_ICON$</td></tr>    
</table></td></tr></table>
Страна: (RU)
Kosten
Четверг, 22 Ноября 2012 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Прикрепления: 8062333.png (114.8 Kb)
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Вид материалов форума сайта EXTM
  • Страница 1 из 1
  • 1
Поиск: