PDA

Zobacz pełną wersję : Jak dodać własną klasę do elementu w Easybook



zborek
03-08-2009, 16:05
Witam,

księga gości jaką jest Easybook ma możliwość dodawania obrazków do wypowiedzi, jednak nie ma opisanych parametrów tychże. Więc jeżeli gość wpadnie na pomysł wklejenia obrazka o szerokości 3200px to rozniesie w ten sposób stronę; żeby temu zapobiec wprowadziłem klasę .easy_content img z nadaną na sztywno szerokością ale w ten sposób wpadłem na minę z emotikonami - one też podlegają tej klasie i rozrastają się do zdefiniowanych rozmiarów...

Moje pytanie jest takie: gdzie w kodzie componentu można dopisać klasę albo dla emotikon albo dla obrazków, tak żeby skalowanie obejmowało tylko jeden z tch elementów?
Ewentualnie jakie inne rozwiązanie można zastosować żeby uprzedzić gości z dużymi zdjęciami :)

Dzięki i pozdrawiam


Joomla 1.5.13
Easybook 2.0 rc4

malkowitch
05-08-2009, 23:49
Poszukaj o Template Overrides
lub zajrzyj tu:
http://wiki.joomla.pl/Beez/Przes%C5%82anianie_standardowych_szablon%C3%B3w

zborek
06-08-2009, 11:58
Nie wiem czy Template Overrides działa na custom templates...
W każdym bądź razie sam znalazłem rozwiązanie:

wystarczy dodać klasę do komponentu easybook:

0:/../components/com_easybook/helpers/content.php

w linii 36:


if ($ebconfig->get('support_pic', false)) $message = preg_replace("#\[img\](.*?)\[/img\]#si", "<img src=\"\\1\" />", $message);
wystarczy wpisać własną dowolną nazwę klasy:


if ($ebconfig->get('support_pic', false)) $message = preg_replace("#\[img\](.*?)\[/img\]#si", "<img src=\"\\1\" class='message_images' />", $message);
Ja dodałem class='message_images', ale nazwa klasy nie ma znaczenia, istotne jest tylko żeby była unikatowa.

Teraz wystarczy w głównym kodzie css strony dopisać linijkę:


#easybook .easy_content img.message_images {width: 400px;}
i w powyższym przykładzie otrzymamy zdjęcia w księdze o szerokości przeskalowanej na 400px.

Podsumowując:
dopisanie klasy w kodzie komponentu skutkuje tym, że każdy obrazek dodany w panelu 'wpisz się do księgi' zostanie automatycznie przypisany do niej, co umożliwia jego modyfikacje bez zmian innych obrazków występujących w komponencie.

Pozdrawiam,
Grzesiek.