Hilfe bei jQuery Rainbow (shadow FX auf Texte)

[mint]

Hallo, ich habe mir mit CSS3 einen Shadow Effekt (als Hover FX) im Menü gelegt. So schön und so Gut. Nur wird es nicht in jedem Browser so angezeigt wie ich es gerne hätte. Nun habe ich nach einem jQuery Plug geschaut und mir das Rainbow Tool geladen:



Könnt Ihr mir helfen, wie ich es in mein Menü einbaue ?

Folgendes ist klar:

<script src="js/jquery-1.4.3.min.js" type="text/javascript"></script>
<script src="js/rainbows.js" type="text/javascript"></script>

Hier ist noch der Code vom Menü:

<div id="naviside">

 
<ul id="qm0" class="qmc">

    <li id="active"><a href="index.html">... Start</a></li>

    <li><a class="qmparent" href="profil.html">... Profil</a></li>
    
    <li><a class="qmparent" href="ideen.html">... Ideenportal</a></li>
    
             <li><a class="qmparent" href="referenzen.html">... Referenzen</a></li>

    <li><a class="qmparent" href="muster.html">... Natursteinmuster</a></li>

    <li><a class="qmparent" href="kontakt.html">... Kontakt</a></li>

<li class="qmclear">&nbsp;</li></ul>

Und die Stylesheets zum Menü:

#naviside,#qm0 a    
    {    
        padding:0px 20px 3px 3px;
        background-color:transparent;
        color:#CCC;
        font-family:Cantarell-Regular, Arial, Helvetica, sans-serif;
        font-size:16px;
        line-height:1.3em;
        text-decoration:none;
    
        
    }


    /*"""""""" (MAIN) Hover State""""""""*/    
    #qm0 a:hover    
    {    
    text-shadow: -1px 0px 4px #ffffff; font-size: 16px;font-weight:bold; color:#ffffff;
    
    }
li#active a {
    
    text-shadow: -1px 0px 4px #ffffff; font-size: 16px;font-weight:bold; color:#ffffff;
    
}
    
    /*"""""""" (MAIN) Active State""""""""*/    
    body #qm0 .qmactive, body #qm0 .qmactive:hover    
    {    
    text-shadow: -1px 0px 4px #ffffff; font-size: 16px;font-weight:bold; color:#ffffff;

    }


    /*"""""""" (SUB) Container""""""""*/    
    #qm0 div, #qm0 ul    
    {    
        padding:5px;
        background-color:#000000;
        border-width:1px;
        
    
    }


    /*"""""""" (SUB) Items""""""""*/    
    #qm0 div a, #qm0 ul a    
    {    
        padding:3px 20px 3px 5px;
        color:#CCCCCC;
        font-size:11px;
        
    
    }


    /*"""""""" (SUB) Hover State""""""""*/    
    #qm0 div a:hover, #qm0 ul a:hover    
    {    
        color:#FFC639;
        text-decoration:underline;
    }


    /*"""""""" (SUB) Active State""""""""*/    
    body #qm0 div .qmactive, body #qm0 div .qmactive:hover    
    {    
        color:#333;
        text-decoration:underline;
    }

</style>

Danke für Hilfe, Gruß Mint

 

[Myhar]

AW: Hilfe bei jQuery Rainbow (shadow FX auf Texte)

Wobei brauchst du jetzt genau Hilfe? Auf der von dir verlinkten Seite ist eine Schritt für Schritt Anleitung.
Und bitte verwende die [ CODE ] [ /CODE ] Werkzeuge um einen Code zu posten.

 

[mint]

AW: Hilfe bei jQuery Rainbow (shadow FX auf Texte)

Hallo, ich bin noch in der Lernphase. Ich weiß
nicht, wie ich meine Navigation bzw. Hover
anspreche um den Shadow-Effekt zu realisieren.
Mit der Beschreibung komme ich nicht weiter.

Danke & Gruß, Mint

 

[Myhar]

AW: Hilfe bei jQuery Rainbow (shadow FX auf Texte)

Dann solltest du dich mit den Grundlagen von HTML und CSS beschäftigen und erst dann, wenn du dieses auch nur halbwegs beherrscht dich an solche Javascript Spielereien heranwagen. Ich sehe keinen Sinn darin, eine Inhaltsangabe bzw. Zusammenfassung der ausführlichen Beschreibung auf der Seite zu liefern.
Baue vielelicht erst einmal die Beispiele von der, dann verstehst du die Funktionsweise wohl besser.