For starters, marquee is moving across the screen from right to left. The basic code is: <marquee>Text here</marquee>
If you want to have marqueeing pictures or links, an example of the code is: <marquee><img src="URL HERE"> <a href="URL HERE">TEXT HERE</a></marquee>
Some people like ot control the speed, width, height and overrall features of marquee. The code for that is: <marquee behavior=scroll direction="right" scrollamount="5" width="118" height="50" onmouseover='this.stop()' onmouseout='this.start()'>Text or codes here</marquee>
Ok, the scroll direction can be changed by putting left, right, up, or down, the scrollamount is how fast is moves (I DO NOT suggest over seven since it starts to go too fast), the width is how wide the marquee space is and the marquee height is how well, tall is it. The mouseover and mouseout makes the marquee stop when you hover over it. To get rid of this part, delete that section and remember to delete all the marks and remember the > at the end.
Textarea is the white area with the code that dosen't activate. I DO NOTrecommend using textarea in your profile or post styles unless you know what you are doing. It is also recommened that you shouldn't use textarea in heavy coding or advanced layouts/layouting. I have seen some amazing sites go down the drain due to the improper use of textarea, including my own.
The code is: <textarea>Text here</textarea>
Note that if you put HTML codes in the textarea, it will not be actived, but showed. To customize the width and height of textarea, use: <textarea rows="#" cols="#">YOUR TEXT GOES HERE</textarea>
The # represent the number of rows and the number of columns. You can make it as small as possible or as large as the page.
[ + Tables/Boxes + ]
For starters, this a box code. This code is a POST BOX and you will have a box with a picture inside (optional) or a color (you choose between the two or none) and has a border around it (also optional)!!
[How To Edit]The cellspacing and cellpadding are like more borders around the box, very easy to change around. The width remains the same (fits your post or whatever text you put in). The bg color is to be changed by using a HEX COLOR NOT THE WORD (#FFFFFF). If you don't want a color, leave it as it is. If you don't want a BG, leave the URL GOES HERE like that. The border is the outline around the box. If you don't want it, change the border="1" to border="0" . It's important to keep the $body$ there since that will be your post there or whatever text you may use.[/How To Edit]
The next code is used to have a picture in the background.
[How To Edit]The table's width and height should be the size of the picture. Border, cellspacing and cellpacing are borders around the box. If the table dimensions are too big, change the no-repeat after the background-repeat to "yes". The div style dimensions are how wide and tall the area of your text is. The overflow:auto remains the same. Font sizes should always end in px and enter regular numbers (10 = font size 10, etc.). Letter spacing is the space between letters, always end in px too. Font family is the type of font you want to use (Arial, etc.) and colors could be in the hex systen code or color names such as red. $body$ can be changed into any text![/How To Edit]
This next code is another table that has a picture on the left and text on the right. Note, you can't change this one to text on the left and picture on the right unless you really know what you are doing.
[How To Edit]The background color is the color of the area of where you are writing your text. If you don't want the scrollbar colors, delete everything from scrollbar-arrow-color to the end of the #FFFFFF; (remember to delete of the semicolon). The height can be adjusted to how high the image is (should be about the same size). The border is a border around the entire table. The bordercolor can be hex or names (red, orange, etc.). The div style is how wide and in height you want the text in that area to be. The cellpadding and td border are borders around the box as well. The margin's are just how low you want your left and if you want your text aligned to the left. Once again, the $body$ can be changed to any text.[/How To Edit]
[ + Music+ ]
One thing that everyone loves, music!! A lot of people asked me for the code, so here it is. For this code though, you can only use Windows Media Player files or Quicktime files such as .asf, .mid, .mp3's, stuff like that. I'm sorry, but I don't know the code for RealPlayer. You can put this code anywhere!!
Here it is: <embed src="URL HERE" width="75" height="26" autostart="false" loop="true"></embed>
Ok, the URL HERE, is, of course, where the URL goes. The width and height will control how wide and tall the control panel is. Autostart means that it will start playing as soon as the page loads and loop means that when the song finishes, it will repeat itself. Change both by replacing true with false and false with true.
For music to autostart without a control panel and just start playing, use:
<bgsound src="URL HERE" autostart="true">
Put this code into your profile!! Don't change the autostart true to false or else no one will hear the music or see the control panel!!
[ + Link Hovers & Cursors + ]
These codes will change the entire cursor of the page (place in post styles):
<style> body {cursor: crosshair;} </style> Crosshair is the one that looks like +
<style> body {cursor: help;} </style> This one has the pointer with the ? next to it!
<style> body {cursor: w-resize;} </style> This cursor looks like <--->
<style> body {cursor: se-resize;} </style> This cursor looks like \
<style> body {cursor: ne-resize;} </style> This cursor looks like /
Don't change the order they are in, meaning, keep them in the format they are in now!!
Link Hovers
This one has boxes around link hovers <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>
As normal, you can change the font size, you could change uppercase to lowercase or leave it like that, you can change crosshair to one of the cursor's above, letter spacing is the psacing between letters, and the border px is how thick the dashes should be! Change the colors using the hex system. [Code from Inkenyo 2.0's Site]
The color will be the color of the link, the border-bottom is how large the line on the bottom will be (I don't reccommend going over 5) and the next color will be the color of the line!! Solid can be changed to dotted to make it dotted or you could keep it the same way.
[ + Scrollbars + ]
The scrollbar code that enables you to choose the color of the outside scrollbar instead of just a post box.
<style> html {scrollbar-3dlight-color:#333333; scrollbar-shadow-color:#000000; scrollbar-face-color:#aaab81; scrollbar-darkshadow-color:#FFFFFF; scrollbar-track-color:#aaab81; scrollbar-arrow-color:black; scrollbar-highlight-color:#4F502A;} </style>
Now, you can use names like black and white, but I use hex colors so it's a speific color you want. If you want to customize your own scrollbar code with hex colors, got to http://www.htmate.com/scroll/ **Remember to change the body to HTML if you're using this code on MyOtaku profiles. You can cutsomize your scrollbar colors! Thanks to banzaiinu1 for the scrollbar code. =]
[ + MyO Background + ]
Some people on their MyO would like a background picture instead of the colors. In order to have that, you must first find a 1024x768 picture or any other picture you want. Get the URL for it. Go to "Edit Styles" and in the following boxes, put XXXXXX: X - Main Background Image Color X - Site Border Color X - Inner Border Color X - Menu Color Put the URL in the image box and it will show up. ^^
Now some people like there wallpaper to remain the same as they scroll down. The code for that is: <style type="text/css">body {background: url('URL GOES HERE') fixed}</style> Use the same URL of the wallpaper in their. Put the code above in you PROFILE, not in post styles. Also, make sure that you keep all of the brackets in the way they are now or else it could really mess up your site and/or profile. Finished example: <style type="text/css">body {background: url('http://img187.imageshack.us/img187/5566/top45vt.jpg') fixed}</style>
[ + Other Formats of Text + ]
This code is used to put text where it currently reads (on this window or should read): ..::Smartrocker93's HTML Help Site::.. -- HTML's easy once you learn it!! - Microsoft Internet Explorer
<script language=javascript>document.title=("WEBSITE TEXT HERE")</script>
**Do NOT change the code in any way. This should be put in the post styles section on MyOtaku websites. Put any text, but not HTML. Like no <b></b> for bolded text in the headline, it won't work. Simple.
Sponsors
[ + No Nav. Bars!! + ]
This code will get rid of every nav bar!! PLEASE DO NOT CHANGE IT UNLESS YOU KNOW WHAT YOU'RE DOING! GOES IN POST STYLES FOR MYOTAKU SITES.
For starters, DO NOT edit any of these unless you really know what you are doing since this may also affect your computer and page. Place these codes in your post styles and only use one at a time.
This type of right-clicking is the basic one, with the right-click pop-up. <SCRIPT language=JavaScript> <!-- http://www.spacegun.co.uk --> var message = "Place your 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>
[Above code from inkenyo 2.0's HTML Help site]
This type of right-clicking refreshes the page: <body oncontextmenu="location=self.location;return false";ondragdrop="returnfalse";>
This right-click code will give the person one pop-up when they right-click and then a never ending stream of pop-ups when they right-click again!! =) <!-- begin code provided by blogring.net --> <script LANGUAGE="JavaScript"> // Right Click Infinate Warning document.onmousedown=click var times=0 var times2=10 function click() { if ((event.button==2) || (event.button==3)) { if (times>=1) { bye() } alert("Warning Message Here"); times++ } } function bye() { alert("Neverending message"); bye() } </SCRIPT> <!-- end code provided by blogring.net -->
This code will stop highlighting and right-clicking with no pop-up. <!-- Dual Protection Provided by Blogring.net --> <body ondragstart="return false" onselectstart="return false" oncontextmenu="return false"> <!-- End Dual Protection Provided by Blogring.net -->
This code will log-out the person when they right-click:
<script language="JavaScript"> //Xanga Right Click Logout Script //Copyright Noman Ahmad //http://www.noman.xs3.com/ //danger_nomy@msn.com //You Can Use This Script As Long As the Name And The Copyright Protection Stays Intact
var message="Sorry, that function is disabled. You are now being logged out!";
function LogTo (link) { var new_url=link; if ( (new_url != "") && (new_url != null) ) window.location=new_url; } function click(e) { if (document.all) { if (event.button == 2) { alert(message); LogTo('http://www.myotaku.com/') return false; } } if (document.layers) { if (e.which == 3) { alert(message); LogTo('http://www.myotaku.com/') return false; } } } if (document.layers) { document.captureEvents(Event.MOUSEDOWN); } document.onmousedown=click; </script>
For the code above and only the code above, make sure the sites' are the same.
[Where it says log to in red, you could change it to any URL you want, but remember the little brackets by it or else the code won't work!!]
Now, no one will be able to steal your graphics!! Please note that most of these ones are from blogring.net
