Log In · Register

 
 
Closed TopicStart new topic
I Need Help With My Layout!, help with coding
HermioneMalfoy
post 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
 
towntown2
post May 13 2006, 09:05 PM
Post #2


Mais je ne l'aime pas
*****

Group: Member
Posts: 971
Joined: Mar 2005
Member No: 108,135



I don't mean to be rude, but go to www.lissaexplains.com and learn how to code yourself.
And go to the layouts section in CB, and look at the layout codes there. You can elaborate and model your codes after those ones.

That's how I started out.
 
HermioneMalfoy
post May 13 2006, 09:09 PM
Post #3


Ville Valos Chick
**

Group: Member
Posts: 19
Joined: Oct 2004
Member No: 53,950



I've been to that site before and I really don't understand it.
 
freeflow
post May 13 2006, 09:27 PM
Post #4


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?
 
HermioneMalfoy
post May 13 2006, 09:47 PM
Post #5


Ville Valos Chick
**

Group: Member
Posts: 19
Joined: Oct 2004
Member No: 53,950



ahhh this is all confusing for me, can ya do it for me?
 
towntown2
post May 13 2006, 10:31 PM
Post #6


Mais je ne l'aime pas
*****

Group: Member
Posts: 971
Joined: Mar 2005
Member No: 108,135



it doesn't register to me why you want a website but you're not willing to learn how to make it.
 
*incoherent*
post May 13 2006, 10:35 PM
Post #7





Guest






honestly what toya gave you is what you need and its pretty self explanitory.

blog=well, what you write
navi=navigation menu
links=regular, visited, hover. yeah, change the colors.

its really not that hard. copy those codes into notepad and edit.
 
HermioneMalfoy
post May 14 2006, 10:52 AM
Post #8


Ville Valos Chick
**

Group: Member
Posts: 19
Joined: Oct 2004
Member No: 53,950



I already figured it out! god ya'll are slow!haha j/k na but I did figure it out.
 
Mulder
post May 14 2006, 12:16 PM
Post #9


i lost weight with Mulder!
*******

Group: Official Designer
Posts: 4,070
Joined: Jan 2005
Member No: 79,019



QUOTE(HermioneMalfoy @ May 14 2006, 10:52 AM) *
I already figured it out! god ya'll are slow!haha j/k na but I did figure it out.

um... closed then.
pm me if you want it reopened. biggrin.gif
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: