[WYKONANE] (DP23) IP.Shoutbox - Top X Users

[DawPi]

Witam,

jak nietrudno się domyślić tworzę nową modyfikację - listę top X userów piszących w IP.Shoutbox. Tylko mam do Was prośbę o wsparcie jakie ma mieć funkcje.

Szkielet i brzydki wygląd możecie zobaczyć na forum: http://forum.invisionize.pl/index.php?autocom=shoutbox

Jakie przewiduję funkcje:

• włączenie/wyłączenie,
  
• ustawienie ile pokazywać pozycji,
  
• kolorowanie nicków z linkiem do profilu.
  

Coś jeszcze?

[DawPi]

Ok, kolor nicków z linkiem do profilu dodany. :/

Na dziś koniec pracy z tą modyfikacją - czekam na sugestie.

[wareczek]

• nicki niech wyświetlają się tak, jak userów aktywnych plus kolorowanie
  
• liczba shoutów niech będzie przyciągnięta do prawej strony (bez nawiasów)
  
• cała lista top10 niech będzie usytuowana na dole kolumny
  

Tyle ode mnie jak na razie

BTW, to że jestem na miejscu 9 to chyba jakaś pomyłka :/

[Dr.C4M3L3ON]

Ja moge powiedziec tylko to ze modyfikacja jest idealna i nie trzeba nic w niej zmieniac

[DawPi]

Mogę powiedzieć tyle, że miałem podobny plan jak napisał Wareczek, który mnie tylko utwierdził w przekonaniu jak to trzeba zrobić.

Jedynie nie wiem czy mają się tak samo wyświetlać z tą rozwinaną listą czy nie, ale to jeszcze pomyślę.

[wareczek]

Razem z listą :/ Fajnie jak podobne rzeczy wyglądają tak samo, a różnią się tylko nagłówkiem

[DawPi]

Znów mam problem z CSSem.

Wygląda to tak:

Jak widać wszystko działa cacy - jednak nie wiem jak tam dodać nagłówek. Czy ktoś obeznany w CSS/xHTML mógłby to ładnie ułożyć w tym bicie:

CODE-BOX

<script type='text/javascript' src='jscripts/shoutbox/shoutbox.js'></script>

<div style="border-bottom:none;" class='borderwrap'>

<div class='maintitlecollapse'><{CAT_IMG}> {$this->ipsclass->vars['shoutbox_title']}</div>

</div>

<div id='shoutbox-wrapper' style='width:100%'>

<div class='borderwrap'>

<table cellpadding='0' cellspacing='1' class='ipbtable'>

<tr>

<th width='75%'>

<if="$this->ipsclass->member['g_shoutbox_view_archive']">

