Virág Design - G-Portál

AJÁNLOM AZ OLDALT

Html alapok-kódok

HTML Codes
Some html codes below for you.

Alignment

Left.
<div ALIGN="LEFT"></div>
Right.
<div ALIGN="RIGHT"></div>
Center.
<div ALIGN="CENTER"></div>

Backgrounds

Normal.
<body background="URL">
Fixed.
<body background="URL" bgproperties="fixed">
Color.
<body bgcolor="COLOR CODE">

Buttons

Radio.
<input type="radio" value="???" name="???" />

Push.
<input type="submit" value="???" name="???" />

Check box.
<input type="checkbox" value="???" name="???" />

File.
<input type="file" value="???" name="???" />

Password.
<input type="password" value="???" name="???" />

Cursors

Change Cursor.
<style type="text/css"> BODY{cursor:crosshair}//--></style><style><--BODY{cursor:TYPE THE CURSOR YOU WANT HERE}//--></style>

Words that trail mouse.
<scriptlanguage="JavaScript" src="http://www.boomspeed.com/htmlcodes/texttrail.js" type="text/javascript" id="properties"message="URmessageHERE" colour="URHERE" font="Arial"></script>

Custom Cursor.
<style type="text/css">BODY{cursor: url('URL OF YOUR CURSOR');}</style>

Falling Images

Falling Images.
<table width=55 style=position:absolute;top:100;left:200><marquee direction="down" scrolldelay="17" scrollamount="2" height="1500"><img src="PIC" url"URL" /></marquee></table><table width=55 style=position:absolute;top:0;left:375><marquee direction="down" scrolldelay="15" scrollamount="2" height="1500"><img src="PIC" url"URL" /></marquee></table><table width=55 style=position:absolute;top:0;left:375><marquee direction="down" scrolldelay="15" scrollamount="2" height="1500"><img src="PIC" url"URL" /></marquee></table><table width=55 style=position:absolute;top:220;left:500><marquee direction="down" scrolldelay="20" scrollamount="2" height="1500"><img src="PIC" url"URL" /></marquee></table><table width=55 style=position:absolute;top:75;left:675><marquee direction="down" scrolldelay="17" scrollamount="2" height="1500"><img src="PIC" url"URL" /></marquee></table><table width=55 style=position:absolute;top:110;left:200><marquee direction="down" scrolldelay="17" scrollamount="5" height="1500"><img src="PIC" url"URL" /></marquee></table><table width=55 style=position:absolute;top:0;left:375><marquee direction="down" scrolldelay="15" scrollamount="5" height="1500"><img src="PIC" url"URL" /></marquee></table><table width=55 style=position:absolute;top:0;left:375><marquee direction="down" scrolldelay="15" scrollamount="5" height="1500"><img src="PIC" url"URL" /></marquee></table><table width=55 style=position:absolute;top:220;left:500><marquee direction="down" scrolldelay="20" scrollamount="5" height="1500"><img src="PIC" url"URL" /></marquee></table><table width=55 style=position:absolute;top:75;left:675><marquee direction="down" scrolldelay="17" scrollamount="5" height="1500"><img src="PIC" url"URL" /></marquee></table>

Font Stuff

Font Color.
<font color=COLOR></font>

Font Type.
<font face="FONT NAME">TEXT GOES HERE</font>

Font Size.
<font size="SIZE">TEXT HERE</font>

All Three.
<font color="COLOR" size="SIZE" face="FONT TYPE">MESSAGE</font>

Bold.
<b>TEXT HERE</b>

Italics.
<i>TEXT HERE</i>

Underlined.
<U>TEXT HERE</U>

Strike-out.
<S>TEXT HERE</S>

