Статистика как у Dana Domirani!

автор SmAcK Ноябрь 15th 2011, 14:47

Можете подсказать как сделать статстику как у Dana Domirani на сайте , только без чата.
Вот мой форум http://www.live2kill.org.ua/!

автор **Dana Domirani** Ноябрь 15th 2011, 15:00

Вот тут выкладывался туториал: https://help.forum2x2.ru/t18777-topic

автор SmAcK Ноябрь 15th 2011, 15:51

Я так понял там только для phpBB3 а для Punbb и если можно без чата! + моему форуму как бы это сказать не подходят цветочки biggrin

Можете пожалуйста выложить скрипт который без Чата если не трудно1

автор **Dana Domirani** Ноябрь 15th 2011, 16:34

Есть вариант с другими кнопками, как раз под аналогичный стиль: https://help.forum2x2.ru/t21214-topic#163450

автор SmAcK Ноябрь 15th 2011, 16:39

Я нечего не пойму что откуда выкидывать для PunBB что куда вставлять! Это просто ппц...
Или просто до меня туго доходит или я вообще не пойму что делать!

Вот как у брать чат я так и не понял + для PunBB что откуда выкидывать!

автор **Dana Domirani** Ноябрь 15th 2011, 16:47

Сейчас сделаю готовый к употреблению код.

автор SmAcK Ноябрь 15th 2011, 16:49

Буду очень благодарен! Просто я немножко тугой :87:

Дана спасибо , извините за доставленые проблемы!

автор **Dana Domirani** Ноябрь 15th 2011, 17:33

Вариант для Pun (без вкладки чата)

1. В шаблоне index_body (Главная страница) замените

Код:: {CHATBOX_TOP} {BOARD_INDEX}  <div id="pun-info" class="main"> <div class="main-content"> <div id="stats"> <p class="right">{TOTAL_POSTS}</p> <p>{TOTAL_USERS}</p> <p>{NEWEST_USER}</p> </div> <div id="onlinelist"> <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" /> <p class="right">  <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>   {L_WHO_IS_ONLINE}  </p> <p>{TOTAL_USERS_ONLINE}<br /> {RECORD_USERS} <br /> {LOGGED_IN_USER_LIST} {L_ONLINE_USERS} {L_CONNECTED_MEMBERS}<br /> {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p> <div class="clear"></div> <p>{LEGEND} : {GROUP_LEGEND}</p> </div>  <div id="onlinechat"> <p class="page-bottom"> {TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br />  <div id="chatbox_popup"></div> <script type="text/javascript"> insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}'); </script>  </p> </div>  </div> </div>   <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <div class="user_login_form main-box center"> <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />  <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span> <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>  </div> </form>  {CHATBOX_BOTTOM}

на

Код:: {CHATBOX_TOP} {BOARD_INDEX} {CHATBOX_BOTTOM}  <div id="page-wrap"> <div id="pw1-button" class="button">Кто онлайн</div> <div id="pw2-button" class="button">Дни Рождения</div> <div id="pw3-button" class="button">Статистика</div> <div class="clear"></div> <div id="nwcontent"> <div id="pw1" class="list"> <b>Сколько юзеров на форуме?</b> <hr /> <p>{TOTAL_USERS_ONLINE}</p> <p>{RECORD_USERS}</p> <p>{LOGGED_IN_USER_LIST}</p><p>{L_ONLINE_USERS}</p>{L_CONNECTED_MEMBERS} </div> <div id="pw2" class="list"> <b>Поздравляем с ДР!</b> <hr /> {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK} </div> <div id="pw3" class="list"> <b>Статистика</b> <hr /> <p>{TOTAL_POSTS}</p> <p>{TOTAL_USERS}</p> <p>{NEWEST_USER}</p> <p>{LEGEND} : {GROUP_LEGEND}</p> </div> </div> </div>   <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <div class="user_login_form main-box center"> <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />  <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span> <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>  </div> </form>

Сохраните, опубликуйте (!).

2. В CSS добавьте:

Код:: /* оформление всего блока с содержимым */ #nwcontent { background-color: #EEF3F8; border: 1px solid #D5DDE5; border-bottom: 4px solid #D5DDE5; margin: 0; padding: 5px; } /* первый активный блок */ #pw1 { display: block; } /* все скрытые блоки после первого */ #pw2, #pw3 { display: none; } /* общее оформление всех блоков */ #pw1, #pw2, #pw3 { padding: 3px; text-align: left; font-size: 10px; } #pw1 a:hover, #pw2 a:hover, #pw3 a:hover { text-decoration: none !important; } /* общее оформление всех кнопок */ #pw1-button, #pw2-button, #pw3-button { display: block; width: 150px; height: 30px; margin: 2px 2px 0 0; text-align: center; line-height: 30px; background: transparent url("http://i44.servimg.com/u/f44/16/54/26/99/snap0013.png") center top no-repeat; color: #fff; text-shadow: 1px 1px #688E23; font-size: 13px; font-weight: bolder; } /* первая активная кнопка */ #pw1-button { background: transparent url("http://i44.servimg.com/u/f44/16/54/26/99/snap0013.png") center -30px no-repeat; margin-left: 15px; }

Сохраните.

3. Поставьте скрипт в управление JS (укажите: показывать "в оглавлении")

Код:: $(function(){ $("#pw2-button, #pw3-button").css({ 'background-position' : 'center top', 'opacity' : '0.95' }); $("#pw1-button").css({'background-position' : 'center -30px'}); $("#page-wrap div.button").click(function(){ $clicked = $(this); if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) { $clicked.animate({ opacity: 1, backgroundPosition: '0 -30px' }, 60 ); var idToLoad = $clicked.attr("id").split('-'); $("#nwcontent").find(".list:visible").fadeOut(60, function(){ $(this).parent().find("#"+idToLoad[0]).fadeIn(); }) } $clicked.siblings(".button").animate({ opacity: 0.95, backgroundPosition: '0 0' }, 60 ); }); });

автор SmAcK Ноябрь 15th 2011, 18:03

Кнопки у меня горизонтально а вертикально можно сделать!?

автор **Dana Domirani** Ноябрь 15th 2011, 18:10

Они должны стоять в одну линию, а не в столбик. Это я не всю CSS скопировала, извиняюсь. Добавьте кусочек:

Код:: .button { float: left; cursor: pointer; }

Статистика как у Dana Domirani!

Статистика как у Dana Domirani!

Re: Статистика как у Dana Domirani!

Re: Статистика как у Dana Domirani!

Re: Статистика как у Dana Domirani!

Re: Статистика как у Dana Domirani!

Re: Статистика как у Dana Domirani!

Re: Статистика как у Dana Domirani!

Re: Статистика как у Dana Domirani!

Re: Статистика как у Dana Domirani!

Re: Статистика как у Dana Domirani!