posts............................................., ???????????????????????????????????????? Options

[GrayStarr]

hello again... my posts are too big and i just disabled the modules and now the posts are going to the modules section.... help!! how do i put a code that makes the width shorter?

and about the collapsible modules, how do i make the module parts separate a little more?

[Kenado]

You would make the width smaller of the blogs.

CODE

<style type="text/css">table.blogbody {
  WIDTH: 442px;
}</style>

Adjust to width the way you want it.

[GrayStarr]

You would make the width smaller of the blogs.

CODE

<style type="text/css">table.blogbody {
  WIDTH: 442px;
}</style>

Adjust to width the way you want it.

?!@$#%@$!##%@$#&*!@%^#%@$#%@$#???????????

it got shortened, but it still goes to the left and covers the place where the left modules go.....

[Kenado]

That's why I said adjust the width so it's the way you want it and you have to position them using div.

put this at the very END of your header or it won't work.

CODE

<div style="overflow: visible; width: 490px; height: 100%; margin-top: -80px; margin-right: -470px;">

You kinda have to do some adjusting yourself.

[GrayStarr]

That's why I said adjust the width so it's the way you want it and you have to position them using div.

put this at the very END of your header or it won't work.

CODE

<div style="overflow: visible; width: 490px; height: 100%; margin-top: -80px; margin-right: -470px;">

You kinda have to do some adjusting yourself.

huh? it wont work.....

yes i adjusted it and yes i put it at the very end of my header.

[Kenado]

Oh woops I accidentally set it to margin-right

here try this one

CODE

<div style="overflow: visible; width: 490px; height: 100%; margin-top: -80px; margin-left: 0px;">

[GrayStarr]

Oh woops I accidentally set it to margin-right

here try this one

CODE

<div style="overflow: visible; width: 490px; height: 100%; margin-top: -80px; margin-left: 0px;">

hmm... it still doesnt seem to work... i even changed it to margin-top: -600....

[Kenado]

Wait I thought you said you took your modules out? I just went to your xang it's still there and the code I gave you will move your DEFAULT modules and your blogs and maybe make the margin left like 200 or something.

[OhXiet_ItzDonnA]

THIS is to remove your default modules

CODE

<style type="text/css">
.mainleft
{display: none;}
</style>

^ This just consolidates all the "left" classes.

And THIS is for your blog. Just add some numbers.

CODE

<div align=center>
<div style="
width: ###px;
height: ###px;
margin-top: ###px;
margin-left: ###px;">

Oh and btw, please dont make looooooooong titles...it annoys me

This post has been edited by Madame C: Sep 17 2005, 03:00 PM

[GrayStarr]

THIS is to remove your default modules

CODE

<style type="text/css">
.mainleft
{display: none;}
</style>

^ This just consolidates all the "left" classes.

And THIS is for your blog. Just add some numbers.

CODE

<div align=center>
<div style="
width: ###px;
height: ###px;
margin-top: ###px;
margin-left: ###px;">

Oh and btw, please dont make looooooooong titles...it annoys me

wow great code, but the blog moves wit h the banner, so now i want the MODULES to go up and next the banner like this xanga

but the thing doesnt work there..... but u can see the places where the modules go, right?


edit// o and i put lonng titles to attract ppl and make it "visible". nyways, i also need to kno how to move the collapsible modules that i got in the script section.
oh and how do i like make it stay open when i click it? because when i click it then click somethin else, the first one closes and thats annoying.

[Kenado]

You can position the collapsable modules, and I'm not quite too sure if you can do that.
Oh yeah the blog and the banner might be moving up because you might have put that code at the top when it should be all the way at the bottom.

CODE

<div style="margin-left: ###px; margin-top:###px;">COLLAPSABLE MODULE CODE HERE</div>

Yeah play around with that, but make sure you put that before the other code she gave you with the blog body.

[GrayStarr]

