PDA

View Full Version : DIV blog layout?

Slayer
03-29-2003, 06:12 PM
Hey,
I wasnt quite sure where to post this...so, sorry if it's in the wrong section! I've just spent like 2hrs searching google to figure out how exactly would I make a blog layout using DIV layers, and this is my last resort (and yes i have searched the forum) I usually am successful once i post :)
I've never used DIV before or done a blog, so I have no idea how to start, but I've always been amazed at blog layouts, and wondered how I would do that. For example, I really love this layout here http:// www.iridescent-shimmer.net/designs/
and I dont know how to design a layout??i mean yes i do know how to make layouts and stuff, but not for DIV layers and stuff? like I'm really confused as to how long it should be, and where it ends and stuff, and i've really confused.....if im not making any sense please let me know! lol sorry
but i would love you forever if you could help me at least accomplish the first step! lol
thanks
MaGiCSuN
03-29-2003, 07:31 PM
Just make one big graphic, do not slice it but just make the layout as one big graphic. Everything that has weird fonts or graphics has to be on that graphic. Let it end at the part where you don't need to add special fonts anymore and where the rest can be repeated for the background.

Then make the background, and put the parts on it that need to be repeated, for example the blog part.

put the background on your html page with the <body background="urlhere.gif"> code

and put the graphic on your page with the <img> tag. Everything that will be positioned with divs will be on top of those 2 graphics. Mostly this is the content like blog text, links etc. An tutorial for div layouts can be found here:

Please do not advertise...

Love,
Mirna
sebluver
03-29-2003, 07:54 PM
That site doesn't tell you how to make it so the blog scrolls. Does anyone know the code for that???
Xiphias
03-29-2003, 08:19 PM
Simple. Make your DIVs scroll:

<DIV id="name" style="position: absolute; top: 100px; width:100px; left: 100px; height:380px; overflow: auto;" align=left>Your HTML</DIV>

Change the bold information to what you want.
MaGiCSuN
03-29-2003, 08:39 PM
so lefty, if i gave starlet's tutorial it would be good, but just because it's an tutorial i made myself i'm not able to post it? ok... i know enough
zangerbanger
03-29-2003, 09:26 PM
The blog should be able to scroll by itself. You shouldn't need to add any scroll code in the div layer.
Slayer
03-29-2003, 10:09 PM
thanks! but there was no tutorial site, it just said please do not advertise
lefty
03-29-2003, 10:27 PM
Originally posted by MaGiCSuN
so lefty, if i gave starlet's tutorial it would be good, but just because it's an tutorial i made myself i'm not able to post it? ok... i know enough

yeah, I know you know the rules but I can't make exceptions. :\
Xiphias
03-30-2003, 03:12 AM
Okay, so if Mirna can't link to her DIV Tutorial (http://mirna.ruptured.org/rewritable/div_layout.html), can I? Also, see starlet's tutorial (http://www.``````````````/divtutorial.shtml) for this.

Note: Someone tell me if that is allowed.



Originally posted by zangerbanger
The blog should be able to scroll by itself. You shouldn't need to add any scroll code in the div layer.

I thought they were talking about making it sort of like an iframe.
>>>Bethany182<<
03-30-2003, 08:56 AM
I got my blog at
Pitas (http://www.pitas.com) and then you can get lots of layouts from Lissy Designs (http://lisdesign.diaryland.com/020309_28.html) Hope this helps here are some other blog sites you may choose from I personally prefer pitas tho.
U Journal (http://www.ujournal.org) Diary Land (http://diaryland.com)

And here's my blog!
NO ADVERTISING! - READ THE RULES