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

DawPi · 13 Marca 2009

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 · 13 Marca 2009

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

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

**wareczek** · 13 Marca 2009

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** · 14 Marca 2009

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

DawPi · 14 Marca 2009

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** · 14 Marca 2009

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

DawPi · 14 Marca 2009

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

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

</div>

<tr>

<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>

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

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

</th>

</tr>

<tr>

{$d['announcement']}

{$d['noshouts']}

{$d['nomods']}

<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>

{$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>

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

</td>

</tr>

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

<tr>

{$d['editor']}

</td>

</td>

</tr>

</if>

</table></div>

<tr>

{$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>

</div>

<tr>

<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>

</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 />

<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>

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 · 14 Marca 2009

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 · 14 Marca 2009

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 · 14 Marca 2009

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

**matma4u** · 14 Marca 2009

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 · 14 Marca 2009

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** · 14 Marca 2009

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** · 14 Marca 2009

Czy o to Ci chodziło:

**matma4u** · 14 Marca 2009

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 · 14 Marca 2009

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 · 14 Marca 2009

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

**Dr R.I.P** · 14 Marca 2009

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** · 14 Marca 2009

Nic nadzwyczajnego

DawPi · 14 Marca 2009

Nic nadzwyczajnego

Zgadza się. To tylko statystyki shoutboxa.

DawPi · 14 Marca 2009

Informacja:

Modyfikacja napisana.

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

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

Rekomendowane odpowiedzi

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Ostatnio przeglądający 0 użytkowników

Powiadomienie o plikach cookie