PDA

View Full Version : Blog Layout Look

Katerz
09-18-2005, 10:46 PM
I have made a banner for my new layout,but I want it to look more like a blog.Where people have the really long frames that go down the page.I think they are called div layers?I found a tutorial and followed it,but there ended up been two extra frames on the right,the banner was in the middle for some reason.It was basicly all over the place.In the tutorial it just showed how to make it look like a blog layout and it offered a bit of coding and you would just have to change a few things in the coding...But wouldnt I have to code the layout as well?But eh it all turned out all over the place.Ahh i'm so confused and I tried so many times to get it to look right.
MaGiCSuN
09-19-2005, 08:51 AM
do you got the codes somewhere?

you can just make a div layer, position it and then only set a "width" but not a height. Then it will just go along with the text to the bottom of the page :)

Love,
Mirna
Katerz
09-23-2005, 07:38 AM
Ill try that but..ive tried a div layer before,I put the div layer code in and it didnt do anything.I mean I had originally followed this tutorial (I got in trouble last time for mentioning a url,but all im doing is showing you an example)http://hamiblues.com/blogtut.htm and it turned out looking like this http://sweetsimplicity.org/newlay.html ,its all over the place and uneven...
Monkey Bizzle
09-23-2005, 04:21 PM
Use this as your code:

<html>
<head>
<title>Title</title>
</head>

<body background="http://i21.photobucket.com/albums/b280/sweetsimplicity1/frames.gif" bgcolor="#000000">
<img src="http://i21.photobucket.com/albums/b280/sweetsimplicity1/hmm.gif">

<div style="position: absolute; top: ##px; left: ##px; width: ##px; border: 1px solid #FFFFFF;">

Your Menu Here

</div>

<div style="position: absolute; top: ##px; left: ##px; width: ##px; border: 1px solid #FFFFFF;">

Your Menu Here

</div>

</body>
</html>

Just change the bold parts. Top is how many pixels down from the top that you want the div to be, and left is how many pixels over from the left that you want the div to be. You probably won't guess the right numbers on the first try so just do one div at a time, changing the numbers until it's in place, then do the next one. I put the border in there because when you have a border, it's easier to see where the edge of the div is when you are positioning it. If you don't want borders, then after you position the divs, just remove the red part.
Katerz
09-23-2005, 07:08 PM
Thanks for that but how am I meant to know what sizes I should be putting in,ill probably be putting in the wrong size each time ;/
Spirit892
09-26-2005, 07:56 PM
You just play around with the numbers until it fits into your layout.
javalox
10-30-2005, 01:50 PM
I feel very stupid... Does this topic have anything to do with placing blogs on top of images? I need help... And I can't post any new messages! (Or at least I can't figure out how...) Like I said, I feel very stupid now... x(

PLEASE, please, please, email me at javalox@yahoo.com if you can help me... with either of those things^^^. :) Thanks.
Katerz
11-04-2005, 07:46 AM
^^ All you have to do is click new thread...
LollieLover
08-15-2006, 09:50 AM
can i use that code to cause i was just about to post the same auestion lol:waves:
tokyo bleu
08-15-2006, 11:58 PM
can i use that code to cause i was just about to post the same auestion lol:waves:

Of course you may.