You can position the collapsable modules, and I'm not quite too sure if you can do that.
Oh yeah the blog and the banner might be moving up because you might have put that code at the top when it should be all the way at the bottom.

CODE

<div style="margin-left: ###px; margin-top:###px;">COLLAPSABLE MODULE CODE HERE</div>

Yeah play around with that, but make sure you put that before the other code she gave you with the blog body.

so er.. how do i make it stay open?

[talcumpowder]

Collapsable modules...?
You need to put overflow: auto; into your div code otherwise the dont work. And.... You really should read the tutorials.
http://www.createblog.com/forums/index.php?showtopic=5251
http://www.createblog.com/forums/index.php?showtopic=48362
http://www.createblog.com/forums/index.php?showtopic=34220

[GrayStarr]

Collapsable modules...?
You need to put overflow: auto; into your div code otherwise the dont work. And.... You really should read the tutorials.
http://www.createblog.com/forums/index.php?showtopic=5251
http://www.createblog.com/forums/index.php?showtopic=48362
http://www.createblog.com/forums/index.php?showtopic=34220

hm... can u giv me a collapsible module code with the overflow: auto code for me?

[GrayStarr]

hmm... it still doesnt seem to work... i even changed it to margin-top: -600....

hey it works now... but it only worked when i put it at the very TOP of the custom header.... u told me to do it on the bottom!!!

edit/// waita minute... the banner is movin now too!! so thats why u told me to do it at the bottom... but u shoulda tested it cuz if its on the bottom it doesnt work. not even in the middle it doesnt work. it has to be on the very top. i just need some more help!!!

[talcumpowder]

Dont. Double. Post. >.<"
And you annoy me.