Shadowed Text.
<table border="O"style=filter:shadow(color=#00a0ff,strenght=30)">TEXT HERE</table>

Glow Text.
<table border="O"style=filter:glow(color=#00a0ff,strenght=30)">TEXT HERE</table>

Blurred Text.
<table border="O"style=filter:blur(color=#00a0ff,strenght=30)">TEXT HERE</table>

Hover Tags

Blurry.
<style type="text/css"></style>

Glow.
<style type="text/css"></style>

Flip Words.
<style type="text/css"></style> <br />

Shadowed.
<style type="text/css"></style>

Upside Down.
<style type="text/css"></style>

Bordered.
<style type="text/css"></style>

Background.
<style type="text/css"></style>

Letter Spacing.
<style type="text/css"></style>

Text Size.
<style type="text/css"></style>

Sound on Mouseover.
<bgsound id="soundfiles" /> <br /> <script language="JavaScript" type="text/javascript"></script> <br />

Images

Normal.
<img src="URL" alt="Description" />

Linking Image.
<a href="Site URL Here"><img src="Image URL Here" border="0" /></a>

Linking Image with a Border.
<a href="Site URL Here" /></a><img src="URL" alt="Description" /></a>

Image with Border.
<img style="border:#COLOR 6px SOLID" src="picture" url"url" />

Links

Normal.
<a href ="URL">TEXT</a>

Open in New Window.
<a href=" *" onClick="crush=window.open('Site Url','popup','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=768,height=588');return false;"><img src="Img Url" border="0"></a>

Aim screen name.
<a href="aim:goim?screenname=SCREENNAME&message=MESSAGE">The link Text</a>

Hover Image.
<style type="text/css">A,TD,P,font {COLOR:none;FONT-FAMILY: arial; FONT-SIZE:8pt; TEXT-DECORATION: none}A:link { text-decoration:none; color:COLOR}A:visited { text-decoration:none; color:COLOR}A:hover { text-decoration:none; color:COLOR; background-color:transparent; background-image:url(THA URL OF YOUR PIC);}</style>

No Line Under Link.
<style type="text/css">A,TD,P,font {COLOR:none; TEXT-DECORATION: none}A:link { text-decoration:none}A:visited { text-decoration:none; color:COLOR}</style>

Open in New Browser.
<a target="_blank" href="URL">Text Here</a>

Color Change After Click.
<body vlink="Color">

Color Change During Click.
<body alink=" Color" >

Marquees

Normal.
<MARQUEE>Text Here</MARQUEE>

Wave.
<marquee direction=up scrollAmount=0scrollDelay=0 style="filter:wave(add=10,phase=1,freq=2,strength=30)" width=100 height=225><font color=YOUR COLOR size=3><center><b><br>T<br>E<br>X<br>T</font></marquee>

Blur.
<marquee behavior=alternate direction=up scrollamount=1 scrolldelay=60 height=50 style="text-align;filter:blur(add=1,phase=1,freq=1, strength=20)"><font color=#a2a2a2><b>YOUR MESSAGE</b></font></marquee>

Side to Side.
<marquee behavior="alternate"></b>PUT IMAGE/TEXT HERE</b></marquee>

Retyping.
<marquee behavior=type direction=right loop=infinite scroll amount=10 scroll delay=5><MARQUEE BEHAVIOR=right LOOP=infinite SCROLL AMOUNT=10 SCROLL DELAY=10>YOUR MESSAGE</MARQUEE></marquee>

Scroll Up.
<MARQUEE DIRECTION="UP/down" height="?" width="?">YOUR MESSAGE</marquee>

With Background
<marquee direction="right" width="25%" style="background:#000000">YOUR MESSAGE</marquee>

Raining Marquee.
<marquee direction="right" width="25%" style="background:#000000">YOUR MESSAGE</marquee>

Bouncy Marquee.
<MARQUEE scrollDelay=65 behavior=alternate width="37">*</MARQUEE><MARQUEE scrollDelay=20 behavior=alternate width="37">P</MARQUEE><MARQUEE scrollDelay=60 behavior=alternate width="37">4</MARQUEE><MARQUEE scrollDelay=20 behavior=alternate width="37">S</MARQUEE><MARQUEE scrollDelay=45 behavior=alternate width="37">*</MARQUEE>

Cross Marquee.
<table width="410"><tr><br> <br><td width="130"><font color="FFFFFF" size="+5"><marquee direction="left" style="font-style: italic; font-weight: bold">TEXT</font></marquee></td><td width="150"><font color="FF0000" size="+5"> <marquee direction="up" style="font-style: italic; font-weight: bold">TEXT</font></marquee></td><td width="130"><font color="FFFFFF" size="+5"><marquee direction="RIGHT" style="font-style: italic; font-weight: bold">TEXT</marquee></font></td></tr></table>

Weird Marquee.
<marquee behavior=alternate>YOUR MESSAGE<marquee width="50"> YOUR MESSAGE<marquee>This is weird</marquee>

Music

Background Music.
<bgsound src="SONG URL" LOOP="infinite" autostart="true">

Music Control (Play, pause, stop, ect.).
<htpdiv x=6 y=6 width=188 height=38 type=htmlsource name=null><embed src =" SONG URL" autostart ="true" loop =" false" volume =" 50" height =" 42" width =" 81"></htpdiv>

Music Video Tag.
<div id=vpdiv><embed name="RAOCXplayer" src="Music Video URL Here" type="application/x-mplayer2" width="320" height="302" ShowControls="1" ShowStatusBar="1" AutoSize="true" EnableContextMenu="0" DisplaySize="0" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/"></embed></div>

Real Player Video Code.
<embed src="VIDEO URL" width="200" height="200" type="audio/x-pn-realaudio-plugin" mastersound controls="imagewindow,controlpanel" autostart="true" hidden="false"></embed>

Oldal információ

Portálépítés és portáldíszítés kezdőknek és haladóknak! Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Naptár,Design! E-mail:virag-78@gportal.hu Tárhely: gportal.hu Kategoria:Portálépítés Indulás:2005.04.12. URL: jegvirag.gportal.hu Facebook: Virág Design Szerkeszto/Design:Virág