how do you make a layout like this ?, .... Options

[ohhbiteme]

how do you make a layout like this ? http://xanga.com/spiffie_tiffy

[avalon*]

moved to webdesign

which part would you like to know how to make?

[ohhbiteme]

like the whole thing .

[avalon*]

err well for the banner...just make any type of banner you like, then put it on a larger document and make the tops of the module and blog areas. then take your selection tool/rectangular marquee and select a small part of the module/blog area from the bottom of the large image. that will be the repeating image, so that your module/blog extends all the way down.

[ohhbiteme]

how do you code it ?

[avalon*]

well for the large image you would put it in a div and move it around wherever, usually on the far left. then the repeating image, [which is wide but has less height] you would put it in your look and feel..near the bottom of look and feel there's a space that says background image, and you put the url there and choose 'repeat vertically'

[ohhbiteme]

okay thanks .. but i don`t know the code to code it ..

[avalon*]

for the main image, use this div

<!-- begin code provided by createblog.com --><br /><div style="margin-left:#px; margin-top:#px;"><br /><img src="IMAGE URL"></div><br /><!-- end code provided by createblog.com -->

the # signs mean put a number in there to move your image around. experiment around and move your image where you want it to go.

next, you'll need a div for your blog

<!-- begin code provided by createblog.com --><br /><br /><div style="position:absolute; margin-left:#px; margin-top: #px; width: #px; height: 100%px;background: transparent; overflow: none"><br /><br /><!-- end code provided by createblog.com -->

again, change the margin numbers to move your blog where you want it to go. then change the width number to fit inside your blog area. keep the height as 100% and the overflow as none when you make this type of layout that repeats the background all the way down.

now, use this code for your module

<!-- begin code provided by createblog.com --><br /><br /><div style="position:static; margin-left:#px; margin-top: #px; width: #px; height: 100%px; background: transparent;"><br /><br /><table border="0" width=100%><br /><tr><br /><td colspan=2><br /><p class=nav><b>TITLE</b></p><br /><tr><br /><td colspan=2><br />INFO<br /><tr><br /><td colspan=2><br /><p class="nav"><b>navigation</b></p><br /><tr><br /><td><br /><A href="http://www.xanga.com/signin.asp">signin</A><br /><br /><A href="http://www.xanga.com/USERNAME">me</A><br /><br /><A <br />href="http://www.xanga.com/profile.asp?user=USERNAME">profile</A><br /><br /><A <br />href="http://www.xanga.com/private/SubscribeTo.aspx?user=USERNAME">add <br /><br />me</A><br /><br /><A <br />href="http://www.xanga.com/guestbook.asp?<br /><br />user=USERNAME">guestbook</A><br><A <br /><br />href="http://www.xanga.com/private/home.aspx">you</A><br /><br /><a href="http://www.xanga.com/CLAF/default.asp">edit</A><br /><br /><A href="http://www.xanga.com/private/subscriptions.aspx">friends</A><br /><br /><A href="http://www.xanga.com/logout.asp">goodbye</A><br /><p><br /><tr><br /><td colspan=2><br /><p class=nav><b>TITLE</b></p><br /><tr><br /><td colspan=2><br />INFO<br /><tr><br /><td colspan=2><br /><p class=nav><b>TITLE</b></p><br /><tr><br /><td colspan=2><br />INFO<br /><tr><br /></td><br /></tr><br /></table><br /></div><br /><br /><!-- end code provided by createblog.com -->

again, edit the div so that your module moves around. do it the same way you did the blog one. then i gave you the code for the modules after that..edit some of the titles and links, etc.

[ohhbiteme]

thanks a lot . ! :]

[avalon*]

thanks a lot . ! :]

if you have any more questions, you can PM me
topic closed