Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 14

Thema: Schriftfarbe ändern bei MouseOver für Links als Standart???

  1. #1
    Teeny
    Registriert seit
    06.04.2004
    Beiträge
    38
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Schriftfarbe ändern bei MouseOver für Links als Standart???

    Yo Leute. Ich bins nochmal wegen dem Mouse Over.

    Also ich möchte das meine Links auf der GANZEN Seite diese selbe einstellung haben.

    Und zwar so:

    Im Normal Fall sollen sie diese Farbe haben: #FFFFFF

    Bei MouseOver sollen sie diese Farbe bekommen: #00FF00
    und das wichtige dabei ist das sie sich über andere Farbstufen dahin verändern sollen. Beispiel die orangenen Links auf dieser Seite:
    http://www.hoppel-sz.de

    Ich glaube damit ist alles gesagt. Also wäre super nett wenn ihr mir für diesen Fall den Skript geben könntet.


    Danke!!!!!!!!!!!!


    Gruß
    Agent.hamster
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Interessierte/r
    Registriert seit
    08.04.2004
    Ort
    OH,HH,WR
    Beiträge
    131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    versteh ich jetzt nicht ganz..

    also, so wie dus schon hast, nur mit einer anderen farbzusammensetzung?

    oder wie..

  3. #3
    Gast

    Standard

    Ja im Prinzip das selbe nur mit anderen Farben. Aber ich habe es bis jetzt ja noch nie hingekriegt. Das ist mein Problem

  4. #4
    Teeny
    Themenstarter

    Registriert seit
    06.04.2004
    Beiträge
    38
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Wollte nur noch sagen das der Beitrag hier drüber von mit war.

  5. #5
    König(in)
    Registriert seit
    05.04.2004
    Ort
    Salzgitter
    Beiträge
    1.454
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hi Agent.Hamster,

    So, habe gerade Deine Mail gelesen. Es kann natürlich nicht gehen, wenn Du etwas ganz anderes machst, als ich schreibe. Im alten Thread habe ich einen Link zu der fade.js angegeben. Lade diese bitte runter. Ändere nichts außer folgende Zeilen. Und bitte diesmal wirklich nichts anderes. In der Datei, die Du mir geschickt hast, haben die ersten 20-30 Zeilen gefehlt. Kein Wunder, dass nichts geht. Außerdem ist darin auch ein Copyright Hinweis enthalten, den man nicht so einfach entfernen darf !!!

    Ersetze
    Code:
    fadeColor = "#EEEEEE";
    durch
    Code:
    fadeColor = "#00FF00";
    Ersetze
    Code:
    autoFade = false;
    durch
    Code:
    autoFade = true;
    Ersetze
    Code:
    sloppyClass = true;
    durch
    Code:
    sloppyClass = false;
    That's it!

    HTML war soweit in Ordnung, sobald auch ein Link zu finden wäre.
    Beatz
    my $favorite_homepage = array(
    "Multigaming Playhouse" => "http://www.playhouse-multigaming.de"
    );
    my $homepage = array(http://www.mohaa-wiki.de, http://www.berufe-portal.de, http://www.mywibb.de);

  6. #6
    Teeny
    Themenstarter

    Registriert seit
    06.04.2004
    Beiträge
    38
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    hmm. funktioniert imme noch nicht.

    Also das ist der HTML Code mit nem Link:

    Code:
    <html>
    
    <head>
    <script language="JavaScript" src="scripts/fade.js"></script>
    </head>
    
    <body>
    
    
    Link</p>
    </body>
    
    </html>
    und hier der script:

    Code:
    /*****************************************\
    ||       Fade Script Version 3.1         ||
    ||   http&#58;//anarchos.xs.mw/fade.phtml    ||
    ||            &#40;c&#41; July 2001              ||
    || _____________________________________ ||
    || Created by&#58;                           ||
    || Anarchos    > anarchos.xs.mw          ||
    || _____________________________________ ||
    || auto-startColor by Mike West          ||
    || mike@westman.org                      ||
    || _____________________________________ ||
    || uniqueID upgrade by DubMatrix         ||
    || http&#58;//www.princefari.com             ||
    || _____________________________________ ||
    || Color conversion from decimal to      ||
    || hex &#40;dehexize function&#41; by&#58;           ||
    || Litejet > litejet@hotmail.com         ||
    || _____________________________________ ||
    || Fade, hex, setColor functions by&#58;     ||
    || Dak Phoenix > phoenix-archetypes.com  ||
    || _____________________________________ ||
    || domouseover/out based on scripts by   ||
    || The Shadow  > www.icon.co.za/~andrewk ||
    ||                                       ||
    \*****************************************/
    
    /*************
    **** <config>
    **/
    
    fadeColor = "#00FF00";  // color to fade to
    //fadeColor = "#0";
    stepIn = 18; // delay when fading in
    stepOut = 25; // delay when fading out
    
    /* set to true or false; true will
    ** cause all links to fade automatically
    ** &#40;you won't need to add class="fade"&#41;
    ***/
    autoFade = true;
    
    /* set to true or false; true will cause all CSS
    ** classes with "fade" in them to fade onmouseover
    ***/
    sloppyClass = false;
    
    /* set to true or false; true will make the script
    ** work for Macs &#40;IE 5+&#41;, but you will have to give
    ** a name &#40;name="blah"&#41; to each link that you want
    ** to fade.
    ***/
    macCompat = false;
    
    /**
    **** </config>
    **************/
    
    /*************
    **** <install>
    **
    
    Now, once you have customized your fading colors,
    you need to include your customized .js file on
    every page that you want to use it in. You can
    include javascript files using this syntax &#40;in
    the head of a document&#41;&#58;
    
    <script src="fade.js" language="Javascript"></script>
    
    Now that you have the file included, you need to
    setup your links a small bit.  Each link that you
    want to fade needs to use the fade class.
    
    Example&#58;
    
    click here
    
    Also, the link must be plain text.  This means
    that you can't have [b]'s, [i]'s, <font>'s, etc.
    inside of the link.
    
    Example of what not to do&#58;
    
    click here
    
    Have fun!
    -Anarchos-
    
    **
    **** </install>
    **************/
    
    hexa = new makearray&#40;16&#41;;
    for&#40;var i = 0; i < 10; i++&#41;
        hexa&#91;i&#93; = i;
    hexa&#91;10&#93;="a"; hexa&#91;11&#93;="b"; hexa&#91;12&#93;="c";
    hexa&#91;13&#93;="d"; hexa&#91;14&#93;="e"; hexa&#91;15&#93;="f";
    
    document.onmouseover = domouseover;
    document.onmouseout = domouseout;
    
    fadeColor = dehexize&#40;fadeColor.toLowerCase&#40;&#41;&#41;;
    
    var fadeId = new Array&#40;&#41;;
    
    function dehexize&#40;Color&#41;&#123;
            var colorArr = new makearray&#40;3&#41;;
            for &#40;i=1; i<7; i++&#41;&#123;
                    for &#40;j=0; j<16; j++&#41;&#123;
                            if &#40;Color.charAt&#40;i&#41; == hexa&#91;j&#93;&#41;&#123;
                                    if &#40;i%2 !=0&#41;
                                            colorArr&#91;Math.floor&#40;&#40;i-1&#41;/2&#41;&#93;=eval&#40;j&#41;*16;
                                    else
                                            colorArr&#91;Math.floor&#40;&#40;i-1&#41;/2&#41;&#93;+=eval&#40;j&#41;;
                            &#125;
                    &#125;
            &#125;
            return colorArr;
    &#125;
    
    function domouseover&#40;&#41; &#123;
            if&#40;document.all&#41;&#123;
                    var srcElement = event.srcElement;
                    if &#40;&#40;srcElement.tagName == "A" && autoFade && srcElement.className != "nofade"&#41; || srcElement.className == "fade" || &#40;sloppyClass && srcElement.className.indexOf&#40;"fade"&#41; != -1&#41;&#41; &#123;
                                    if &#40;!srcElement.startColor&#41; &#123;
                                            srcElement.startColor = &#40;srcElement.style.color&#41;? srcElement.style.color&#58; srcElement.currentStyle.color;
                                            srcElement.startColor = dehexize&#40;srcElement.startColor.toLowerCase&#40;&#41;&#41;;
                                    &#125;
                                    var link = &#40;macCompat? srcElement.name&#58; srcElement.uniqueID&#41;;
                                    if &#40;link&#41; fade&#40;srcElement.startColor,fadeColor,link,stepIn&#41;;
                                    else if &#40;macCompat&#41; alert&#40;"Error&#58; Mac Compatility mode enabled, but link has no name."&#41;;
                    &#125;
            &#125;
    &#125;
    
    function domouseout&#40;&#41; &#123;
            if &#40;document.all&#41;&#123;
                    var srcElement = event.srcElement;
                    if &#40;&#40;srcElement.tagName == "A" && autoFade && srcElement.className != "nofade"&#41; || srcElement.className == "fade" || &#40;sloppyClass && srcElement.className.indexOf&#40;"fade"&#41; != -1&#41;&#41; &#123;
                            var link = &#40;macCompat? srcElement.name&#58; srcElement.uniqueID&#41;;
                            if &#40;link&#41; fade&#40;fadeColor,srcElement.startColor,link,stepIn&#41;;
                    &#125;
            &#125;
    &#125;
    
    function makearray&#40;n&#41; &#123;
        this.length = n;
        for&#40;var i = 1; i <= n; i++&#41;
            this&#91;i&#93; = 0;
        return this;
    &#125;
    
    function hex&#40;i&#41; &#123;
        if &#40;i < 0&#41;
            return "00";
        else if &#40;i > 255&#41;
            return "ff";
        else
           return "" + hexa&#91;Math.floor&#40;i/16&#41;&#93; + hexa&#91;i%16&#93;;
    &#125;
    
    function setColor&#40;r, g, b, element&#41; &#123;
          var hr = hex&#40;r&#41;; var hg = hex&#40;g&#41;; var hb = hex&#40;b&#41;;
          element.style.color = "#"+hr+hg+hb;
    &#125;
    
    function fade&#40;s,e,element,step&#41; &#123;
            var sr = s&#91;0&#93;; var sg = s&#91;1&#93;; var sb = s&#91;2&#93;;
            var er = e&#91;0&#93;; var eg = e&#91;1&#93;; var eb = e&#91;2&#93;;
    
            if &#40;fadeId&#91;0&#93; != null && fade&#91;0&#93; != element && eval&#40;fadeId&#91;0&#93;&#41;&#41; &#123;
                    var orig = eval&#40;fadeId&#91;0&#93;&#41;;
                    setColor&#40;orig.startColor&#91;0&#93;,orig.startColor&#91;1&#93;,orig.startColor&#91;2&#93;,orig&#41;;
                    var i = 1;
                    while&#40;i < fadeId.length&#41; &#123;
                            clearTimeout&#40;fadeId&#91;i&#93;&#41;;
                            i++;
                    &#125;
            &#125;
    
            for&#40;var i = 0; i <= step; i++&#41; &#123;
                    fadeId&#91;i+1&#93; = setTimeout&#40;"setColor&#40;Math.floor&#40;" +sr+ " *&#40;&#40; " +step+ " - " +i+ " &#41;/ " +step+ " &#41; + " +er+ " * &#40;" +i+ "/" +
                            step+ "&#41;&#41;,Math.floor&#40;" +sg+ " * &#40;&#40; " +step+ " - " +i+ " &#41;/ " +step+ " &#41; + " +eg+ " * &#40;" +i+ "/" +step+
                            "&#41;&#41;,Math.floor&#40;" +sb+ " * &#40;&#40;" +step+ "-" +i+ "&#41;/" +step+ "&#41; + " +eb+ " * &#40;" +i+ "/" +step+ "&#41;&#41;,"+element+"&#41;;",i*step&#41;;
            &#125;
            fadeId&#91;0&#93; = element;
    &#125;

    und wegen dem Copyright, darf ich das Script dann überhaupt benutzen?



    Gruß
    Agent.Hamster

  7. #7
    König(in)
    Registriert seit
    05.04.2004
    Ort
    Salzgitter
    Beiträge
    1.454
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Liegt das fade.js denn im Verzeichnis scripts ???
    Beatz
    my $favorite_homepage = array(
    "Multigaming Playhouse" => "http://www.playhouse-multigaming.de"
    );
    my $homepage = array(http://www.mohaa-wiki.de, http://www.berufe-portal.de, http://www.mywibb.de);

  8. #8
    Teeny
    Themenstarter

    Registriert seit
    06.04.2004
    Beiträge
    38
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Oh ! Bin ich blöd Egal, jetzt klappt es auf jedenfall.

    Wie kriege ich denn jetzt noch beim Mouse Over ein "overline" und "underline" dazu?

    oder pfeile, also so:

    Normal: Link

    Mouse Over: >>Link<<
    natürlich mit der entsprechenden Farbe aber das habe ich ja jetzt!

  9. #9
    König(in)
    Registriert seit
    05.04.2004
    Ort
    Salzgitter
    Beiträge
    1.454
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ich nehme mal an, dass Du StyleSheets verwendest?? Richtig? Dann musst Du bei a:hover folgende Zeile hinzufügen.
    Code:
    text-decoration&#58; overline underline;
    Bei dem zweiten muss ich passen.
    Beatz
    my $favorite_homepage = array(
    "Multigaming Playhouse" => "http://www.playhouse-multigaming.de"
    );
    my $homepage = array(http://www.mohaa-wiki.de, http://www.berufe-portal.de, http://www.mywibb.de);

  10. #10
    König(in)
    Registriert seit
    05.04.2004
    Ort
    Salzgitter
    Beiträge
    1.454
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    So, nun zu zweitens. Ich bilde mich ja auch noch fort
    Folgender Quettext bewirkt, dass vor dem Linktext nun ">>" erscheint:
    Wichtig dabei sind die Parameter onMouseOver und onMouseOut.

    Wenn Du etwas anderes haben willst, schreibe nochmal.
    Beatz
    my $favorite_homepage = array(
    "Multigaming Playhouse" => "http://www.playhouse-multigaming.de"
    );
    my $homepage = array(http://www.mohaa-wiki.de, http://www.berufe-portal.de, http://www.mywibb.de);

Ähnliche Themen

  1. Schriftfarbe bei MySpace ändern???
    Von xxxzuluxxx im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 28.02.2009, 02:07
  2. Wie kann ich die Schriftfarbe ändern ?
    Von Gast im Forum Webanwendungen - Webapplikationen
    Antworten: 7
    Letzter Beitrag: 02.07.2007, 00:51
  3. Schriftfarbe der Beiträge ändern...
    Von danimauserl2 im Forum Webanwendungen - Webapplikationen
    Antworten: 3
    Letzter Beitrag: 25.08.2006, 23:41
  4. Schriftfarbe von Links
    Von Knüps im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 22.03.2006, 14:47
  5. Bei klicken Schriftfarbe ändern
    Von Mir nicht im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 4
    Letzter Beitrag: 21.03.2006, 13:10

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •