Help - Search - Members - Calendar
Full Version: BLOG BOX AND INFO BOX HELP!
Forums > Resource Center > Support Center > Xanga Support > Xanga Resolved Topics
PHANTASTiCTM
Okay.. i found this really nice site and I wanted the SAME format as hers with the BLOG BOX and INFO BOX.

http://www.kenekila.net/

Can anyone tell me the code to it? Need help! :[
talcumpowder
.... There's millions of topics. Why not search?
[ http://www.createblog.com/forums/index.php?showtopic=109538 ]
[ http://www.createblog.com/forums/index.php?showtopic=61624 ]
PHANTASTiCTM
for the blog box and info box.. so i have to make the boxes on my picture?
talcumpowder
Yes.
PHANTASTiCTM
Okay.. I got it to work BUT something's wrong with my coding :[

www.xanga.com/techno_remix
(this is not my xanga; just an example)

and I need the INFO box.. how can i put that in?

here are my codes...
talcumpowder
Use a codebox please.
PHANTASTiCTM
i already got that down.. but my blog is UNDER my info for some odd reason.

www.xanga.com/techno_remix



Can you check my coding? I guess I did something wrong in it
talcumpowder
Screw with the margins on the navigation&blogspace, aligning the navigation first. -shrug- Should work.
PHANTASTiCTM
no work. :'[ I copied the html in the codebox but it's not working.
talcumpowder
I said to screw with the margins. I never told you "copy this and it will work".
CODE
<div style="position:static; margin-left: 355px;margin-top: 5px;border: 0px solid #COLOR CODE; width: 168px; height: ###px;background: none; overflow: auto">
Margins here, and then margins here.
CODE
<div style="overflow: auto; width: ###px; height: ###px; margin-top: ###px; margin-left: ###px;">
If you need to, use a negative (-) margin.
PHANTASTiCTM


I messed with it.. and it still has NOT fixed. :/ do you think a SPECIFIC one I'm doing is wrong?

(check it out on the xanga)
www.xanga.com/techno_remix
talcumpowder
Your height is 1px. o-0
1px is almost the size of a period, therefore nothing's gonna show up.
PHANTASTiCTM
nope. it's still the same format.

www.xanga.com/techno_remix

PHANTASTiCTM
nope. it's still the same format.

www.xanga.com/techno_remix

talcumpowder
Yeah. Did I mention you can use negative numbers? -scrolls up- Yup, I did.
PHANTASTiCTM


it's the same formatting. blink.gif

www.xanga.com/techno_remix
talcumpowder
Keep on going until you get it in the right spot. mellow.gif
[ http://www.xanga.com/x_kurayamixnixAkaixbara_x ]
The navigation has a -360px margin and the blog has a 40px margin.
PHANTASTiCTM
okay.. I got the blog to fit int the skin.. BUT.. it's still not UP next to my the info BOX

www.xanga.com/techno_remix

I guess there is something wrong with :



or


Kenado
Change the margin-topto a much smaller number like -200 if it's not perfect yet then keep messing with it till you do get it the way you want it.
PHANTASTiCTM
If i change the margin top.. the the INFO would move.
Kenado
You also should have another div layer to be able to move the blog around do you have that? Cause I don't see it in your code.

You should arrange your layout like this...

Stylesheet
Modules/info div
Blog div
PHANTASTiCTM
I'm soo confused...

Here are my codes:
talcumpowder
-rolls eyes- Here, just plug in numbers to the ver last lines now.
PHANTASTiCTM


That messed up my whole info box... and the blog box is still too far away.

www.xanga.com/Techno_remix
talcumpowder
Plug. In. Numbers. Then.
Work with the numbers until they work. Fix the navigation to where you want it and then fix the blog box. That simple.
PHANTASTiCTM
But do you understand.. what I did.. LOST my info side and setted my blog entries FAR away from the banner?

talcumpowder
Yes. And so YOU MAKE THE NUMBERS BIGGER until you see it again. Because the magin-left is -900px, so it most likely off the page.
Then you go from there.
PHANTASTiCTM
Okay.. I got my information back on it and the blog.. now how can i pull the blog back up? well.. more of the specific coding in all of this.



www.xanga.com/techno_remix
Kenado


I got you started on where you want the thing spositioned pretty accurately you just have to fix widths and very few margins.
PHANTASTiCTM
OMG THAT HELPED A LOT.. but I'm very close.. you know the blog? It's not completely touching the left side??

www.xanga.com/techno_remix



I believe it's the margin border? I'm not sure...
talcumpowder
Margin-left = Space away from the left of your screen.
Margin-top = space from the top of your screen.
----
Move it about... Six pixels further to the left. Doesn't look good if it touches the exact edge, use about a 2px space to make to easier to read.
Then fix the blog widths and such.
PHANTASTiCTM


margin-left: 6? lost.. -_-;;
talcumpowder
To the left, so... -6.
You subtract to move it closer to the left&add to make it farther.
PHANTASTiCTM
How can I get the banner to do the same thing?
talcumpowder
Put it in a div too.
CODE
<div align="left" style="margin-left: -6px;"><img src="http://tinypic.com/fntr4i.png"></div>
PHANTASTiCTM
how can I put my banner at the TOP of the page?

talcumpowder
Make the margin-top (or add it in) 0px. That should bring it right up to the top... But you can use negatives (as stated before) to move it higher. It won't look good at the very top of the page because of the ad though, and you shouldn't removed that - It can get your xanga shut down.
PHANTASTiCTM
Okay I got that down.. when I add a new right modcule (sp?) why does it move my new modcule and the font color changes?



I got my blog position correctly but it moves with the new modcule I put up.

www.xanga.com/techno_remix
talcumpowder
When I said to move the navigation first, I meant ALL navigation. Because that's how it works (for xanga). And, uh, your new modules aren't in a div.
CODE
<b class=nav><center>[ Ha Le Phan & Chun Wong ]<br>
September 10, 2005<br></center></b></b>
Change to this
CODE
<b><center>[ Ha Le Phan & Chun Wong ]<br>
September 10, 2005</center></b><br>
PHANTASTiCTM
what do you mean by ALL navigation? And I put the code you said.. and my font color is still black.

Here's the WHOLE code:



www.xanga.com/techno_remix
talcumpowder
You move the entire navigational sections, all if more than one, before everything else. Then you move the blog.
I guess you'll just have to define the font color then for that one. -shrug- Don't know why it's doing that..
PHANTASTiCTM
Navigation sections = look and feel, home, sigh in and out, etc? AND the blog after the navigation section?
talcumpowder
Yeah... The sidebar content. Where the navigational stuff goes. And the blog goes after that. -nod-
PHANTASTiCTM
I put the side bar (info blah blah) on the top and blog next.. and it totally put the info top.. then banner.. then blog.. so i put the banner on top and it still came out with the blog all the way down...



www.xanga.com/techno_remix
talcumpowder
You need to change the margins, obviously. Which is what you don't seem to get. That's been the entire basis of this thread, your margins are wrong.
PHANTASTiCTM
YES I GOT IT! thank you so much. Sorry for all the patience you had to have with me. biggrin.gif
talcumpowder
-shrug- I work with people all day. I need patience.
You can PM me if you need this reopened or something.
-> Topic Closed.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.