На главную Форум Вход Регистрация
Новая инф. панель на главную - Форум чат общение
ПОПУЛЯРНЫЕ ТЕМЫ
[Игра] 15 +
Оставлено 179 сообщений в теме
досчитай до 100
Оставлено 99 сообщений в теме
Как разыграть друга в в...
Оставлено 72 сообщений в теме
[Игра] Города
Оставлено 68 сообщений в теме
Сигны в формате psd
Оставлено 45 сообщений в теме
[Игра] Поставить + выше...
Оставлено 44 сообщений в теме
Раздача WMB
Оставлено 41 сообщений в теме
 

Страница 1 из 11
Форум чат общение » Центр помощи по развитию web ресурсов » Скрипты для ucoz » Новая инф. панель на главную
Новая инф. панель на главную
NN-CS™
Дата: Пятница, 01.04.2011, 21:30 | Сообщение # 1
Администратор
Сообщений: 358
Репутация: 848
Награды: 17

Установка

1. Это в CSS:

Code
.tab_container {outline:1px solid #3d3d3d;border:1px solid #0d0d0d;border-top:1px solid #0d0d0d;clear:both;float:left;width:100%;background:#212121;margin-left:1px;}  
.tab_content {padding:5px;font-size:1.2em;}  
.container {width: 99%;}  
ul.tabs {margin: 0px;padding: 0;float: left;list-style: none;height: 32px;border-bottom: 1px solid #3d3d3d;border-left: 1px solid #3d3d3d;width: 100%;}  
ul.tabs li {float: left;margin: 0;padding: 0;height: 31px;line-height: 31px;border-top: 1px solid #3d3d3d;border-right: 1px solid #3d3d3d;border-bottom: 1px solid #0d0d0d;border-left: none;margin-bottom: 0px;background: #212121;overflow: hidden;position: relative;}  
ul.tabs li a {text-decoration: none;color: #929292;display: block;font-size: 1.2em;padding: 0 20px;border: 1px solid #0d0d0d;outline: none;}  
ul.tabs li a:hover {background:url(http://file.multi-rip.ru/_ld/7/784_inf_h.png) #232323;color:#ff0000;}    
html ul.tabs li.active {background:url(http://file.multi-rip.ru/_ld/7/785_inf_h2.png) #272727;color: #ff0000;}  
.inf {border: 1px solid #0d0d0d;border-right:none; background: url(http://file.multi-rip.ru/_ld/7/786_st.png); height: 22px;color: #ff0000;}  
.inf2 {border: 1px solid #0d0d0d;background: url(http://file.multi-rip.ru/_ld/7/786_st.png; height: 22px;color: #ff0000;}  
.inf_fon {border: 1px solid #0d0d0d;border-right:none;border-top:none; padding: 5px; background:#232323;}  
.inf_fon2 {border: 1px solid #0d0d0d;border-top:none; padding: 5px; background:#232323;}  
/* ---------- */

2. Заходим на главную, листаем в самый низ, жмем на и ставим в самый верх код:

Code
<table style="background: #212121;border: 1px solid #0d0d0d;outline: 1px solid #3d3d3d;width: 100%;margin-top: 1px;"><tr><td>  
<script type="text/javascript">  
$(document).ready(function() {  

    $(".tab_content").hide();    
    $("ul.tabs li:first").addClass("active").show();    
    $(".tab_content:first").show();    
       
    $("ul.tabs li").click(function() {  
    $("ul.tabs li").removeClass("active");    
    $(this).addClass("active");    
    $(".tab_content").hide();    
    var activeTab = $(this).find("a").attr("href");    
    $(activeTab).fadeIn();    
    return false;  
    });  

});  
</script>  
<div class="container">  
    <ul class="tabs">  
    <li><a href="#tab1">Форум</a></li>  
    <li><a href="#tab2">Пользователи</a></li>  
    <li><a href="#tab3">Файлы</a></li>  
    <li><a href="#tab4">О сайте</a></li>  
    </ul>  
<div class="tab_container">  
<!-- Форум -->  
<div id="tab1" class="tab_content">  
<center>  
<table width="100%" cellpadding="0" cellspacing="0">    
<tbody><tr>  
<td>    
<table width="100%" align="center" cellpadding="0" cellspacing="0"><tbody>  
<tr><td class="inf" align="center">Последние ответы на форуме</td></tr>  
$MYINF_forum1$  
</tbody></table>  
</td>  
<td>  
<table width="100%" align="center" cellpadding="0" cellspacing="0"><tbody>  
<tr><td class="inf2" align="center">Популярные темы на форуме</td></tr>  
$MYINF_forum2$  
</tbody></table>  
</td>  
</tr></tbody>  
</table>  
</center>  
</div>  
<!-- /Форум -->  
<!-- Юзеры -->  
<div id="tab2" class="tab_content">  
<center>  
<table width="100%" cellpadding="0" cellspacing="0">    
<tbody><tr>  
<td>    
<table width="100%" align="center" cellpadding="0" cellspacing="0"><tbody>  
<tr><td class="inf" align="center">Новые пользователи</td></tr>  
$MYINF_users1$  
</tbody></table>  
</td>  
<td>    
<table width="100%" align="center" cellpadding="0" cellspacing="0"><tbody>  
<tr><td class="inf2" align="center">Лучшие пользователи</td></tr>  
$MYINF_users2$  
</tbody></table>  
</td>  
</tr></tbody>  
</table>  
<div style="margin-top: -1px">  
<table width="100%" cellpadding="0" cellspacing="0">    
<tbody><tr>  
<td>    
<table width="100%" align="center" cellpadding="0" cellspacing="0"><tbody>  
<tr><td class="inf" align="center">Уважаемые пользователи</td></tr>  
$MYINF_users3$  
</tbody></table>  
</td>  
<td>  
<table width="100%" align="center" cellpadding="0" cellspacing="0"><tbody>  
<tr><td class="inf2" align="center">Топ ньюсмейкеров</td></tr>  
$MYINF_users4$  
</tbody></table>  
</td>  
</tr></tbody>  
</table>  
</div>  
</center>  
</div>  
<!-- /Юзеры -->  
<!-- Файлы -->  
<div id="tab3" class="tab_content">  
<center>  
<table width="100%" cellpadding="0" cellspacing="0">    
<tbody><tr>  
<td>    
<table width="100%" align="center" cellpadding="0" cellspacing="0"><tbody>  
<tr><td class="inf" align="center">Новые файлы</td></tr>  
$MYINF_files1$  
</tbody></table>  
</td>  
<td>    
<table width="100%" align="center" cellpadding="0" cellspacing="0"><tbody>  
<tr><td class="inf2" align="center">Популярные файлы</td></tr>  
$MYINF_files2$  
</tbody></table>  
</td>  
</tr></tbody>  
</table>  
</center>  
</div>  
<!-- /Файлы -->  
<!-- О сайте -->  
<div id="tab4" class="tab_content">  
<center>RIP by Multi-Rip.Ru | by hi7eMh1Gh <br> -> <a href="http://multi-rip.ru/"><b>multi-rip.ru</b></a> <- </center>  
</div>  
<!-- /О сайте -->  
</div>  
</div>  
</td></tr></table>

3. Создаем информеры:

Популярные темы на форуме

[ Форум · Материалы · Самые популярные темы · Материалы: 10 · Колонки: 1 · Длина заголовка: 25]

Code
<tr><td class="inf_fon">  
<table border="0" cellpadding="2" cellspacing="0" width="100%" style="background:#191919;border:1px solid #3d3d3d;">  
<tbody><tr>  
<td style="background:#212121;border:1px solid #0d0d0d;border-right:0px;" align="left">  
<a href="$THREAD_URL$" title="$THREAD_TITLE$">$THREAD_TITLE$</a>  
</td>  
<td style="background:#212121;border:1px solid #0d0d0d;border-left:0px;" align="right">Ответов [$REPLIES$]</td>  
</tr></tbody></table>  
</td></tr>

Это $MYINF_forum2$

Новые пользователи

[ Пользователи · Материалы · Дата регистрации D · Материалы: 5 · Колонки: 1 ]

Code
<tr><td class="inf_fon">  
<table border="0" cellpadding="2" cellspacing="0" width="100%" style="background:#191919;border:1px solid #3d3d3d;">  
<tbody><tr>  
<td style="background:#212121;border:1px solid #0d0d0d;border-right:0px;" align="left">  
<a href="$PROFILE_URL$" title="$USERNAME$">$USERNAME$</a>  
</td>  
<td style="background:#212121;border:1px solid #0d0d0d;border-left:0px;" align="right">Дата рег. [$REG_DATE$]</td>  
</tr></tbody></table>  
</td></tr>

Это $MYINF_users1$

Лучшие пользователи

[ Пользователи · Материалы · Кол. сообщений в форуме · Материалы: 5 · Колонки: 1 ]

Code
<tr><td class="inf_fon">  
<table border="0" cellpadding="2" cellspacing="0" width="100%" style="background:#191919;border:1px solid #3d3d3d;">  
<tbody><tr>  
<td style="background:#212121;border:1px solid #0d0d0d;border-right:0px;" align="left">  
<a href="$PROFILE_URL$" title="$USERNAME$">$USERNAME$</a>  
</td>  
<td style="background:#212121;border:1px solid #0d0d0d;border-left:0px;" align="right">Постов на форуме [$FORUM_POSTS$]</td>  
</tr></tbody></table>  
</td></tr>

Это $MYINF_users2$

Уважаемые пользователи

[ Пользователи · Материалы · Репутация · Материалы: 5 · Колонки: 1 ]

Code
<tr><td class="inf_fon">  
<table border="0" cellpadding="2" cellspacing="0" width="100%" style="background:#191919;border:1px solid #3d3d3d;">  
<tbody><tr>  
<td style="background:#212121;border:1px solid #0d0d0d;border-right:0px;" align="left">  
<a href="$PROFILE_URL$" title="$USERNAME$">$USERNAME$</a>  
</td>  
<td style="background:#212121;border:1px solid #0d0d0d;border-left:0px;" align="right">Репутация [$REPUTATION$]</td>  
</tr></tbody></table>  
</td></tr>

Это $MYINF_users3$

Топ ньюсмейкеров

[ Пользователи · Материалы · Кол. новостей · Материалы: 5 · Колонки: 1 ]

Code
<tr><td class="inf_fon">  
<table border="0" cellpadding="2" cellspacing="0" width="100%" style="background:#191919;border:1px solid #3d3d3d;">  
<tbody><tr>  
<td style="background:#212121;border:1px solid #0d0d0d;border-right:0px;" align="left">  
<a href="$PROFILE_URL$" title="$USERNAME$">$USERNAME$</a>  
</td>  
<td style="background:#212121;border:1px solid #0d0d0d;border-left:0px;" align="right">Новостей [$NEWS_POSTS$]</td>  
</tr></tbody></table>  
</td></tr>

Это $MYINF_users4$

Новые файлы

[ Каталог файлов · Материалы · Дата добавления материала D · Материалы: 10 · Колонки: 1 · Длина заголовка: 25 ]

Code
<tr><td class="inf_fon">  
<table border="0" cellpadding="2" cellspacing="0" width="100%" style="background:#191919;border:1px solid #3d3d3d;">  
<tbody><tr>  
<td style="background:#212121;border:1px solid #0d0d0d;border-right:0px;" align="left">  
<a href="$ENTRY_URL$" title="$TITLE$">$TITLE$</a>  
</td>  
<td style="background:#212121;border:1px solid #0d0d0d;border-left:0px;" align="right">Дата [$DATE$]</td>  
</tr></tbody></table>  
</td></tr>

Это $MYINF_files1$

Популярные файлы

[ Каталог файлов · Материалы · Количество загрузок D · Материалы: 10 · Колонки: 1 · Длина заголовка: 25 ]

Code
<tr><td class="inf_fon">  
<table border="0" cellpadding="2" cellspacing="0" width="100%" style="background:#191919;border:1px solid #3d3d3d;">  
<tbody><tr>  
<td style="background:#212121;border:1px solid #0d0d0d;border-right:0px;" align="left">  
<a href="$ENTRY_URL$" title="$TITLE$">$TITLE$</a>  
</td>  
<td style="background:#212121;border:1px solid #0d0d0d;border-left:0px;" align="right">Скачали [$LOADS$] раз</td>  
</tr></tbody></table>  
</td></tr>

Это $MYINF_files2$


Форум чат общение » Центр помощи по развитию web ресурсов » Скрипты для ucoz » Новая инф. панель на главную
Страница 1 из 11
Поиск:

Как писать сообщения и создавать свои темы на форуме?

Вверх