|
myOtaku.com
• Join Today!
My Pages
• Home
• Portfolio
• Guestbook
Contact Me
E-mail
• Click Here
Website
• Click Here
Vitals
Birthday
• 0092-04-02
Gender
•
Female
Location
• in front of my loyal laptop
Member Since
• 2007-08-13
Occupation
• student
Real Name
• Kaisa
|
|
|
Welcome to my site archives. 10 posts are listed per page.
Pages (2): 1 2 [ Next ] [ Last ]
Tuesday, October 9, 2007
Helpful links (to those who want more and more accurate)
Settings and info on backgrounds - I find this site very useful if you have trouble with your background (making it stay still, take off the repeat etc.)
Online scrollbar color changer - This is easy to use and you can get all the colors right. Copy and paste the hex-codes with my color-changing code and bingo!
Annabella's HTML-guide - This is a helpful site too, and easy to use!
Aethereality.net - This is where you can find gorgeus wallpapers, avatars and Photoshop-brushes etc. And it's free! ^^
Complete layouts - This is a site for all those bums who don't want to spend time and effort and make their own layouts. Here you can find finished layouts with codes and everything, all you have to do is change the links and personal info to your likening. Boring, huh?
Comments (1) |
Permalink
Sunday, August 19, 2007
Make your profile as long as you want!
This isn't really a HTML-code, but you might need this since the ammount of what you can put in your profile is limited.
1. Copy whatever you have and wish to keep in your profile to Word or Notepad.
2. Add everything you want to add on the same Word/Notepad-file.
3. Copy and paste the whole thing to your profile box. DO NOT TRY TO ADD ANYTHING IN THE BOX OR OR EVEN PRESS OR CLICK ANYTHING IN THE BOX AFTER THIS, BECAUSE IT WILL GET YOUR STUFF DELETED! Another reason why you should save everything on a Word/Notepad-file.
4. If you're doing good until now, scroll to (pull the scrollbar to, that makes sure nothing goes missing) where the Modify-button is and click it. Now you should have all you put in the profile box show on your site!
Now you have a longer profile!
If you didn't understand that, here's another kind of instructions. They worked perfectly well for me. These aren't mine, I got these from Shishou's HTML tutorial.
1. You’ll NEED to have a word document or a notepad. Something to put down as much text/typing as you’ll use.
2. Paste and put all your codes and whatnot that you have in your introduction box in the notebook or word document.
3. Delete everything in your introduction box.
4. Copy all the codes and things you want in your introduction box in your notebook/word document and paste it in the introduction box on your profile page.
5 .DO NOT TYPE ANYTHING AFTER THAT IF YOU HAVE MORE THAN 1500(sometimes it is 900 for some people) WORDS CHARACTERS, BECAUSE IT WILL GET RID OF ANYTHING AFTER YOU TYPE MORE THAN 1500(or if you have 900) CHARACTERS( WORD LETTERS)!!! So be careful that you don’t delete your work… >.< It has happened to me in the past and it was very annoying!!!
Comments (1) |
Permalink
Backgrounds
Remember, always change the ( to < and ) to > or the codes won't work!
One wallpaper:
Yes, you can change the background from the Edit Styles-thing but this wallpaper won't move anywhere when you scroll the page down!
(style)body {background: url("BACKGROUND URL HERE!!!") fixed} (/style)
Two wallpapers:
Yes, you read right! A wallpaper for your site and another for your guestbook!
First you use this code:
(style)body {background: url("BACKGROUND URL HERE!!!") fixed} (/style)
This will show on your site.
Next you go to Edit Styles. The wallpaper you put there (or rather, its URL) will show on your guestbook.
Advice: Even if you aren't putting two wallpapers, here's a hint:
When you put a wallpaper as a background and you want all of it to show, go to Edit Styles and where it says "Border color" etc. put xxxxxx in the box. Now it's see-through! ^^ But I'd recommend to put some color on your text, links etc. if you want anyone to see them.
Understood? Great!
Comments (0) |
Permalink
More HTML-fun! (Effects on your site etc.)
Remember, always change the ( to < and ) to > or the codes won't work!
This section is all about the little stuff I've gathered from some places. Enjoy these! ^^
Change the design of your navigation bar:
This code makes the navigation bar have dotted lines!
(style type="text/css").navbar{width: 150px;border: 2px dotted;background-color:color;color:color;} (/style)
dotted has been bolded, because that's the place where you put whatever kind of lining you want! ridge, outset, inset, solid, dashed...there are plenty.
Turn your site around:
This code here makes your nav.bar go to the right side of the site! ^^
(style) body {direction: rtl;} .tborder {direction: rtl;} .page {direction: ltr;}.navbar{direction: rtl;}(/style)
A different color to your scrollbar:
Simple!
(style)
html
{scrollbar-base-color: ADD THE HEX-CODE OF THE COLOR YOU WANT HERE!!!
(/style)
You put all these codes to Post Styles or they won't work.
Have fun with these!
Comments (0) |
Permalink
Marquees
Remember, always change the ( to < and ) to > or the codes won't work!
Marquees! YAY! ^^
Alright, here's how marquees work:
That was one example. We have lots of things we can do with marquees!
The basic code is always (marquee)Whatever you want here!(/marquee)
Now we can make it go anywhere we want! Here's how it goes upwards:
(marquee behavior=scroll direction="up")Wee!(/marquee)
Now where it says "up" you can put whatever direction you want. "left", "right", "down", it's your choice.
Okay, let's make it faster!
(marquee scrollamount="6")Oh dear!!!(/marquee)
FASTER!
(marquee scrollamount="20")HELP!!!(/marquee)
Hehe. The bigger the number, the faster the speed. Okay? Questions? No? Moving on!
Here's how you make your marquee move back and forth and how you set the size of the area where it moves!
(marquee behavior="alternate" width="400")Left...right...(/marquee)
Next stop: background for the marquee!
(marquee bgcolor="blue")It's blue!(/marquee)
Now you can put marquee codes together as you see fit. Youcan ever marquee pictures! Like this:
(marquee)(img src=http://i184.photobucket.com/albums/x75/susha1418/Stars-1.jpg)(/marquee)
Oh, and (blink)Something(/blink) is also a marquee. More about that on the Images-section!
Have fun with your marquees! ^^
Comments (0) |
Permalink
Links
Remember, always change the ( to < and ) to > or the codes won't work!
Hey this is something everybody wants! ^^
So this is how you get a simple link to someone else's site:
(a href="URL HERE!!!")Whatever you wanna name this link(/a)
Let's try it out!
(a href="http://myotaku.com/users/kaisap112/")My site!(/a)
My site!
Works well, nee?
Now here's how you use a pic as a link (in other words, make a button)!
(a href=SITE URL HERE!!!)(img src=PIC URL HERE!!! border="0")(/a)
For example, again, my site:
Nice! Now if you leave the border="0" out of the code, there will be a border around the pic (which in my opinion doesn't look that good but whatever). You can also add the name that shows with the cursor on the link, like this:
(a href=http://myotaku.com/users/kaisap112/)(img src=http://i138.photobucket.com/albums/q275/kaisap112/avatar234.jpg border="0" alt=kaisap112)(/a)
Okay, go do your own button and links! ^^b
Comments (0) |
Permalink
Images
Remember, always change the ( to < and ) to > or the codes won't work!
Alright, I know you're all thinking "Hey, photobucket gives a code without me having to do anything, why bother with this?" Well maybe not with those words but you get the idea.
Because only using photobucket is a) LAZY and b) there are wonderful pics all over the net and you can always use those! Bigger selection than at photobucket. ^^
You can always use the simple (img src="image url here!!!")-code.
(img src="http://www.matrifocus.com/IMB04/images/blue-star.gif")
And I'm not bashing photobucket. That works too.
Okay, now here's how you make a nice line of those pictures!
For example:
I used this on Forgottenpokemon's site. Works pretty neatly, doesn't it? ^^
AND it takes less space than just putting one pic under another!
The code is simple too: blink.
No people, don't blink at that.
The code is like this: (blink)Random stuff here!!!(/blink)
You saw the example, it works!
So off to blinking you go! ^^
Comments (0) |
Permalink
Divider and aligning
Remember, always change the ( to < and ) to > or the codes won't work!
These codes help you arrange your site.
Divider:
Okay, here's the codes for a horizontal divider.
The tag for horizontal divider is (hr). This is a nice tag because you don't have to close it!
So let's put the divider here.
You might have already guessed, but you can change the size and color of the divider!
For example like this:
(hr width="50%" height="3" color="red")
See? A piece of cake, isn't it?
Aligning:
I personally love this code. With this code you can change the aligning of your text, or even all the stuff on your site!
The code is pretty simple.
(p align="")Stuff here!!!(/p)
Between the "" you put where you want everything to align to. Like this:
(p align="center")In the middle!(/p)
In the middle!
Or like this:
(p align="right")Look over here!(/p)
Look over here!
(p align="left")Ooh I'm over here now!(/p)
Ooh I'm over here now!
Right, and this is an even easier code!
(center)
This one doesn't even need a closing tag! ¢¾
Okay, now you have (hopefully) mastered the using the codes for alignings and dividers! ^^
Comments (0) |
Permalink
Saturday, August 18, 2007
Removing stuff
Remember, always change the ( to < and ) to > or the codes won't work!
Now these are the codes you want to be careful with. The wrong code can remove something very vital. So I suggest you make all the links you need if you plan on removing your navigation bar.
Remove the ads:
We hate ads, don't we? So here's the code for killing them from your site.
(style type="text/css") iframe{display:none}
(/style)
Remove the MyO-logo:
(style type="text/css") .header_logo{display: none;}(/style)
Remove your avatar from view:
This code doesn't completely remove your avatar. You can change it like always and it shows on comment and PMs, but it won't show on your site.
(style type="text/css") .panel{display: none;}
(/style)
Remove datetime:
(style type="text/css") .datetime{display: none;}
(/style)
Remove your navigation bar:
Be careful with this one!
(style type="text/css") .navbar{display: none;} (/style)
Remove your username:
(style type="text/css") .username{display: none;}
(/style)
Remove Friends list and Search bar:
(style type="text/css") select, form{display: none;}(/style)
Remove the horizontal divider:
(style type="text/css") .hr{display: none;}
(/style)
And as some of you know, you can always remove more than one thing at a time by grouping the code, like this for example:
(style type="text/css")
.navbar{display: none;}
.username{display: none;}
.hr{display: none;}
(/style)
You put all these codes to Post Styles or they won't work.
Be careful using these codes!
Comments (0) |
Permalink
Tables (better known as postboxes)
Now this is a code many people want: the code for the post box, with a picture!
I put the places where you put the sizes and url with capital letters so you won't miss them. Otherwise you're free to change the color settings however you see fit, just change the color code.
So let's get down to business!
For your convenience, you can now copy&paste the code without having to change anything, only the things you want to change (pics, colors etc.)!
Box with the pic on the right side of the post:
Box with the pic on the left side of the post:
Transparent postbox:
By changing where-ever it says dashed, you can change the style of the borders (inset, outset, dotted etc.)!
You put these codes to Post Styles.
Enjoy! ^^
Comments (1) |
Permalink
Pages (2): 1 2 [ Next ] [ Last ]
|
|
