Pole szukaj bez rameczki

Facebooktwittergoogle_plusredditpinterestlinkedintumblrmailFacebooktwittergoogle_plusredditpinterestlinkedintumblrmail

szukajZakładam, że nie raz już spotkałeś się z szablonem, gdzie moduł szukaj znajdował się w ładnym elemencie graficznym, i nie było widać jego standardowego obramowania. W przypadku Joomla! 1.5 można to bardzo łatwo to osiągnąć, po pierwsze należy taki element wcześniej przygotować graficznie i umieścić w szablonie w odpowiednim miejscu, następnie za pomocą CSS wykadrować moduł szukaj, tak aby trafił w to miejsce. Następnie w pliku css szablonu np. template.css – dopisać dodatkowy minimalistyczny styl:

.inputbox_bezrameczki {border: 0;}

Następnie w polu Prefiks modułu wpisać: _bezrameczki , pamiętając o dolnym podkreśleniu. I to powinno być na tyle, czasami należy do stylu dodać jeszcze np. margin-top:5px; – aby pole szukajki trafiło dokładnie w swoje miejsce. Tą samą metodą możemy sterować innymi elementami.

Tags:
  • Przydatne jest też wpisanie czasem spacji – możemy wtedy zdefiniować całkowicie osobną klasę, a nie sam prefix.