Ajax shoutbox - problem z wstawieniem w ramkę

[wladek312]

Witam
Zainstalowałem na stronie moduł shoutboxa lecz gdzie bym go nie wstawiał, czy z prawej strony czy z lewej czy na dole czy na górze to wyświetla się bez ramki i wygląda to niezbyt estetycznie, podejrzewam że można to naprawić drobną modyfikacją pliku css templatki ale się na tym zbytnio nie znam :blink:. Bardzo proszę o wskazówki co z tym zrobić.
Oto link do stronki http://mmotop.pl (http://mmotop.pl/)

Jeszcze jeden problem zauważyłem, czasami tekst w menu wychodzi poza ramkę, w css znalazłem tylko opcję odpowiadającą za szerokość ramki a z tym tekstem nie wiem co zrobić.

[wladek312]

To nikt mi nie pomoże?:(

[alex51]

Myślę, że najlepiej pomógłby Ci Firefox+Firebug. Wskażą Ci plik odpowiedzialny za wygląd shoutboxa, który znajdziesz w ścieżce: modules/mod_shoutbox/css/mod_shoutbox.css. Zacznij od sprawdzenia i dostosowania rozmiarów okna tego modułu, by pasowało do szerokości pozostałych modułów. Zerknij w tym celu do wiersza nr 7 pliku mod_shoutbox.css.
Osobiście polecam innego shoutboxa, dostosowanego dla potrzeb Joomla 1.5 - ShoutBox 1.2 (http://nospor.pl/shoutbox.html) © Robert (nospor) Nodzewski, po polsku, napisany przez rodaka i dający się ustawiać do swoich potrzeb. Jeśli zdecydujesz się go przetestować, to pobieraj plik mod_nshoutbox1.1.1.zip. (http://nospor.pl/download/idfolder/24/)

[wladek312]

Zmiana szerokości i wysokości nic nie zmienia ale skorzystam z shoutboxa do którego podałeś link, wielkie dzięki za pomoc :)


Niestety i z tym nowym shoutboxem mam problem, tyle że tym razem chodzi o ustawienie kolorów bo przy tych które są ustawione nie da się rozczytać wiadomości, zmiana kolorów w css nic nie daje, tam są podane dziwne kolory np: #ddd czy #aaa a normalny kolor rgb powinien chyba składać się z 7 znaków?:blink:

[alex51]

#ddd to skrót dla wartości #DDDDDD

Chcąc dostosować wygląd shoutboxa do pozostałych modułów możesz spróbować określić tło pola wiadomości, które wyznacza poniższy wpis z wiersza 100 w pliku ShoutBox.css:


.sb_message_owner {
margin-bottom: 5px;
background-color: DDD#;
}

Kolor tła używanego w pozostałych modułach można pobrać z pliku template.css wiersz 83:


#bg_top {
background:url("../images/top_bg.png") no-repeat scroll center top transparent;
height:65px;
margin:0 auto;
width:1000px;
}

i wstawić do w/w pliku ShoutBox.css w wierszu 100, zmieniając jedynie ścieżkę do pliku top_bg.png, który znajduje się w katalogu images Twojego szablonu, stąd należy podać taką ścieżkę, jak pokazałem pogrubionym drukiem.
Tak więc zamiast takiego wpisu, który był dotychczas w wierszu 100 w pliku ShoutBox.css:


.sb_message_owner {
margin-bottom: 5px;
background-color: DDD#;
}
wstaw taki:

.sb_message_owner {
margin-bottom: 5px;
background:url("..templates/Diablo3/images/top_bg.png") no-repeat scroll center top transparent;
}
a tło pola wstawiania wiadomości powinno upodobnić się do tła widocznego w pozostałych modułach.

[wladek312]

Wielkie dzięki :)