Информационная колонка как на diz-cs - Форум о поисковых системах и социальных сетях

Страница 1 из 1
1

Информационная колонка как на diz-cs

Softnice

Суббота, 03.03.2012, 22:59

Проверенный

Сообщения: 3050

Репутация: 7476

Пример

Создаем информеры:
1 информер - [ Форум · Материалы · Последние обновленные темы · Материалы: 5 · Колонки: 1 ]
код в шаблон информера:

Code

<li><div class="inf_ava_">
<img src="http://vit-cs.com/inf-kolonka/internet-group-chat.png" alt="" /></div>
<div class="nick">$AUTHOR$</div>
<span>Ответов: $REPLIES$</span><br/> <span>Тема: <a href="$THREAD_URL$">$THREAD_TITLE$</a></span> <hr/>
</li>

2 информер - [ Пользователи · Материалы · Кол. сообщений в форуме · Материалы: 9 · Колонки: 3 ]
код в шаблон информера:

Code

<li class="li"><a href="$PROFILE_URL$" target="_blank" title="Просмотр профиля"><img src="<?if$AVATAR_URL$?>$AVATAR_URL$<?else?>http://vit-cs.com/inf-kolonka/no_ava-1.gif<?endif?>" width="50" height="50" alt="Фотография" class="photo"/><br/><a href="$PROFILE_URL$" target="_blank">$USERNAME$</a><br/>($FORUM_POSTS$)</a></li>

3 информер - [ Каталог статей · Материалы · Дата добавления материала D · Материалы: 8 · Колонки: 1 ]
код в шаблон информера:

Code

<div style="margin-bottom:3px;padding:3px;border:1px solid #252525"><a href="$ENTRY_URL$" title="$TITLE$" target="_blank"><span style="font-size:7pt">$TITLE$</span></a><br></div>

Создаем глобальный блок FORUMCONT и вставляем код:

Code

<div class="f_blocks">
<div class="f_block_title"><b>Информационная колонка</b></div>

<div class="pod_block_f">
<div class="pod_title_f"><div rel="bid1" class="forum_cont_b bclose"></div>Темы форума</div>
<div class="pod_cont_f" id="bid1">
<div class="forum_inform_block">
<ul>
$MYINF_21$
</ul>
</div>
</div>
</div>

<div class="pod_block_f">
<div class="pod_title_f"><div rel="bid2" class="forum_cont_b bclose"></div>Активные авторы</div>
<div class="pod_cont_f" id="bid2">
<div class="forum_inform_block_user">
<ul class="list">$MYINF_22$</ul>
</div>
</div>
</div>

<div class="pod_block_f">
<div class="pod_title_f"><div rel="bid3" class="forum_cont_b bclose"></div>Чат</div>
<div class="pod_cont_f" id="bid3">
$CHAT_BOX$
</div>
</div>

<div class="pod_block_f">
<div class="pod_title_f"><div rel="bid4" class="forum_cont_b bclose"></div>Полезные статьи</div>
<div class="pod_cont_f" id="bid4">
$MYINF_23$</div>
</div>

<div class="pod_block_f">
<div class="pod_title_f"><div rel="bid5" class="forum_cont_b bclose"></div>Реклама</div>
<div class="pod_cont_f" id="bid5">
<div align="center">
<a href="http://vit-cs.com/"><img src="http://vit-cs.com/banners/vs160x250v1.jpg" border="0" title="Шаблоны для uCoz, Скрипты для uCoz, Cs 1.6, Counter-Strike, game, games, films, videos, music, PhotoShop" width="160" height="250"></a>
</div>
</div>
</div>

<div class="pod_block_f">
<div class="pod_title_f"><div rel="bid6" class="forum_cont_b bclose"></div>Ссылки</div>
<div class="pod_cont_f" id="bid6">
Сссылки</div>
</div>

<div class="pod_block_f">
<div class="pod_title_f"><div rel="bid7" class="forum_cont_b bclose"></div>Опросы</div>
<div class="pod_cont_f" id="bid7">$POLL$
</div>
</div>

<div class="pod_block_f">
<div class="pod_title_f"><div rel="bid8" class="forum_cont_b bclose"></div>Последние записи в блогах</div>
<div class="pod_cont_f" id="bid8">
<div align="center">
<A href="javascript://" onclick="new _uWnd('myName','Последние записи в блогах',450,180,{min:1,shadow:1,header:1,max:1,resize:0},'В ближайшее время здесь будет отображаться информация о последних новостях блогов, которые ведут наши пользователи.<hr>by Vit-Cs.Com ');">[What?]</A>
</div>
</div>
</div>
</div>

