Súgó:  Csinálhatsz több vagy kevesebb menüpontot is, csak olvasd el figyelmesen ezt a súgót!

!Ahhoz, hogy ilyen menüt csinálj, kell egy teljesen normál menü, ahhonnan majd másolgatni fogsz.

1. A kódot jelöld ki és másold oda, ahol majd tudod egy kicsit alakítani (pl word)

2. Kiválasztasz egy menüpontot, legyen ez a vendégkönyv. Rámész az egérrel, jobb gombbal rákattintasz, és keresel egy olyat, hogy tulajdonságok! (legalul van amúgy). Megjelenik egy tábla, ott mindenféle felirat, te keresd meg azt a részt, hogy cím. Ezután lesz egy http:// -vel kezdődő címed (szerepel benne az a szó is, hogy gindex). Ezt másold ki!

3. A kódban a pirossal jelölt rész helyére illeszd be!

4. A kódban a zölddel jelölt részt írd át amire szeretnéd, ez lesz a menüpont neve (jelen esetben ez a vendégkönyv)

valami ilyesmit fogsz látni:

<A HREF="//gportal.hu/gindex.php?pg=5729099">Vendégkönyv<BR><BR>

5. A kódnak ezt a részét (most pirossal jelölve) többszörösítheted (ekkor több menüpont jelenik meg) vagy ha csak egy menüpontot akarsz, törölheted. Csak a címeket és a feliratokat (pirossal és zölddel jelölt részek) kell megváltoztatnod!

6. Ha megvan a kész kódod, másold be a <>-jel közé, és okézd le. Ezután a szövegszerkesztőben igazíthatod középre, változtathatod a betűtípust, más szövegeket írhatsz alá (az nem lesz színváltós) stb. Sajnos ha új menüpontot akarsz csinálni hozzá, akkor nem elég a kódba belenyúlni, mert az már módosult közben, hanem az eredeti kódot kell újraalkotni! Nem olyan bonyolult amúgy, mégha annak is tűnik!

Lássuk a kódot! -->

<!-- *** Part 1*** -->

<!-- Examples -->

<!-- Example of  Normal LINK -->
<A HREF="//gportal.hu/gindex.php?pg=5727361">Bugyborékoló egér<BR><BR><!-- Example of  Normal LINK -->
<A HREF="//gportal.hu/gindex.php?pg=5726483">Súgó!<BR><BR><!-- Example of  Normal LINK -->
<A HREF="//gportal.hu/gindex.php?pg=5729099">Vendégkönyv<BR><BR>

<!-- ***Part 2*** -->
<!-- Copy-Paste the code below into your HTML document -->
<!--  just above </BODY> Tag -->

<SCRIPT LANGUAGE="JavaScript">
<!-- ;

/*********************************************************************/
/* Rainbow Links or Text                                             */
/* This script and many more are available free online at            */
/* http://rainbow.arch.scriptmania.com                               */
/*                                                                   */
/* Usage:                                                            */
/* Insert just above end/close BODY Tag,                             */
/* For Links                                                         */
/* You don't need to add "onMouseover" and "onMouseout" attributes!! */
/*                                                                   */
/* If you'd like to add effect to other text, then                   */
/* add 'onmouseover="doRainbow(this);"' and                          */
/* 'onmouseout="stopRainbow();"' to the target tags.                 */
/*                                                                   */
/* This Script works with IE4,Netscape6,Mozilla browser and above,   */
/* but no error occurs on other browsers.                            */
/*********************************************************************/

// Setting
//- SPEED CAN BE CHANGED HERE -

var rate = 25;  // Increase-Decrease amount ( Higher=Faster )

// - DO NOT ALTER BELOW -
// Main routine

if (document.getElementById)
window.onerror=new Function("return true")

var objActive;
var act = 0; 
var elmH = 0;
var elmS = 160;
var elmV = 225;
var clrOrg; 
var TimerID;

if (document.all) {
    document.onmouseover = doRainbowAnchor;
    document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
    document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
    document.onmouseover = Mozilla_doRainbowAnchor;
    document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{
    if (act == 0) {
        act = 1;
        if (obj)
            objActive = obj;
        else
            objActive = event.srcElement;
        clrOrg = objActive.style.color;
        TimerID = setInterval("ChangeColor()",100);
    }
}
function stopRainbow()
{
    if (act) {
        objActive.style.color = clrOrg;
        clearInterval(TimerID);
        act = 0;
    }
}
function doRainbowAnchor()
{
    if (act == 0) {
        var obj = event.srcElement;
        while (obj.tagName != 'A' && obj.tagName != 'BODY') {
            obj = obj.parentElement;
            if (obj.tagName == 'A' || obj.tagName == 'BODY')
                break;
        }

        if (obj.tagName == 'A' && obj.href != '') {
            objActive = obj;
            act = 1;
            clrOrg = objActive.style.color;
            TimerID = setInterval("ChangeColor()",100);
        }
    }
}
function stopRainbowAnchor()
{
    if (act) {
        if (objActive.tagName == 'A') {
            objActive.style.color = clrOrg;
            clearInterval(TimerID);
            act = 0;
        }
    }
}
function Mozilla_doRainbowAnchor(e)
{
    if (act == 0) {
        obj = e.target;
        while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
            obj = obj.parentNode;
            if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
                break;
        }

        if (obj.nodeName == 'A' && obj.href != '') {
            objActive = obj;
            act = 1;
            clrOrg = obj.style.color;
            TimerID = setInterval("ChangeColor()",100);
        }
    }
}
function Mozilla_stopRainbowAnchor(e)
{
    if (act) {
        if (objActive.nodeName == 'A') {
            objActive.style.color = clrOrg;
            clearInterval(TimerID);
            act = 0;
        }
    }
}
function ChangeColor()
{
    objActive.style.color = makeColor();
}
function makeColor()
{
   
    // HSVtoRGB
    if (elmS == 0) {
        elmR = elmV;    elmG = elmV;    elmB = elmV;
    }
    else {
        t1 = elmV;
        t2 = (255 - elmS) * elmV / 255;
        t3 = elmH % 60;
        t3 = (t1 - t2) * t3 / 60;

        if (elmH < 60) {
            elmR = t1;  elmB = t2;  elmG = t2 + t3;
        }
        else if (elmH < 120) {
            elmG = t1;  elmB = t2;  elmR = t1 - t3;
        }
        else if (elmH < 180) {
            elmG = t1;  elmR = t2;  elmB = t2 + t3;
        }
        else if (elmH < 240) {
            elmB = t1;  elmR = t2;  elmG = t1 - t3;
        }
        else if (elmH < 300) {
            elmB = t1;  elmG = t2;  elmR = t2 + t3;
        }
        else if (elmH < 360) {
            elmR = t1;  elmG = t2;  elmB = t1 - t3;
        }
        else {
            elmR = 0;   elmG = 0;   elmB = 0;
        }
    }

    elmR = Math.floor(elmR).toString(16);
    elmG = Math.floor(elmG).toString(16);
    elmB = Math.floor(elmB).toString(16);
    if (elmR.length == 1)    elmR = "0" + elmR;
    if (elmG.length == 1)    elmG = "0" + elmG;
    if (elmB.length == 1)    elmB = "0" + elmB;

    elmH = elmH + rate;
    if (elmH >= 360)
        elmH = 0;

    return '#' + elmR + elmG + elmB;
}
// end hide -->
</SCRIPT>