I Need Help With My Layout!, help with coding |
 May 13 2006, 08:51 PM
Post
#1
|
|
 Ville Valos Chick  Group: Member Posts: 19 Joined: Oct 2004 Member No: 53,950  |
I made a layout for my H.I.M. Site cause I didn't want to wait forever to request one. So now I need help with coding it. I'm not good at html coding with layouts. I can do image mapping but not html coding. Can someone help me out here?
Here's the layout:  ~Sheena |
|
|
|
 |
Replies
|
May 13 2006, 09:27 PM
Post
#2
|
|
|
t-t-t-toyaaa Group: Official Member Posts: 19,821 Joined: Apr 2004 Member No: 11,270 |
This is the basic coding:
CODE <html> <head> <title>Title of your site here</title> PUT YOUR CSS HERE </head> <body> put all divs here </body> </html> If you need basic css use this, just edit the colors. (got from pixelfx.org) CODE <STYLE TYPE="text/css"> body,tr,td{ scrollbar-face-color:COLOR; scrollbar-shadow-color:COLOR; scrollbar-3dlight-color:COLOR; scrollbar-arrow-color:COLOR; scrollbar-base-color:COLOR; scrollbar-track-color:COLOR; scrollbar-darkshadow-color:COLOR; scrollbar-highlight-color:COLOR; scrollbar-shadow-color:COLOR; color:FONT COLOR; font-size:SIZEpt; font-family:FONT; background-color: COLOR; background-image: url(BACKGROUND.FILETYPE); background-attachment : fixed; line-height: 15px; letter-spacing: 1px; text-align:justify; } a:link{ color:COLOR; text-decoration:none; font-weight:normal; cursor: default; } a:visited{ color:COLOR; text-decoration:none; font-weight:normal; cursor: default; } a:active{ color:COLOR; text-decoration:none; font-weight:normal; cursor: default; } a:hover{ color:COLOR; text-decoration:none; font-weight:normal; cursor: default; } select{ background:COLOR or URL TO IMAGE; font-family: FONT; color: FONT COLOR; font-size: SIZEpt } textarea, input{ font-family: FONT; font-size: SIZEpt; color: FONT COLOR; background:COLOR; border: 1px solid; border-color:#000000; } </style> Rpelace her caps with colors, numbers, fonts , etc. Where she has color codes such as #000000; replace them with the ones for your layout. For divs , which I'm guessing you want to use . Play around with the coordinates meaning put random numberes till you get your content in the two boxes. Example of one div: CODE <style type="text/css"> .navi{ position: absolute; top: 20px; left: 200px; width: 200px; height: 100%px; z-index:0; } </style> that part goes inbetween <head> and </head> and CODE <div class="navi"> navi content here </div> that goes between body. For the code I said to put between <head> and </head> edit the numbers for left, top, width , and height until you get the text in the right spot. To add an extra div add CODE .divname{ position: absolute; top: #px; left: #px; width: #px; height: #px; z-index:0; } in style tags (in <head> and </head> and then add this between <body> and </body> CODE <div class="divname"> content here </div> Do you want to know how to make your tables continue to go down w/ the text too? |
|
|
|
Posts in this topic
HermioneMalfoy I Need Help With My Layout! May 13 2006, 08:51 PM
towntown2 I don't mean to be rude, but go to www.lissaex... May 13 2006, 09:05 PM HermioneMalfoy I've been to that site before and I really don... May 13 2006, 09:09 PM HermioneMalfoy ahhh this is all confusing for me, can ya do it fo... May 13 2006, 09:47 PM towntown2 it doesn't register to me why you want a websi... May 13 2006, 10:31 PM incoherent honestly what toya gave you is what you need and i... May 13 2006, 10:35 PM
HermioneMalfoy I already figured it out! god ya'll are sl... May 14 2006, 10:52 AM insomniac QUOTE(HermioneMalfoy @ May 14 2006, 10:52... May 14 2006, 12:16 PM |
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: