Ugrás a tartalomhoz Lépj a menübe
 


HTML- kód kipróbálása

Írd vagy másold be a HTML kódot, scriptet, stb. és a "Megnézem"- gombbal próbáld ki, majd utána töröld a "Törlés" gombbal. Innen kimásolva átviheted a honlapora is.

----------------------------------------------------------------------------------------------------------------------------------

Egy példa:

Ha a megjelenő szövegre az egeret ráteszed megváltozik a szöveg. Ha a megváltozott szövegre kattintasz, akkor az a honlap jön be, amit az első sorban a HREF= után lévő két idézőjel közé beírtál. (Itt pl. az én második honlapom).

Lila színnel megjelöltem azokat, amit neked kell beírni, a beírt szöveg színe pedig:

STYLE= color": ide írd be a színkódot.

Ezt a kódot jelöld ki a Ctrl+C billentyűkkel és másold  a lenti ábrába a Ctrl+V billentyűkkel, majd  indits a Megnézem-el:

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 

<A HREF="http://www.szakforditastechnika.eoldal.hu" STYLE="color:#0555FA" onMouseOver="document.getElementById?this.style.color='#FF0000':null; document.getElementById?this.innerHTML='KATTINTS IDE ! ':null" onMouseOut="document.getElementById?this.style.color='#0555FA':null; document.getElementById?this.innerHTML='ÁTIRÁNYÍTÁS':null">ÁTIRÁNYÍTÁS</A>

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

 KÓD KIPRÓBÁLÁSA 

(írd be vagy másold be a kódot ebbe a négyzetbe, majd kattins a Megnézem-re, utána töröld)

 

Ezen a honlapon rengeteg szkriptet, webkészítőt és hasonlókat találhatsz! Sokat innen vettem én is!

------------------------------------------------------------------------------------------------------------------------------------------------------------------

-----------------------------------------------------------------------------------------------------------------------------------------------------------------

 SZÍNKÓDOK LETÖLTÉSE

Ezen a színek HTML- kódja található HEXADECIMÁLIS, RGB kifejezésekkel, színpalettával, nagyon praktikus a HTML- kódok szerkesztéséhez Kattins rá és töltsd le. Telepíteni nem kell csak az .exe fájra kattintani.

 SZÍNKÓDOK!

 

Csak Hexadecimális színkód, ha rákattintasz azonnal megjelenik! www.guistuff.com/tools/css/colorhex.htm

----------------------------------------------------------------------------------------------------------------------------------------------------------------

 Saját készítésű gombok:

Próbáld ki és ha  tetszik, akkor a feliratokat (pirossal kijelölve) és a színeket (kékkel kijelölve) a betűtípust és méretet (barnával kijelölve) saját ízlésednek megfelelően megváltoztatva írd be a saját honlapomra:

1./

<INPUT type="button" name="Button" value="ÖSSZETETT SZÍNEK ANGOL NEVE" onMouseOver="this.style.color='cornsilk'" onMouseOut="this.style.color='choccolate'"  style="color:chocolate; font-family:Arial; font-weight:bold;font-size12px;background-image:url(img_19.gif);border-color:cadetblue;

border-width:6px;cursor:hand" onClick="window.open('http://rainbow.arch.scriptmania.com/tools/buttons/colours.html')">

A színek elnevezési kódjait ezen a linken találod!!!

 rainbow.arch.scriptmania.com/tools/buttons/colours.html

 Vagy ha az 1./ pontban leírt Scriptet bemásolod a fenti kódpróbálóba és megnyitod, akkor a megjelenő gombra (ÖSSZETETT  SZÍNEK ANGOL NEVE) kattintva megjelenik a színkód! (ezzel is próbálhatod a gomb szerkesztését).

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Linkre átkapcsoló színezhető feliratos nyomógomb

A gomb és szegélyének színe (piros) a gomb szövege (narancs) és az URL neve (lila) saját ízlés szerint beállítható!

<input type="submit" name="button"  style="background-color:      #ff9900; border-bottom-color: black; border-top-color: black" value="Fordítás"onClick="window.open('http://www.eoldal.hu')">

-------------------------------------------------------------------------------------------------------------------------------------------------------------