Далее в Общий вид страницы форума - Когда найдете

тут что-то еще......
$BODY$

Это все меняем на:

Code

<div style="float:right; margin:0 -17px 0 0;">
<a id="hide-but" class="f_block_h_b" href="javascript:f_block_r('1')"></a>
<a id="show-but" class="f_block_s_b" href="javascript:f_block_r('2')"></a>
</div>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td valign="top" width="85%">



$BODY$
     </td>

<td valign="top" class="right_block_forum" width="15%">
$GLOBAL_FORUMCONT$



<script type="text/javascript" src="http://vit-cs.com/js/forum_sts.js"></script>
<script type="text/javascript" language="javascript">
$('a:contains("Получай репутацию за комментарии")').css({'color' : 'yellow'});
includeJSfile('http://vit-cs.com/js/_cookie.js'); //Куки
includeJSfile('http://vit-cs.com/inf-kolonka/forum_blocks.js'); //Правые блоки

</script>

Это в ксс:

Code

/*--Форум блоки--*/
.bclose {
   background: url('http://vit-cs.com/inf-kolonka/btn.png') no-repeat 0 0;
   width:24px;
   height:14px;
   float:right;
   cursor:pointer;
   margin-right:4px;
}

.bopen {
   background: url('http://vit-cs.com/inf-kolonka/btn.png') no-repeat 0 -14px;
   width:24px;
   height:14px;
   float:right;
   cursor:pointer;
   margin-right:4px;
}

.forum_cont_b {
   margin-top:3px;
}

.forum_inform_block ul {
   padding:0;
   margin:0;
}

.forum_inform_block li {
   list-style:none;
   width:210px;
   margin:0 auto;
}

.f_blocks {
   width:220px;
   margin-left:10px;
   border:1px solid #292929;
   background:#181818;
}

div[class*="inf_ava_"] {
   float:left;
   margin-right:2px;
   margin-top:3px;
}

.forum_inform_block .nick {
   font-weight:bold;
   font-size:10px;
}

.forum_inform_block span,
.forum_inform_block span a {
   font-size:10px;
}

.forum_inform_block #diz-cs_avatar img {
   width:35px;
   height:35px;
}

.f_block_title {
   height:29px;
   background:url(http://vit-cs.com/diz/forumpolosa.gif) repeat-x 0 0;
   color:#000;
   font-family: "Verdana", sans-serif;
   font-size:13px;
   font-weight:400;
   line-height:29px;
   padding-left:5px;
}

.pod_title_f {
   border-top:1px solid #292929;
   border-bottom:1px solid #292929;
   background:#1c1c1c;
   line-height:20px;
   height:20px;
   padding-left:5px;
   color:#949494;
   font-size:10px;
}

.pod_cont_f {
   padding:3px;
}

.f_block_h_b {
   display:block;
   position:absolute;
   background:url(http://vit-cs.com/inf-kolonka/arrow.png) no-repeat 0 0;
   width:17px;
   height:23px;
}

.f_block_s_b {
   display:block;
   position:absolute;
   background:url(http://vit-cs.com/inf-kolonka/arrow.png) no-repeat 0 -23px;
   width:17px;
   height:23px;
   display:none;
}

.forum_inform_block_user {overflow:hidden;}
.forum_inform_block_user li {list-style:none; margin-left:8px; text-align:center;}
.forum_inform_block_user .list {vertical-align: top; overflow:hidden; padding:5px 0 0 0;}
.forum_inform_block_user ul {margin:0; padding:0;}
.forum_inform_block_user .li {float:left; color:#656761; font-size:10px; margin-bottom:3px; list-style:none;}
.forum_inform_block_user .li img.images {width:57px; height:58px; border:1px solid #eeefec;}
.forum_inform_block_user .li a {font-size:10px;}
.forum_inform_block_user .who .who1 {background:url(/images/content_other.png) no-repeat 0 -197px; width:107px; height:17px; margin:5px auto 0 auto; display: block; padding:3px 0 0 5px; color:#83c315;}
.forum_inform_block_user .photo {border:1px solid #292929; padding:1px;}
/* --------------- */

Профиль

Информационная колонка как на diz-cs

Страница 1 из 1
1