Ok welcome to my HTML help area!
Take any code u wish, but i would appreshiate having u guys,after taking a code or codes.
to sign my Guest book here and give me feed back!
Thanx and enjoy the codes and i hope they make ur site's better than u could ever imagin!!!
Thanx and enjoy! But don't call for back up if my spelling is bad!
Keeping your background still-
Ok with this code you can scrool down ur page and not have ur background repeat!
Just put the following code into ur post styles! Where the code says 'PUT BG URL HERE' that is where u put the background URL that u chose!
<style type="text/css">
body {
background-color: #FFFFFF;
background-image:url(Put URL HERE!);
background-attachment: fixed;
}</style>
How to shade pictures!
OK this is the code that makes your pictures shaded so that you can see threw them somewhat!
It's a really cool affect! It DOSN'T AFFECT THE WORDS!! Put this one into ur post styles too!
U can also change the lighter or darker it gets!
<style type="text/css">
img { filter: Alpha(Opacity=50); }
a:link img { filter: Alpha(Opacity=50); }
a:hover img { filter: Alpha(Opacity=40); }
</style>
Removing the Nav bar!
Use this code in ur post styles aswell. DO NOT CHANGE IT IN ANYWAY!!!
<style type="text/css">
.navbar{display: none;}
.header_logo{display: none;}
</style>
Moving text across the screen(Just back and forth)
Put this code infront of anything u want to move across the screen.
<marquee> Ur text or pic URL here!!!</marquee>
Moving text(diffrent way! Very cool!)
Put this one infront of anything u want same as the other,but this is for pictures!
<marquee behavior="alternate"><marquee width="350">Ur Pic URL here!</marquee></marquee>
Put as may pics in a row as u want!
Another kinda moving text!
This is cool! hehehehe!
*<MARQUEE behavior=alternate direction=left scrollAmount=3 width="4%"><font face=Webdings>3</font></MARQUEE><MARQUEE scrollAmount=1 direction=left width="2%">| | |</MARQUEE>Type what u want!!!!<MARQUEE scrollAmount=1 direction=right width="2%">| | |</MARQUEE><MARQUEE behavior=alternate direction=right scrollAmount=3 width="4%"><font face=Webdings>4</font></MARQUEE>*
* Cool Huh! *
Making links change!
This code is cool cause it makes ur links get bigger!
<style>a:hover
{
font:normal 10px ne-font;text-decoration : none;
text-transform: Uppercase;
cursor: crosshair;
letter-spacing:3px;
background: #Any HEX format color here!;
}</style>
Stop Right Clicking!
<SCRIPT language=JavaScript><!-- http://www.spacegun.co.uk -->var message = "Ur message here!"; function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){ alert(message); return false; } if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2){alert(message); return false; } } document.onmousedown = rtclickcheck;</SCRIPT>
Font styles on site!
Use this in post styles!
<font type="Matura MT Script Capitals" size="2" color="#FFFFFF">
Post box!!!!
Put this in post styles. It looks really cool!
<style type="text/css">
<!--body {scrollbar-face-color : #6600CC;
scrollbar-highlight-color :#990000;
scrollbar-3dlight-color : #990000;
scrollbar-shadow-color : #6600CC;
scrollbar-darkshadow-color : #660099;
scrollbar-track-color : #6600CC;
scrollbar-arrow-color : #990000;}-->
</style>
<center><table width="450" height="500" border="0" cellpadding="0" cellspacing="0" style="background: url(BG URL HERE!); background-repeat: no-repeat">
<td ><center><div style=" width:300px; height:350px; overflow:auto;"><div style="font-size:23px;letter-spacing:normal;font-style:normal;font-family:verdana;color:#990000;">
$Body$
</div></div></center></td>
</tr>
</table></center>
|
Change all this stuff to whatever you want! Cool huh! |
<table width="550" table length= “160” bgcolor="Black" style="background-image: url(' http://i7.photobucket.com/albums/y281/inkenyo/KiraraNavCredRul.jpg'); background-repeat: no-repeat; scrollbar-arrow-color: #A6885E; scrollbar-track-color: #FFFFFF; scrollbar-shadow-color: #CCCCCC; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #CCCCCC; scrollbar-darkshadow-color: #CCCCCC; scrollbar-3dlight-color: #CCCCCC; background-position: top left;" height="422" border="5" bordercolor="#000000" cellspacing="5">
<tr>
<td border="3" cellpadding="5">
<div style="height: 345px; width: 200px; overflow: auto; margin-bottom: 5px; margin-left: 310px;">
$Body$
</tr>
</div></td></tr></table>
$body$
Linking things to other things!
U can use this to link to site and u can make links with buttens!
<a href= http://www.freewebs.com/inulover22/otakuhtmlhelp.htm ><Put anything here!></a>
</style>
<style type="text/css">
select{
color:#666600;
background-color: #CC9900;
border: 1px dashed #666600;
font-family:Arial;
font-size:13px;
}
input {
color:#666600;
background-color: #CC9900;
border: 1px dashed #666600;
font-family:Arial;
font-size:13px;
}
</style>
Also u can do this to ur link effects too! Here is the code for a link effect...
Link Effects!
Again i can't explain it! Just try it on ur Post Styles...
<style>
a:hover
{
font:normal 10px ne-font;
text-decoration : none;
text-transform: Uppercase;
cursor: crosshair;
letter-spacing:3px;
border: 1px dashed #666600;
background-color: #CC9900
}</style>
With this little code you can be rid of all the annoying limitaions of the MyOtaku frame work. This means you are able to have your Avatar anywhere you want it and it also comes complete with getting rid of Nav bar! How can you get much better! Just stick this into your Post styles and then your good to go... no need to fix anything on it!
<style type="text/css">
.navbar{display: none;}
.header_logo{display: none;}
td.panel { display: none; }
iframe { display: none; }
td.username { display: none; }
</style>