Website basic code
Website basic code Website basic code , Code for Beginners include code blog author website used daily, including code used regu...
https://webservicestools.blogspot.com/2015/06/website-basic-code.html
 |
| Website basic code |
How to use: Copy the correct code and change the text at
orange colors as written below:
Change Cursor
<body style="cursor:url(Image URL .ani or .cur)"> |
Change text color
<font color="Color code">Text |
Add image
<img src="Image URL"> |
Send email
<center><a href="mailto:email address"><img src="Image url" border="0"></a></center> |
Create Link
<a href ="Add L Link URL">Your text</a> |
Create link to open new window
<a href =Add link URL target=_blank>Your text</a> |
Create banner link
<a href="URL" target="_blank"><img src="Image URL" border="0" width="88" height="31" alt="alt text"></a> |
Add song, Real Player ram, rm
<OBJECT ID=video1 CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" HEIGHT=70 WIDTH=300><PARAM NAME="controls" VALUE="ControlPanel,StatusBar"><PARAM NAME="console" VALUE="Clip1"><PARAM NAME="autostart" VALUE="true or false"><PARAM NAME="src" VALUE="Add song URL"><EMBED SRC="Add song URL" type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ControlPanel,StatusBar" HEIGHT=60 WIDTH=290 AUTOSTART=false></OBJECT> |
Add wma, wmv, mp 3 have Console: Open - Close.
<EMBED SRC="Add song URL of wma, wmv or mp3" HEIGHT="40" WIDTH="170" AUTOSTART="true" VOLUME="50%" MASTERSOUND></EMBED> |
Add wma, wmv, mp 3 don't have Console: Open - Close.
<EMBED SRC="Add song URL of wma, wmv or mp3"HIDDEN="true" AUTOSTART="true"LOOP="true" VOLUME="50%" MASTERSOUND></EMBED> |
Add song: swf
<object id="mediaplayer" height="50" width="160" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"standby="Loading Microsoft Windows Media Player components" viewastext><param name="url"value="Add song: swf"><param name="autostart" value="ture"></object> |
Make images none border of blue
<style>img {border: none;}</style> |
Change Bullet (Group Blog)
<style>ul{list-style: ;list-style-image: url(Image URL);}</style> |
Change link color
<style>A:link{color:Link color code;text-decoration:none;} A:visited{color:The color code after click;text-decoration:none} A:hover{color:Color code after drag through;text-decoration: none;}</style> |
Change font
<style>body, ul, li, p{font:bold MS Sans Serif;font-size:10pt;color:Color code;}</style> |
Delete white border
<style>table {background-color: transparent;border-style: none;border-spacing: none;}td {border: none;border-color: none;background: none;}</style> |
Add Search Google
<!-- Search Google --> <center> <FORM method=GET action="https://www.google.com/search"TARGET=_blank> <input type=hidden name=ie value=tis-620> <input type=hidden name=oe value=tis-620> <A HREF="https://www.google.co.th/"> <IMG SRC="https://www.google.com/logos/Logo_40wht.gif" border="0" ALT="Google" align="absmiddle"> <INPUT TYPE=text name=q size=25 maxlength=255 value=""> <INPUT type=submit name=btnG VALUE= "Google Search"></FORM></center> |
Change color link-1
<style>A:hover {BACKGROUND-IMAGE: url(https://www.carrielynnesworld.com/pagefiles/linkhovers/Animation12.gif); CURSOR: crosshair; COLOR: black; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none}</style> |
Change color link-2
<style>A:hover {BACKGROUND-IMAGE: url(https://www.carrielynnesworld.com/pagefiles/linkhovers/Animation14.gif); CURSOR: crosshair; COLOR: black; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none}</style> |
Make link have style
<STYLE type="text/css">A:hover{background:url(background of URL);}hr{background-image:url(background image of URL); </STYLE> |
Back to top
<a href="#top">Image link URL or Text</a> |
Make Diary
<style> table {background:none;}td {background:none;}</style> |
Make collapsing link and change link color
<style>A:hover{color: Add color code;text-decoration: none;position: relative;left: -1px; top: 1;}A:link{color: Add color code;text-decoration:none;}A:visited{color: color code;text-decoration:none;</style> |
Change font
<font;font=" color="Add color code" face="Font Name" size="1">Text</font> |
Online count
<script type="text/javascript" src="https://fastonlineusers.com/on4.php?d=Add your blog or website URL"></script> : Online |
Total online count
Total<script src="https://fastwebcounter.com/secure.php?s=Add your blog or website URL"></script>People |
Add image Comment box
<style type=text/css>textarea{width:450;height:240;background:url(Add image URL);color=Color code; font-family : tahoma; font-size:20pt;</style> |
Press button will have text pop out
<INPUT TYPE="button" VALUE="This button" on Click='alert("Text to pop")'> |
Head text sliding diary
<p><font color="#red"><marquee scrolldelay=180><span class="style29"><font color=#FFBBFF style='width=250%;filter:glow(color=000000, strength=2.5)'>Text</font></span></marquee></span></span></span></td></marquee></font></p> |
Create link like the button
<style type='text/css'> a.Button { border-style: solid; border-width: 1px; border-color: #c0c0c0; color: #000000; font-family: "MS Sans Serif", Arial, Tahoma, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; padding: 2px; padding-left: 6px; padding-right: 6px; position: relative; text-decoration: none; } a.Button:hover { border-color: #f0f0f0 #505050 #505050 #f0f0f0; text-decoration: none; border-style: solid; border-width: 1px; font-family: "MS Sans Serif", Tahoma, Arial, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; padding: 2px; padding-left: 6px; padding-right: 6px; position: relative; } </style> <a href="URL" target="_blank" class="Button">Text</a> |
Create link like the button-2
<form> <INPUT TYPE="button" VALUE="Text" onClick="parent=''Add URL"> </form> |
Create text or images that move up left, right and stop when move the cursor placed
<maquee =this.stop() onmouseout=this.start() scrollAmount=2 scrollDelay=80 direction=up width="20%" height=150>Your text or image URL</marquee> |
Code for Change font color all page
<style>body, ul, li, p{font: normal MS Sans Serif,Tahoma;font-size:10pt;color:Add color code;}</style> |
Fieldset Box
<fieldset style="border:1px solid #FF0000; padding:10;"><legend align="left"><font color="#FF0000">Title</font></legend><font color="#FF0000"><p align="center (left, right)">Add detail</p></font></fieldset> |
I frame
<IFRAME src="http:MMM" width="300" height="200"></IFRAME> |
Create border of comment and count the message
<script>HTML = document.body.innerHTML; CommentCount = 0; var reg = new RegExp("-- Comment", "gm"); while(reg.test(HTML)) CommentCount++; CommentCount--; for(i=1; i<=CommentCount; i++){ originalHtml = document.getElementById( i ).innerHTML; beforeHtml = '<fieldset style="border: Add color code of big borde solid 1px; padding:4"> <legend align=center(left)(right) style="border: Add color code of small borde solid 1px; padding:2; background: none">Comment' + i + ' </font></legend>';document.getElementById( i ).innerHTML = beforeHtml + originalHtml;}</script> |
Background
1. Add title style blog
<style>body{background-image:url(Add image URL);} |
2. Add all page background image blog
<style>Body{background-image:url(Add image URL);background-position: center (bottom left..etc..);background-repeat: no-repeat;background-attachment: fixed;background-color:color code;}</style> |
3. Color background
<style>body{background:Color code}></style> |
4. Blog doesn't scroll down from scroll bar (Fixed form)
<style>body{background-attachment: fixed;background-image:url(Add image URL);}</style> |
Blog don't scroll down from scroll bar
<style>body{background-attachment: fixed;}</style> |
Can't right-click
<script language=JavaScript> <!-- var message="Function Disabled!"; /////////////////////////////////// function clickIE() {if (document.all) {alert(message);return false;}} function clickNS(e) {if (document.layers||(document.getElementById&&!document.all)) { if (e.which==2||e.which==3) {alert(message);return false;}}} if (document.layers) {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;} else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;} document.oncontextmenu=new Function("return false") // --> </script> |
Flashes link
<!--Start Code From PremPree.Com --> <!--Start code--> <SCRIPT language=JavaScript> color=new Array(0xff0000,0x00ff00,0x0000ff,0xffff00,0xff00ff,0x00ffff); linkc=0; function rainbow() { document.linkColor=color; document.vlinkColor=color; document.alinkColor=color; linkc++; if (linkc==6) {linkc=0} timer=setTimeout("rainbow()",150); } rainbow() </SCRIPT> <!--End code--> <!--ic:flood--> <!-- End code --> |
Easy box code
1
2
3
4
5
6
7
8
Code for run text
<marquee>Text</marquee> |
<marquee direction="right">Text</marquee> |
<marquee behavior="alternate">Text</marquee> |
<marquee direction="up">Text</marquee> |
<marquee direction="down">Text</marquee> |
<marquee direction="up" behavior="alternate">Text</marquee> |
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">Text</marquee></marquee> |
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">Text</marquee></marquee> |
Text
<marquee behavior="alternate" width="10%">>></marquee>Text<marquee behavior="alternate" width="10%"><<</marquee> |
<font color="Add text color code"><marquee direction="left" style="background:Add background color code">Text</marquee></font> |
<marquee style="border:Add border color code 2px SOLID">Text</marquee> |
