Hallo! Also ich habe an meinem Schul-Mini-Projekt weitergearbeitet. Nun habe ich eine Navigationsleiste, wo ch auch einen Roll-over Effekt möchte! Die einzelnen Buttons sind schräg (45 Grad). Wie macht man nun einen Roll-over Effekt im Dreamweaver bei dieser Navigationsleiste! Wäre sehr nett wenn mir jemand helfen würde! Danke
Antworten zum Thema „Navigationsleiste + Rollover“
Quoten-Farbiger
ist der bereich der nachher durchsichtig sein soll auch transparent ? also pur transparent ?
Quoten-Farbiger
Jetzt habe ich dein Problem erkannt und verstanden, danke für die Mail.
Es ist eigentlich eine ganz einfache Lösung und zwar mußt du die Button in Layer plazieren. dann funktioniert es auch, da Photoshop nunmal nur "eckig" speichern kann. Falls du Fragen zu layern hast einfach bei mir melden.
[erster text: mist hab vergessen mich einzuloggen]
Es ist eigentlich eine ganz einfache Lösung und zwar mußt du die Button in Layer plazieren. dann funktioniert es auch, da Photoshop nunmal nur "eckig" speichern kann. Falls du Fragen zu layern hast einfach bei mir melden.
[erster text: mist hab vergessen mich einzuloggen]
Quoten-Farbiger
hey maik, hab das eben mal wieder heil gemacht und den beitrag gelöscht
Quoten-Farbiger
bzw du setzt die buttongrafiken per CSS näher anneinander ran, als normal, so das sie sich überschneiden, dann funzt es auch.
Layer braucht man dazu nicht unbedingt
Layer braucht man dazu nicht unbedingt
@ anti
danke !!!
@jezek
so ungefähr würde der html code mit css aussehen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.unnamed0 {
overflow: auto;
position: absolute;
visibility: visible;
z-index: auto;
left: 0px;
top: 0px;}
.unnamed1 {
overflow: auto;
position: absolute;
visibility: visible;
z-index: auto;
left: 165px;
top: 0px;}
.unnamed2 {
overflow: auto;
position: absolute;
visibility: visible;
z-index: auto;
left: 330px;
top: 0px;
}
-->
</style>
</head>
body
img src="hier dein Bilderlink" width="193" height="34" class="unnamed0">img src="hier dein Bilderlink" width="193" height="34" class="unnamed1">img src="hier dein Bilderlink" width="193" height="34" class="unnamed2">
/body
</html>
mußte die < tags bei body und img entfernen da der quellcode sonst nicht angezeigt wird.
danke !!!
@jezek
so ungefähr würde der html code mit css aussehen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.unnamed0 {
overflow: auto;
position: absolute;
visibility: visible;
z-index: auto;
left: 0px;
top: 0px;}
.unnamed1 {
overflow: auto;
position: absolute;
visibility: visible;
z-index: auto;
left: 165px;
top: 0px;}
.unnamed2 {
overflow: auto;
position: absolute;
visibility: visible;
z-index: auto;
left: 330px;
top: 0px;
}
-->
</style>
</head>
body
img src="hier dein Bilderlink" width="193" height="34" class="unnamed0">img src="hier dein Bilderlink" width="193" height="34" class="unnamed1">img src="hier dein Bilderlink" width="193" height="34" class="unnamed2">
/body
</html>
mußte die < tags bei body und img entfernen da der quellcode sonst nicht angezeigt wird.
Willkommen auf PSD-Tutorials.de
In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.
Nächster neuer Gratisinhalt
03
Stunden
:
:
25
Minuten
:
:
19
Sekunden
Flatrate für Tutorials, Assets, Vorlagen
Statistik des Forums