PDA

Zobacz pełną wersję : CSS - zmieniające się obrazki po wskazaniu myszką na linku



MatMc
02-10-2010, 22:08
Witajcie,
Robię atlas internetowy
chciałbym, aby po "najechaniu" myszką na link (tekstowy)
obok pojawiało się zdjęcie- (a:hover)

aktywnych linków - będzie sporo, a zdjęcia będą różne...
przykładowo:
napis-link "BMW" - po najechaniu myszką - logo BMW
napis-link "Mercedes" - po najechaniu myszką - logo Mercedesa

jak się za to zabrać?
jestem ciemny jak tabaka w rogu, bo zaczynam dopiero przygodę z Joomlą, a na domiar złego - o CSS też nic nie wiem.

pozdrawiam i proszę o wyrozumiałość.

edit:
w katalogu - tempates/css znalazłem plik editor.css, a w nim linię -
a:hover, a.hover

jak dalej to ugryźć?

EkleErs
03-10-2010, 01:54
Witam np jak to menu
PA->Menu->mainmenu -> Start -> Parametrry: systemu -> Grafika menu [select] (grafika z folderu joomla/images/stories)

Rozszerzenia->Moduly \/
mod_mainmenu -> Pozostałe parametry -> Ikony w menu [TAK]

css


.menu img{display:none;}
.menu a:hover img{display:block;}jak link w art.


<a href="#" class="hoverimg"><span>BMW</span><img src="joomla/images/stories/BMW.jpg" alt="BMW"/></a>css

.hoverimg img{display:none;}
.hoverimg:hover img{display:block;}+przeczytac jakis kurs CSS
+"jestem ciemny jak tabaka w rogu, bo zaczynam dopiero przygodę z Joomlą, a na domiar złego - o CSS też nic nie wiem." = ZRoB cos Z TYM! albo odpusc sobie

alex51
03-10-2010, 07:54
Zdecydowanie popieram stanowisko kolegi @EklErsa, jednak może uda Ci się bez głębszej znajomości CSS, wykorzystując dodatek css chmurka (http://danielg28.pl/component/content/article/1-dodatki-do-joomla/9-plugin-csschmurka.html). Daje od m.in. możliwość dodawania chmurki zawierającej wybrany obrazek do odpowiedniego słowa w tekście.

pyziak
03-10-2010, 09:26
Lub zastosować jakiś tooltip (http://extensions.joomla.org/extensions/style-a-design/tooltips)