css kodok & HTml kodok a hotdogra és más weblapokra is !

weblap Fejlesztés csak a hotdogon !!


Lángoló linkeffekt

<STYLE type=text/css>a:hover{background: url(http://www.bestanimations.com/Nature/Fire/Explosions/Explode-04-june.gif)}</STYLE>

Nagybetűket mutat 

<style type="text/css">
a:link, a:active, a:visited {color: #000000; font-size: 8pt; text-decoration: none;}
a:hover {color: #000000; font-size: 8pt; text-decoration: none; text-transform: uppercase;}
</style>

 

Reklámdoboz 1. DEMO

A kódban a pirosakat lehet átírni, testreszabni:


background: háttér színe
color: szöveg színe: 
font-family: betűtípus
font-size: betűméret
border-color: keret színe
width: szövegdoboz szélessége
height: szövegdoboz magassága




<!-- DEBUT DU SCRIPT --><DIV ID=ejs_box2_box STYLE="background:#FFFFFF;color:#000000;font-family:Verdana;font-size:12;border-style:solid;border-width:1;border-color:#888888;width:200;height:50;padding:5"></DIV>

<SCRIPT LANGUAGE=JavaScript>

/*

SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT

http://www.editeurjavascript.com

*/

ejs_box2_message = new Array;

ejs_box2_message[0] = 'Figyelemfelkeltő reklámdoboz!';

ejs_box2_message[1] = 'Bármennyi szöveget írhatsz bele!';

ejs_box2_message[2] = 'Beírhatod a frissítéseket is!';

ejs_box2_message[3] = 'Mano Design, hogy szebb legyen az oldalad!';

ejs_box2_actual = 0;

ejs_box2_html_flag = 0;


function ejs_box2_go()

{

if(document.getElementById)

{

ejs_box2_char = 1;

ejs_box2_affich(ejs_box2_actual)

ejs_box2_actual++;

if(ejs_box2_actual >= ejs_box2_message.length)

ejs_box2_actual = 0;

}

}


function ejs_box2_affich(lactual)

{

var pix = ejs_box2_message[lactual].charAt(ejs_box2_char);

if(pix == "<")

ejs_box2_html_flag = 1;

if(pix == ">")

ejs_box2_html_flag = 0;

var texte = ejs_box2_message[lactual].substring(0,ejs_box2_char);

document.getElementById("ejs_box2_box").innerHTML = texte;

if(ejs_box2_char < ejs_box2_message[lactual].length)

{

ejs_box2_char++;

if(ejs_box2_html_flag == 1)

ejs_box2_affich(lactual);

else

setTimeout("ejs_box2_affich("+lactual+")",50)

}

else

setTimeout("ejs_box2_go()",3000)

}


window.onload = ejs_box2_go;

</SCRIPT>

<!-- FIN DU SCRIPT -->

Színváltós link

 

obb alsó modulba tedd, mert csak az előtte szereplő linkekre hat!

 

KÓDJA

<script type="text/javascript">

var couleur;

var b=0;var c=255;d=100;

var obj;

function on(e){

if(!obj){obj=window.Event ? e.target : event.srcElement};

couleur="rgb("+b+","+c+","+d+")";

if(b<=245){b+=10}

else if(b>245 && c>10){c-=10}

else if(d>0){d-=10}

obj.style.color=couleur;

un=setTimeout("on()",10)

}

function off(){

clearTimeout(un);

obj=false;

b=0;c=255;d=100;

this.style.color='ffff00'

}

var liens=document.links;

for(i=0;i<liens.length;i++){

liens[i].onmouseover=on;

liens[i].onmouseout=off;

}

</script>

Link bármilyen színű csíkban

<style type="text/css">
a:hover{background: #FFDAB9;

}
</style>




A pirossal jelzett a szín kódja, ebben az esetben a barackszíné.
Ezt bármilyenre átírhatod, színkódokat találsz pl itt:

Link bármilyen képpel

Itt a kód:

<style type="text/css">
a:hover{background: url(http://gportal.hu/portal/manodesign/image/gallery/1191844521.gif)}
</style>

A vastagon szedett a kép URL címe, ezt írd át az általad választott kép címére ;)

Piros szíves

<style type="text/css">
a:hover{background: url(http://gportal.hu/portal/manodesign/image/gallery/1191844521.gif)}
</style>

Piros lufis

<style type="text/css">
a:hover{background: url(http://gportal.hu/portal/manodesign/image/gallery/1191844506.gif)}
</style>

 

Hóeséses

<style type="text/css">
a:hover{background: url(http://gportal.hu/portal/manodesign/image/gallery/1138877902.gif)}
</style>

Link félkövér lesz 

<STYLE type=text/css>
<!--
a:hover
{font-weight: bolder;  
}

--> 
</STYLE>

Link félkövér lesz 

<STYLE type=text/css>
<!--
a:hover
{font-weight: bolder;  
}

--> 
</STYLE>

Drapp keret

<STYLE type=text/css>
<!--
body 
a:hover
{text-decoration: none;border-style: ridge; border-width: 3px;}

body 
--> 
</STYLE>

Pöttyös keret

<STYLE type=text/css>
A:hover {text-decoration:none;border-style:dotted;border-width:2px;color:#483D8B}
</STYLE>

A piros a keret színe, ezt átírhatod másmilyenre!

Dupla csík a link alatt

<STYLE type=text/css>A:hover {text-decoration:none;border-bottom-style:groove;border-bottom-width: 2px;}</STYLE>

Link effektek

<STYLE type=text/css>
A:hover {color: #7282B3;text-decoration:none;border-bottom-style:dashed; border-top-style:dashed;border-top-width:2 px;
border-bottom-width:2 px; background:"#E1E4F3";
</STYLE>

Amiket átírhatsz:
A piros rész jelzi a link színét, a kék kiemelés a felső szaggatott szegély vastagsága, a sárga kiemelés az alsó szaggatott szegély vastagsága, a zöld a háttér színe.

Színkódokat találhatsz ezen a linken





Weblap látogatottság számláló:

Mai: 8
Tegnapi: 5
Heti: 52
Havi: 316
Össz.: 79 149

Látogatottság növelés
Oldal: Link effektek
css kodok & HTml kodok a hotdogra és más weblapokra is ! - © 2008 - 2024 - csskodok.hupont.hu

Az ingyenes honlapkészítés azt jelenti, hogy Ön készíti el a honlapját! Ingyen adjunk: Ingyen Honlap!

ÁSZF | Adatvédelmi Nyilatkozat

X

A honlap készítés ára 78 500 helyett MOST 0 (nulla) Ft! Tovább »