F.A.Q. - style i grafika - [FAQ] Shoutbox
INIM - 23-11-2008, 14:50 Temat postu: [FAQ] Shoutbox Jak przenieść SB w inne miejsce? TUTAJ
Za wygląd shotboksa odpowiadają dwa pliki - shoutbox_body.tpl oraz shoutbox_view_body.tpl. Poza tym w nazwa_stylu.css istnieje klasa .table0. Mam zamiar omówić jak dopasować wygląd SB do naszych potrzeb.
Na początek zajmijmy shoutbox_body.tpl
Rozmiary shuota można zmienić w PA (PA > Shoutbox), lecz jeśli mamy zainstalowanych kilka styli i chcemy aby każdy SB miał inne wymiary, możemy to zrobić poprzez edycje plików.
Dwa razy znajdujemy:
i zamieniamy to na taką wartość, jakiej szerokości ma być shoutbox. Następnie znajdujemy
i zamieniamy to na taką wartość, jakiej wysokości ma być shoutbox.
W shoutbox_view_body.tpl nie ma nic wartego odnotowania. Najlepiej jest ten plik nie ruszać. Natomiast w nazwa_stylu.css już jest co edytować . Standardowo klasa .table0 wygląda tak:
Kod: | .table0
{
background-color : #EFEFEF;
border-bottom-color : #dedede;
border-bottom-style : solid;
border-bottom-width : 1;
border-left-color : #fefefe;
border-left-style : solid;
border-left-width : 1px;
border-right-color : #dedede;
border-right-style : solid;
border-right-width : 1px;
border-top-color : #fefefe;
border-top-style : solid;
border-top-width : 1px;
color : #000000;
font-size : 10px;
} |
background-color odpowiada za kolor tła,
border - wszystkie te bordery odpowiadają za obramowanie pojedyńczej wiadomości w SB,
color- kolor tekstu
font-size - wielkość czcionki
Można tutaj dodać inne atrybuty. Według mnie warto odnotowac tylko:
background-image - obrazek jako tło (background-image: ('images/tlosb.png')) - obrazek oczywiscie należy wgrac do templates/styl/images/
Słówko jak zmienić aby tło komórki, która znajduje sie nad wiadomościami w SB (ta z odnośnikiem do shoutbox.php) było jednolitego koloru, a nie obrazkiem.
W templates/styl/shoutbox_body.tpl znajdujemy:
Kod: | <td class="catHead" align="center" height="25"><span class="cattitle"><a href="{SHOUTBOX_URL}" class="mainmenu" title="{L_ALL_MESSAGES}">ShoutBox</a></span></td> |
Zamieniamy na:
Kod: | <td class="catHeadx" align="center" height="25"><span class="cattitle"><a href="{SHOUTBOX_URL}" class="mainmenu" title="{L_ALL_MESSAGES}">ShoutBox</a></span></td> |
W templates/styl/styl.css znajdujemy:
dodajemy przed tym:
Kod: | td.catHeadx { background-color: XXXXXX; font-size: 12px; border-width: 0px; } |
Gdzie XXXXXX; dajemy kolor taki jaki chcesz.
Modyfikacje shoutboksa:
Autoodświeżanie shoutboksa
Color in SB
User call
Colored user call
Krzykacze
Shoutbox Overlib Smilies
SB w Portalu i/lub w widoku tematów
Odwrócenie kolejności wyświetlania
ShoutBox Pokaż/Ukryj
ShoutBox Smiles
AjaxSB
cypeczek - 08-01-2010, 23:26
Przepraszam ale nie działa link do odwrócenia kolejności wyświetlania.
Bucu - 08-01-2010, 23:27
cypeczek, proszę:
phpBB2 by Przemo :: View topic - Shoutbox - odwrócenie kolejności wyświetlania
to chyba jest to czego szukasz.
|
|
|