Navigationsscript

Dieses Thema im Forum "Webentwicklung" wurde erstellt von PsYc0.com, 15. August 2006 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #1 15. August 2006
    Hi ich möchte für mein Portfolio eine ähnliche Navigation machen wie bei http://www.tactical-teamwork.com!

    Ich hab das Script schon angeschaut, aber irgendwie krieg ich das nicht zum laufen mit meinen änderungen!

    Gibt es irgendwelche Alternativen oder kann mir da jemand helfen der ein bisschen mehr erfahrung mit JavaScript hat als ich?
     

  2. Anzeige
  3. #2 15. August 2006
    Was meinstn du da? lol
    Oben die Buttons?
    die sind doch leicht,oder meinste was anderes.lol
     
  4. #3 15. August 2006
    meinst du die mouse over effekte ?

    kannst du mir javascript oder css lösen :)
     
  5. #4 15. August 2006
    wobei css besser wär.. ^^
     
  6. #5 16. August 2006
    Ja ich suche den Mouseover effekt der auf dieser Page mit Javascript gemacht wurde, aber ich habe es nicht geschafft das Script so umzubauen dass es bei mir funktioniert.
    Ich weiss nicht wo ich den Fehler gemacht habe, da ich einfach ein bisschen zu wenig ahnung von Javascript habe.

    Darum suche ich auch nach einem Alternativen Script das leichter verständlich ist.
     
  7. #6 16. August 2006
    machen wir es in css :) kann jeder :]

    css datei ...

    <style type="text/css">
    a.menu { display:block; margin-bottom:5px; text-align:center; width:16ex;
    border-style:ridge; border-width:3px; padding:2px; text-decoration:none; }

    a.menu:link { color:#00f; background-color:transparent; }
    a.menu:visited { color:#00f; background-color:transparent; }
    a.menu:hover { color:#ff0; background-color:#00f; }
    a.menu:active { color:#ff0; background-color:#a03; }

    </style>


    <div class="menu">
    <a class="menu" href="../../../index.htm">TEST</a>
    <a class="menu" href="../../../index.htm">TEST</a>
    </div>

    links :)

    so wenn du keine farben willst, ersetzt du

    a.menu:hover { color:#ff0; background-color:#00f; }
    a.menu:active { color:#ff0; background-color:#a03; }

    durch background-image: url(mrrobot.gif); anstatt background-color:#00f .... :]
     
  8. #7 16. August 2006
    Hmm ne find ich jetzt zu Kompliziert wenn ich das für jedes Bild und die 2 Links und Rechts 3 CSS Definitionen schreiben muss!

    Das Script braucht nämlich 3 Bilder für links und rechts: 1 wenn kein Button aktiviert ist, 1 wenn links aktiviert ist und 1 wenn rechts aktiviert ist!

    Anders lässt sich das nicht machen wenn die Buttons eine Trennlinie in der Mitte haben.
     
  9. #8 16. August 2006
    Kompliziert?
    CSS ist doch easy. Aber für einen Hover-Effekt ist es mit Java-Script schneller geschrieben:

    Code:
    <p align="center"> <a href="main.html"><img src="button/ENTER1.gif" onmouseover="this.src = 'button/ENTER2.gif'" onmouseout="this.src='button/ENTER1.gif'"border="0">
    
    <p ist eine zentriert ausgerichteter Absatz (dafür des align)
    <a href ist der link auf die main.html
    <img src da kommt jetzt des bild was man sehen soll
    beim onmouseover kommt dan des bild hin was man beim effekt sehen soll.

    mach einach mal copy&paste und ersetze button/ENTER1.gif bzw. button/ENTER2.gif, dann wirste schon sehen wie des funst.

    cu

    *****
     
  10. #9 16. August 2006
    Bei css ist der nachteil, dass der hover nur geht, wenn man über den Link fährt nicht über den Button oder?
     
  11. #10 16. August 2006
    mit css kann man sehr elegant und schnell ein hover für text oder so erzeugen. Bzw. man gibt halt Farbwerte an und so.
    zu deiner frage:
    Man kann es auch mit div´s bauen, aber des ist dann nicht mehr so elegant. Da finde ich es mit java-script . schneller und übersichtlicher.
    Vorteil von CSS, des geht fast in jedem browser - java-script halt nur wenn es eingeschalten ist.

    ich würde waren, wenn ein bild, dann mit java-script, wenn kein bild, dann mit CSS.

    cu

    *****
     
  12. #11 17. August 2006
    Ja stimmt eigentlich alles was ihr sagt aber hilft mir nicht weiter!

    Danke trotzdem!

    Closed...
     

  13. Videos zum Thema