<!-- begin code provided by createblog.com --><br /><div align="left" style="margin-left:-7;"><br /><IMG SRC="http://img.photobucket.com/albums/v394/Kanita-chan/Layout%20Pictures/forest_banner.jpg" USEMAP="#forest" WIDTH=600 HEIGHT=400 BORDER="0"><br /><MAP NAME="forest"><br /><AREA SHAPE="RECT" HREF="home" COORDS="576,318, 583,324"><br /><AREA SHAPE="RECT" HREF="profile" COORDS="540,319, 561,324"><br /><AREA SHAPE="RECT" HREF="guestbook" COORDS="540,309, 569,315"><br /><AREA SHAPE="RECT" HREF="in" COORDS="539,299, 561,304"><br /><AREA SHAPE="RECT" HREF="out" COORDS="560,290, 577,296"><br /><AREA SHAPE="RECT" HREF="claf" COORDS="539,290, 547,296"><br /><AREA SHAPE="RECT" HREF="yours" COORDS="540,280, 593,285"><br /><AREA SHAPE="RECT" HREF="email" COORDS="541,271, 573,277"><br /><AREA SHAPE="RECT" HREF="im" COORDS="539,261, 561,267"><br /></MAP></div><br /> <br /><script type="text/javascript"><br />/***********************************************<br />* Switch Menu script- by Martial B of http://getElementById.com/<br />* Modified by Dynamic Drive for format & NS4/IE4 compatibility<br />* Visit http://www.dynamicdrive.com/ for full source code<br />***********************************************/<br /><br />if (document.getElementById){ //DynamicDrive.com change<br />document.write('<style type="text/css">\n')<br />document.write('.submenu{display: none;}\n')<br />document.write('</style>\n')<br />}<br /><br />function SwitchMenu(obj){<br /> if(document.getElementById){<br /> var el = document.getElementById(obj);<br /> var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change<br />  if(el.style.display != "block"){ //DynamicDrive.com change<br />   for (var i=0; i<ar.length; i++){<br />    if (ar[i].className=="submenu") //DynamicDrive.com change<br />    ar[i].style.display = "none";<br />   }<br />   el.style.display = "block";<br />  }else{<br />   el.style.display = "none";<br />  }<br /> }<br />}<br /><br /></script><br /><br /><!-- Keep all menus within masterdiv--><br /><div id="masterdiv" align="left" style="position:absolute; margin-top:-400; margin-left:600; width:120;"><br /><div class="menutitle" onclick="SwitchMenu('sub1')">Navigation</div><br /><span class="submenu" id="sub1"><br />This is your navigation. Leave it in, or you'll never be able to find anything. Please change all instances of USERNAME to your xanga username.<br><br /><a id="SubscriptionModule1_hplSub" onclick="javascript:window.open('/Private/SubscribeTo.aspx?user=USERNAME',<br />'subscriptions','width=470,height=455,scrollbars=1,resizable=1');return false;" href="/Private/SubscribeTo.aspx?user=<br />USERNAME"><span id="subSubTo">Subscribe to USERNAME</span></a><br /><a id="SubscriptionModule1_hplTrialSub" onclick="javascript:window.open('/Private/SubscribeTo.aspx?trial=1&amp;user=<br />USERNAME','subscriptions','width=470,height=455,scrollbars=1,resizable=1');return false;" href="/Private/SubscribeTo.aspx?<br />trial=1&amp;user=USERNAME"><span id="subTrialSubTo">Get trial subscription</span></a><br><br /><a href="http://xanga.com">Xanga Home</a><br><br /><a href="http://xanga.com/USERNAME">Refresh</a><br><br /><a href="http://www.xanga.com/private/home.aspx">Your Xanga</a><br><br /><a href="http://www.xanga.com/CLAF/default.asp">CLAF/Edit</a><br><br /><a href="http://www.xanga.com/profile.aspx?user=USERNAME">Profile-ness</a><br><br /><a href="http://www.xanga.com/guestbook.aspx?user=USERNAME">Sign the GuestBook</a><br><br /><a href="http://www.xanga.com/Private/subs.aspx">Your Subbies</a><br><br /><a href="http://www.xanga.com/signin.aspx">In</a><br><br /><a href="http://www.xanga.com/logout.aspx">Out</a><br><br /></span><br /><br /><div class="menutitle" onclick="SwitchMenu('sub2')">About</div><br /><span class="submenu" id="sub2"><br />Add anything you like about yourself into this here menu... You should use it to tell people about yourself.<br><br />Name....<br><br />Gender....<br><br />Age....<br><br />Likes....<br><br />Dislikes....<br><br /></span><br /><br /><div class="menutitle" onclick="SwitchMenu('sub3')">Music</div><br /><span class="submenu" id="sub3"><br />This is your music player. edit it as you see fit. Sankyuu~!<br /><script><br />function PlaySong(name)<br />{<br />  var text =<br />  "<embed src = \"" + name + "\" type = \"audio/x-bmx\" " +<br />  "backcolor = \"200, 200, 200\" " +<br />  "scrollspeed = 0 " +<br />  "infocolor = \"0, 140, 200\" " +<br />  "width = 0 height = 0" +<br />  ">";<br />  if (document.all)<br />  {<br />    // Internet explorer<br />    document.all.Plugin.innerHTML = text;<br />  }<br />  else<br />  {<br />    // Netscape<br />    document.Plugin.document.write(text);<br />    document.Plugin.document.close();<br />  }<br />}<br /></script><br /><div ID = "PlayList"><br />Pick your ear candy::<br><br />+ <a href = "javascript:PlaySong('MUSICURL')" title="TITLE">Song 1</a><br><br />+ <a href = "javascript:PlaySong('MUSICURL')" title="TITLE">Song 2</a><br><br />+ <a href = "javascript:PlaySong('MUSICURL')" title="TITLE">Song 3</a><br><br />+ <a href = "javascript:PlaySong('MUSICURL')" title="TITLE">Song 4</a><br><br />+ <a href = "javascript:PlaySong('MUSICURL')" title="TITLE">Song 5</a><br><br />+ <a href = "javascript:PlaySong('MUSICURL')" title="TITLE">Song 6</a><br><br />+ <a href = "javascript:PlaySong('MUSICURL')" title="TITLE">Song 7</a><br><br />+ <a href = "javascript:PlaySong('MUSICURL')" title="TITLE">Song 8</a><br><br />// <a href = "javascript:PlaySong('#')" title="No Music">TURN OFF</a>\\<br /></div><br><br />Hover over the links to see<br>the title and artist of the song.<br><br><br /></span><br /> <br /><div class="menutitle" onclick="SwitchMenu('sub4')">People</div><br /><span class="submenu" id="sub4"><br />Add your subbies here.... Or just people and/or places you like to go on the net.<br /></span><br /><br /><div class="menutitle" onclick="SwitchMenu('sub5')">Creditations</div><br /><span class="submenu" id="sub5"><br />These are the credits. Touch them, you're toast... I worked hard on conversion and such. Please... Allow me these. Sankyuu...<br><br />-><a href="http://www.freewebs.com/nyahxnek0">Nyah-chan</a> for coding and graphics<br><br />-><a href="http://www.shed-a-tear.org/truly-you/">Truly You</a> for original images.<br><br />-><a href="http://www.createblog.com">CB</a> for distribution<br><br />-><a href="http://www.dafont.com/en">DaFont</a> for the lovely fonts<br><br />-><a href="http://www.dynamicdrive.com/">Dynamic Drive</a> for these nifty modules<br /></span><br /></div><br /><br /><style type="text/css"><br />/* Forest Nymph */<br />/* By - Smothered Rose */<br />/* x_AkaixBaraxProductions_x @ Xanga [dot] com */<br />body {cursor: crosshair; background-color: #000000;overflow-x:none;}<br />//blogringdocument.write<br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text */<br />font:10px arial; color: #FFFFFF; text-align:justify;}<br />div.blogheader, .caption {<br />/* edits the dates */<br />font-family: verdana;text-transform:lowercaps;font-size:14px;font-weight:bold;<br />color:#DC143C;background-color: #Transparent;text-align: center; width:200;}<br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br />color: #DC143C;font:10px arial;text-decoration: none;}<br />//blogring.document.write<br />a:visited, a.footernav:visited,  {<br />/* edits the links that the user has visited */<br />color:#DC143C;font:normal 10px arial;text-decoration: none;}<br />a:hover <br />/* edits when user mouseovers the links */<br />color:#FFFFFF;font:11px verdana;cursor: crosshair;text-decoration: none;}<br />input, select, textarea, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 1px dashed #FFFFFF;font:10px arial;background-color: #Transparent;}<br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color: #Transparent;width: 200px;}<br />table.main{<br />/* the width of your blog with modules */<br />  width: 400px;}<br />hr {<br />/* horizontal divider */<br />  border: 1px dotted #FFFFFF;width:100;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, <br />table.left, table.left TH, table.left TD, table.navigation, table.footer<br />{display: none;}<br />div {<br />/* edits the div's scrollbar */<br />filter:chroma(color=#9370DB);<br />scrollbar-arrow-color: #FFFFFF;scrollbar-face-color: #9370DB;scrollbar-3dlight-color: #FFFFFF;scrollbar-darkshadow-color: #FFFFFF;<br />scrollbar-highlight-color: #FFFFFF;scrollbar-shadow-color: #FFFFFF;scrollbar-track-color: #9370DB;}<br />/* this changes the modules */<br />.menutitle{cursor:crosshair;margin-bottom: 5px;background-color:#FFFFFF;color:#000000;width:100px;padding:2px;<br />text-align:center;font-weight:bold;/*/*/border:1px solid #000000;/* */}<br />.submenu{margin-bottom: 0.5em;}<br /></style><br /><br /><div align="left" style="position:absolute; margin-top: 300; margin-left: -200;"><br /><!-- end code provided by createblog.com -->

Works fine for me, you can test that code and fiddle with it until you get what you want.