<div id='shoutbox-archive-link' style='float:right;width:auto;'>[<a href=#' onclick='return shoutbox.load_archive(this)'>{$this->ipsclass->lang['archive]}</a>]</div>

</if>

{$this->ipsclass->lang['latest_shouts']}

</th>

<th width='25%'>

{$this->ipsclass->lang['members_viewing']}

(<span id='shoutbox-members-viewing-total'>{$d['members_ttl']}</span> {$this->ipsclass->lang['viewing']})

</th>

</tr>

<tr>

<td align='left' class='row2' id='shoutbox-shouts-td' valign='top'>

{$d['announcement']}

{$d['noshouts']}

{$d['nomods']}

<div style='position:relative'>

<div id='shoutbox-shouts-reloading' style='position:absolute;top:0px;right:0px;display:none'><img src='style_images/<#IMG_DIR#>/loading_anim.gif' border='0' alt='{$this->ipsclass->lang['refreshing']}' /></div>

<div class='borderwrap' id='shoutbox-shouts' style='height:{$d['shout_height']}px;overflow:auto;'>

{$d['shouts']}

</div>

<img src='style_images/<#IMG_DIR#>/blank.gif' id='shouts-resizer' border='0' height='6px' style='margin-bottom:-5px;cursor:n-resize;width:100%' /></div>

</div>

</td>

<td align='left' class='row2 nopad' valign='top'>

<div id='shoutbox-members-viewing'>{$d['members']}</div>

</td>

</tr>

<if="$this->ipsclass->member['g_shoutbox_use']">

<tr>

<td align='center' class='row2' valign='top'>

{$d['editor']}

</td>

<td align='left' class='row2 nopad' rowspan='2' valign='top'>

<div id='shoutbox-members-viewings'> <% DP23TOPSHOUTERS %> </div>

</td>

</tr>

</if>

</table></div>

<div id='shoutbox-shadow-bg' style='background-color:rgb(0, 0, 0);background-repeat:repeat;display:none;z-index:200;position:absolute;width:100%;top:0px;left:0px;opacity:0.7;-moz-opacity:0.70;filter:alpha(opacity=70)'></div>

<div id='shoutbox-inactive-prompt' class='borderwrap' style='position:absolute;display:none;top:0px;left:0px'>

<table cellspacing='1' cellpadding='0'>

<tr>

<td align='center' class='row2 divpad' valign='top'>

{$this->ipsclass->lang['inactive_text']}<br /><br />

<input type='button' value="{$this->ipsclass->lang['im_back']}" class='button' onclick='shoutbox.process_inactive_prompt()' />

</td>

</tr>

</table></div>

<div id='shoutbox-popup-div' class='borderwrap ' style='position:absolute;display:none;top:0px;left:0px;width:70%'>

<div id='shoutbox-popup-title' class='maintitle'>

<div id='shoutbox-popup-close' style='float:right;width:auto;cursor:pointer'>X</div>

<div id='shoutbox-popup-title-text'></div>

</div>

<div id='shoutbox-popup-data' style='display:none;position:relative'></div>

</div>

<div id='shoutbox-popup-loading' class='borderwrap' style='position:absolute;display:none;top:0px;left:0px'>

<table cellspacing='1' cellpadding='0'>

<tr>

<td align='center' class='row2 divpad' valign='middle'>

<div id='shoutbox-popup-loading-text'><img src='style_images/<#IMG_DIR#>/loading_anim.gif' border='0' alt='Loading. Please Wait...' />{$this->ipsclass->lang['loading']}</div>

<div id='shoutbox-popup-loading-error-div' class='input-warn-content' style='position:relative;display:none;margin:0'>

<div id='shoutbox-popup-loading-error-close' class='input-warn-content' style='position:absolute;right:-4px;top:-4px;padding:0px;padding-left:2px;padding-right:2px;cursor:pointer;font-size:6px;border-top:0;border-right:0'>X</div>

<div id='shoutbox-popup-loading-error-text' class='divpad'></div>

</div>

</td>

</tr>

</table></div>

<div id='shoutbox-shout-history' style='border:1px solid #000;background:#FFF;padding:2px;position:absolute;top:0px;left:0px;width:210px;

display:none;z-index:180'></div><br />

<div id='shoutbox-submit-data' style='display:none'>

<input type='button' id='shoutbox-submit-button' value='{$this->ipsclass->lang['shout']}' class='button' />

<input type='button' id='shoutbox-clear-button' value='{$this->ipsclass->lang['clear']}' class='button' />

<input type='button' id='shoutbox-refresh-button' value='{$this->ipsclass->lang['refresh']}' class='button' />

<input type='button' id='shoutbox-myprefs-button' value='{$this->ipsclass->lang['my_prefs']}' class='button' />

</div>

<script type='text/javascript'>

shoutbox_loaded = true;

shoutbox.editor_rte = {$d['using_rte']};

shoutbox.editor_id = '{$d['editor_id']}';

{$d['js']}

{$d['langs']}

shoutbox.initiate();{$d['jscmd']}

</script>

Dodatkowa td z listą to:

	 <td align='left' class='row2 nopad' rowspan='2' valign='top'>
   <div id='shoutbox-members-viewings'>	<% DP23TOPSHOUTERS %> </div>				
</td>

Głównie to nie mam pomysłu jak tam dodać taką belkę z napisem.

Mogę zrobić to jak poprzednio, ale nie wiem czy by się to tak ładnie prezentowało.

Druga sprawa liczby shoutów. Macie jakiś pomysł jak je przesunąć w prawo jak Wareczek pisał?

Obecnie jest to tak:

<div id='member-viewings-{$d['id']}' class='popmenubutton-new-out' style='margin-bottom:2px'>
 {$d['_pp_online_image']}{$d['members_display_name']} {$d['how_many']}
</div>

Klasa CSS popmenubutton-new-out:

.popmenubutton-new,
.popmenubutton-new-out
{
float:none;
width:auto;
text-align:left;
height:auto;
padding:4px;
font-weight:normal;
background-color:#f0f0f0;
background-image: url(ip.boardpr/menu_action_down-padded.gif);
background-repeat: no-repeat;
background-position: right;
}

.popmenubutton-new-out
{
padding: 4px;
background-color:#dce1e8;
border: 1px solid #a9b0bb;
}

Czyli to ta forumowa.

Jak ktoś to ładnie zmęczy to przygotuję instalkę.

Dziękuję za wszelką okazaną pomoc.

[DawPi]

Właśnie dodałem kolorowanie nicków - myślę, że będzie do tego opcja -> włączenie/wyłączenie kolorowania.

Z wcześniejszym rozwiązaniem byłoby o tyle łatwiej, że można by łatwo włączyć/wyłączyć ową tabelkę - no nic, czekam na wiadomości.

[DawPi]

Zapraszam: http://forum.invisionize.pl/index.php?autocom=shoutbox :/

Oj, nie, błąd sortowana. Muszę poprawić. Cierpliwości.

P.s. czy mi się wydaje czy piszę sam do siebie?

[DawPi]

Już wiem dlaczego twórcy IP.Shoutbox nie dodali takich statystyk.

[matma4u]

To

<div id='member-viewings-{$d['id']}' class='popmenubutton-new-out' style='margin-bottom:2px'>
 {$d['_pp_online_image']}{$d['members_display_name']} {$d['how_many']}
</div>

zamień na:

<div id='member-viewings-{$d['id']}' class='popmenubutton-new-out' style='margin-bottom:2px'>
 <div style='float:left;'>{$d['_pp_online_image']}{$d['members_display_name']}</div> 
 <div style='text-align:right;margin-right:8%;'>{$d['how_many']}</div>
</div>

Myślę, że o ten efekt chodziło.

Jak widać wszystko działa cacy - jednak nie wiem jak tam dodać nagłówek. Czy ktoś obeznany w CSS/xHTML mógłby to ładnie ułożyć w tym bicie

DawPi nie rozumiem o jaki nagłówek chodzi, zaznacz na screenie co i gdzie ma być

[DawPi]

Jak widać: http://forum.invisionize.pl/index.php?autocom=shoutbox o to. Dziękuję.

Teraz sortowanie i zrobione. :/

DawPi nie rozumiem o jaki nagłówek chodzi, zaznacz na screenie co i gdzie ma być

[matma4u]

Chcesz ten nagłówek : Użytkownicy przenieść w dół. czy też ma być tam na dole nowy z napisem np: Statystyki? Oświeć mnie bo nie kumam

[matma4u]

Czy o to Ci chodziło:

[matma4u]

Czy tak?

W tym przypadku znajdź (w tym pliku z CODE-BOX):

<if="$this->ipsclass->member['g_shoutbox_use']">

i po tym dodaj

 <tr>
<td style='background: #f3f2ef;'>
</td>
<th>
Statystyki
</th>
</tr>

Oczywiście zamiast statystyki wpiszesz kod żeby wstawiało coś z pliku z langiem

[DawPi]

No jest super. Dziękuję pięknie - widzę stanowimy zgraną parę - Ty obsługujesz wygląd, ja kod.

Jeszcze zmienię sortowanie i modyfikacja gotowa.

[DawPi]

http://forum.invisionize.pl/index.php?autocom=shoutbox podoba się?

[Dr R.I.P]

Ja nic nie widzę :/ Nie ma tej tabelki z top10

Edit:

Ok jest na skinie GRAY!

Bardzo fajny mod

Wow jestem 6 ;D

Edytowane 14 Marca 2009 przez Dr R.I.P

[noob]

Nic nadzwyczajnego

[DawPi]

Nic nadzwyczajnego

Zgadza się. To tylko statystyki shoutboxa.

[DawPi]

Informacja:

Modyfikacja napisana.

Temat zamykam, w razie problemów/pytań itd. odnośnie modyfikacji proszę skorzystać z tematu związanego z daną modyfikacją.