+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: problem z menu (/thread-problem-z-menu--1686)
problem z menu - lemuś - 28-05-2009
Witam, mam menu w takim pliku
i mam też pocięty plik który podświetla
I teraz mam pytanie ? Jak zrobić zeby zastosować te podświetlenie w praktyce. Czyli zeby ten pliczek obr.jpg nanieść na plansze graficzną menu.jpg Próbowałem juz rożnymi sposobami ehhh nie udało się .
Proszę o jakieś sensowne rozwiązanie.
Pozdrawiam
RE: problem z menu - Guszczyn - 28-05-2009
zrobic opcje gdy najezdzasz myszka to pojawia sie ten drugi np tym kodzikiem(sprawdz bledy pisany z pamieci xd;P)
Kod:
<img src="3677187-menu.jpg" onmouseover="this.src='7088178-obr.jpg';" onmouseout="this.src='7088178-obr.jpg';" />chyba jakos tak to bylo;P
RE: problem z menu - lemuś - 28-05-2009
Ogólnie to nie sprawdza rozwiązania, ponieważ znika mi plansza menu.jpg jak najadę myszką na obr.jpg., a inne pozycje mają się też podświetlać.
RE: problem z menu - KowR - 28-05-2009
Witaj.
Od tak (w HTML/XHTML):
Kod:
<a href="link" class="menu">Strona Główna</a>
<a href="link" class="menu">Galeria</a>
<a href="link" class="menu">Kontakt</a>A w CSS od tak:
Kod:
a.menu {
margin:0px;
padding:0px; // ustaw tak manipulując nimi aby tekst był od góry jakieś 5 px (zależy od obrazka)
background:url(images/grafika.jpg);
width:40px; // ustal swoją szerokość przycisku
height:20px; // ustal wysokość przycisku
text-decoration:none;
font-family:Tahoma; // czcionka
font-size:10px; // wielkość czcionki
color:#ffffff; // kolor czcionki
text-align:center;
border:none;
display:block;
float:left;
}
a.menu:hover {
margin:0px;
padding:0px; // ustaw tak manipulując nimi aby tekst był od góry jakieś 5 px (zależy od obrazka)
background:url(images/grafika_hover.jpg);
width:40px; // ustal swoją szerokość przycisku
height:20px; // ustal wysokość przycisku
text-decoration:none;
font-family:Tahoma; // czcionka
font-size:10px; // wielkość czcionki
color:#ffffff; // kolor czcionki
border:none;
text-align:center;
border:none;
display:block;
float:left;
}Pisane z palca.
Pozdrawiam i życzę miłego dnia.
Rodi.
RE: problem z menu - Labsta.com - 28-05-2009
http://websta.pl/szybkie-triki/szybkitrik-obrazek-z-efektem-hover-rollover-w-css
Myślę, że po małej modyfikacji to pomoże.
RE: problem z menu - lemuś - 28-05-2009
rodi wszystko dobrze tylko ja nie mogę użyć domyślnej czcionki muszę dać to jako obrazek z czcionką - wiec odpada
labsta no niby fajny pomysł już widziałem go gdzieś, ale chodzi mi nie o same podświetlanie tylko, np. jak jestem na jakieś stronie to zeby mi świeciło na stałe.
RE: problem z menu - KowR - 29-05-2009
To nic tudniejszego? Robisz wszystko to co napisałem
Tylko kasuje z XHTMLa tekst: "Strona Główna", "Galeria", "Kontakt". Kod:
<a href="link" class="menu"></a>
<a href="link" class="menu"></a>
<a href="link" class="menu"></a>A z CSSa wystarczy, że skasujesz:
Kod:
font-family:Tahoma;
font-size:10px;
color:#ffffff;
text-align:center;Resztę zostawiasz tak jak napisałem.
Jak zrobić na stałe podświetlenie? Np. tak:
Kod:
<a href="link" class="menu_active"></a>W CSSie robisz tylko:
Kod:
a.menu_active {
margin:0px;
padding:0px;
background:url(images/grafika_active.jpg);
width:40px; // ustal szerokość przycisku
height:20px; // ustal wysokość przycisku
text-decoration:none;To tyle.
Proste, a cieszy.