Layouts: Tutorials Login to Kupika  or  Create a new account 


Layouts: Tutorials

29 January 2012, 09:14 PM   #1
Joined: 29 Jan 2012
Posts: 14
Last edited by ‹w3stghost›, 29 January 2012
Here, any members and myself, will post how-to's on various different coding areas. This is also where you can ask questions on something layout-related, and get it answered! layout from:Mutesong

30 January 2012, 03:14 PM   #2
Guest Poster

Can I have How-To-Do-It?

31 January 2012, 11:01 PM    #3
Joined: 29 Jan 2012
Posts: 14
be a tad more specific,
how to do like, a single-layer layout
or a double-layer layout (the one the post is in, is double layer)?

but either way,
it's all gonna start with the "DIV" tag. 
the DIV tag is super essential. If you've taken layouts from another place, then you've
seen it.
looks like this
< DIV style=" ...> < /DIV>
(no spaces between greaterthan/lessthansigns) then, you'll add things like the font, the text align, the text size, the text color, if you want a background image, or if you just want a color. We'll say you want verdana font, a black background color, white text, at about 14 font size. that code will look like this:
< DIV style="background-color:#000000; font-family:Verdana; font-size:14pt; color:white;"> meow meow meow < /DIV>
That looks like this.
notice that the code, after the equal sign, is all put in a quotation marks, and each "setting" is separated by a semi colon, and a space. Now, say you want the text alignment centered, you can do that two different ways, simply by putting < center> before whatever you're posting, or, by doing this:
< DIV style="background-color:#000000; font-family:Verdana; font-size:14pt; color:white; text-align:center;"> meow meow meow < /DIV>
I also wanna point out that the colors are all by numbers? and if you don't know what those numbers are, under your "edit profile" if you click "decorate your page" it has things you can click to figure out the color number. Now, if you want a background with your layout, you'll add this:
background-image:url(insert url here)
to your coding. You'll probably want to add a few more settings, like if the background repeats, or it's location and if it's fixed or not. Say you don't want it to repeat, you want it centered, and you want it fixed, that'll look like this:
background-repeat:no-repeat; background-attachment:fixed; background-position:center;
and you just insert that into your coding, and it'll arrange your background. the coding all together would look like this:
< DIV style="background-image:url(; background-repeat:no-repeat; background-attachment:fixed; background-position:center; font-family:Verdana; font-size:14pt; color:white; text-align:center;"> Meow meow meow
You see?

No Privileges
Only privileged members of this club can post a reply.

Join this club
All times are GMT. The time now is 01:39 PM.

About Kupika    Contact    FAQs    Terms of Service    Privacy Policy    Online Safety
Copyright © 2005-2012