Suche im Forum:
Suchen


Autor Nachricht
Beitrag29.07.2010 um 16:37 (UTC)    
Titel: Topmenu; Buttons mit Hover Effekt der fadet

Hi,


Also ich bin momentan am basteln einer neuen Seite.
Mein kleines Problemchen ist aber ich möchte nicht mehr das ganz einfache Menu mit einem einfachen Hovermenu sondern das Menü soll so schön faden wie hier im Beispiel:

http://www.blackjacketstudios.com/

Nun, habe ich mit Firebug versucht dahinter zu kommen.
Ich habe auch gegoogelt aber ich wusste leider nicht wo nach ich suchen sollte.
Ich bin da auf Javascript gestoßen, schätze mal das wird mit Javascript bewältigt?
Leider weiß ich so gut wie nichts über Javascript ich code momentan nur mit HTML und CSS.
Kann mir jemand erklären wie ich mein Menü zum faden bekomme?
Hat was mit der opacity zu tun soviel weiß ich.
Und kann mir auch jemand erklären wie ich Javascript in mein HTML dokument einfüge und ob Javascript im HPBK funktioniert?

1. Wie bekomme ich ein Menü also die Buttons zum faden?
2. Wie füge ich Javascript in ein HTML Dokument ein?
3. Funktioniert Javascript auch im HPBK?

Ich weiß diese Fragen werden immer wieder gestellt,
ich sitze aber auch schon seit heut Morgen an meinem Design. -stöhn-seufzt-

MfG, Master-Place

Edit: Mir ist aufgefallen das man, dass nicht nur mit Menu Links machen kann, sondern egal welche buttons da ist immer dieser weiche fade effekt. Erklärt mir das jmd? Bitte, danke.
______________


Zuletzt bearbeitet von master-place am 29.07.2010, 18:38, insgesamt einmal bearbeitet
Beitrag02.08.2010 um 13:18 (UTC)    
Titel:

*Push* ?
______________
Beitrag04.08.2010 um 11:14 (UTC)    
Titel:

*Push*
______________
Beitrag06.08.2010 um 15:18 (UTC)    
Titel:

Ist die Frage schwerer als ich dachte?
Hoffe doch bald findet ein Javascript kundiger meinen Beitrag...

MfG, Master-Place
______________
Beitrag06.08.2010 um 16:09 (UTC)    
Titel:

Hallo,

1. Dachte zuerst an Flash aber ich denke es ist doch Javascript.
Also ich würds so machen:
Arrow 4 Grafiken machen
Eine die den normalen Button im gedrückten und ungedrückten Zustand zeigt.
2 Animationen, für das faden.
Einmal vom ungedrückten Zustand in den gedrückten und umgekehrt.
Den Button würd ich folgendermaßen mit Html machen:
Code:
<a href="deineseite.de.tl"><img src="navi-bild.png" id="navi" /></a>

Fürd die restlichen Zustände die Eventhandler:
-onclick
-onmouseover
-onmouseout

Dann 3 Funktionen machen:
Code:
   
<script type="text/javascript">
function Zeigen1()
{
 
document.getElementById('navi').src = navi-bild-fadein.gif;
}
   function Zeigen2()
{
 
document.getElementById('navi').src = navi-bild-hover.png;
}
   function Zeigen3()
{
 
document.getElementById('navi').src = navi-bild-fadeout.gif;
}
</script>


Damit die Bilder noch ausgetauscht werden, den Link-tag folgendermaßen erweitern:
Code:
<a href="deineseite.de.tl" onclick="Zeigen1(') "onmouseover="Zeigen2()"onmouseout="Zeigen3()"><img src="navi-bild.png" id="navi" /></a>



2.
Code:
<script type="text/javascript">
//Javascript-Code
</script>

3.Ja geht.

Viel Glück noch Wink

mfg

Edit:
Was Copy &Paste alles ausrichten kann Embarassed
______________
Forenregeln, FAQ, Suchfunktion


Zuletzt bearbeitet von philipp7 am 07.08.2010, 10:07, insgesamt 3-mal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de