Log In · Register

 
 
Closed TopicStart new topic
help with a layout.
Halfheartx3
post Aug 6 2007, 08:13 AM
Post #1


Member
**

Group: Member
Posts: 18
Joined: Aug 2007
Member No: 556,719



okay so my friend showed me this girls layout
a long time ago and its really cute i was wondering
does anyone know how i can get mine like it?
(btw my friend screencapped all the layout lol)
 
Mm-giraffe
post Aug 6 2007, 08:17 AM
Post #2


To Zanarkand
****

Group: Official Designer
Posts: 177
Joined: Jul 2007
Member No: 543,483



it seems to be a div layout, try these tutorials

tutorial 1

Tutorial 2
 
Halfheartx3
post Aug 6 2007, 09:54 AM
Post #3


Member
**

Group: Member
Posts: 18
Joined: Aug 2007
Member No: 556,719



i know its a div and stuff,its just im confused
on the coding for things on the left. _unsure.gif
 
YourSuperior
post Aug 6 2007, 09:59 AM
Post #4


;)
*******

Group: Staff Alumni
Posts: 9,573
Joined: Feb 2005
Member No: 99,124



^What do you mean by coding things on the left?
 
Halfheartx3
post Aug 6 2007, 10:11 AM
Post #5


Member
**

Group: Member
Posts: 18
Joined: Aug 2007
Member No: 556,719



im sorry im sounding confusing lol
_unsure.gif
like the way the green nav and then the 2 pink
sections them
 
Mm-giraffe
post Aug 6 2007, 10:26 AM
Post #6


To Zanarkand
****

Group: Official Designer
Posts: 177
Joined: Jul 2007
Member No: 543,483



those are divs, you can position a div where ever you want, such as creating sidebars and main content areas.
 
Halfheartx3
post Aug 6 2007, 10:36 AM
Post #7


Member
**

Group: Member
Posts: 18
Joined: Aug 2007
Member No: 556,719



Could i have the code for the side bar please.
Thanks for all your help _smile.gif
 
anime-essence
post Aug 6 2007, 10:42 AM
Post #8


Senior Member
******

Group: Staff Alumni
Posts: 1,188
Joined: Jan 2006
Member No: 364,198



For the navigation links, use this script here.
For the divs, use this:
CODE
<style type="text/css">
div.NAMEHERE{
    background-color:XXXXXX;
    border-top:NUMBERHEREpx;
    border-bottom:NUMBERHEREpx;
    border-left:NUMBERHEREpx;
    border-right:NUMBERHEREpx;
    border-style:solid;
    border-color:XXXXXX;
    margin-bottom:3px;
}
</style>

<div class="NAMEHERE">CONTENTHERE</div>


Edit the XXXXXX's and replace them with color names or hex codes. thumbsup.gif
 
Halfheartx3
post Aug 6 2007, 10:51 AM
Post #9


Member
**

Group: Member
Posts: 18
Joined: Aug 2007
Member No: 556,719



thanks ima try this right now ill tell you if i
get it laugh.gif
 

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