date, /// Options

[Nugget]

ok so i want to get rid of the part thats boxed in white



do u see how theres a huge space there? how can u get rid of it??

heres my code :

Custom Header

<!-- begin code provided by createblog.com --><br /><style type="text/css"><br />/* http://createblog.com */<br />body {<br />  background-color: #000000;<br />  scrollbar-arrow-color: #ff99cc;<br />  scrollbar-track-color: #000000;<br />  scrollbar-shadow-color: #000000;<br />  scrollbar-face-color: #000000;<br />  scrollbar-highlight-color: #000000;<br />  scrollbar-darkshadow-color: #ff99cc;<br />  scrollbar-3dlight-color: #ff99cc;<br />  }<br />/* edits the date */<br />div.blogheader, .caption {<br /> background-image: url();<br /> background-repeat:no-repeat;<br /> background-position:center;<br />font-family: terminal;<br />text-transform:none;<br />font-size:8px;<br />line-height:20px;<br />font-weight:normal;<br />color:#ffffff;<br />letter-spacing:1px;<br />background-color:#000000;<br />text-align:center;<br />border:1px dashed #ff99cc;<br />}<br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />  font-weight: bold;<br />  color: #ffffff;<br />  }<br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 1px dashed #ffffff;<br />font:normal 8px terminal;<br />background-color: 000000;<br />font-color:#ff99cc;<br />        }<br /> table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />  text-align: center;<br />  }<br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />  background-image: url();<br />  background-color:none;<br />  color: #ff99cc;<br />  font: bold 8pt terminal;<br />  text-transform: none;<br />  text-align:center;<br />border: #ff99cc 1px dashed;<br />;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:ff99cc;<br />background-color:000000;<br />BORDER: #ff99cc 1px dashed;<br /> }<br /><br />font,td,p,xmp{color:#ff99cc;<br />font-face: terminal;<br />font-weight:normal;<br />font-size:8pt;<br />text-align:justify;}<br /><br />table.blogbody tr td { <br />/* this edits the left margin of blog */ <br />  width:0px; <br />  padding-left: 0px;<br />  } <br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: terminal;<br />BORDER: #ff99cc 1px dashed;<br />width:400px;}<br /><br />a:link{line-height: 8pt; font-family: terminal;font-weight:normal; color:#ffffff; text-transform:none;font-size:8pt; cursor:crosshair;}<br />a:active{font-family: terminal; color:#ff99cc; text-transform:none;font-size:8pt; cursor:crosshair;}<br />a:visited{font-family: terminal; color:#ff99cc; text-transform:none;text-decoration:strikeout;font-size:8pt;cursor: crosshair;}<br />A:hover {font-family: terminal;color:#ff99cc;text-transform: uppercase; cursor: crosshair; font-weight:bold;font-size:8pt<br />}<br /><br />P, B, I, TD, TH <br />{font-family: terminal; color: #ff99cc; font-size: 8pt; }<br /><br />u{<br />border-bottom: 2px dashed #ffffff;<br />color:#ffffff; }<br /><br />s {<br />color: ffffff;<br />}<br /><br />.blogbody i, .standard i, p i, em {<br /> font-weight: italic;<br /> color: white; }<br /></style><br /><!-- end code provided by createblog.com -->

-there fixed-


sorry if theres a topic on this already!

edit

also can i replace that part wit an extra box like just for scribbles? and if so wuts the code? please and thank you

This post has been edited by gotnoheart: Mar 18 2005, 07:14 PM

[*mona lisa*]

it would be SO much easier if you put all the CSS together into one stlyesheet. and more organized. i can do that for you if you want.

well, i can't tell from this cause it depends on the width you define somewhere in your CLAF. but, there is no option for the width for anything on there. we need more of your codes. do you have a link to your xanga?

[Nugget]

yea its http://www.xanga.com/babii_vi3t_tester

and umm i feel stupid but wut did u mean in the first paragraph .. and wut does "css" mean

edit

and thats all of my codes..but i did make adjustments on the thing thats given u kno the left module border thing that they provided for u if that was the cause

[*mona lisa*]

<!-- begin code provided by createblog.com --><br /><style type="text/css"><br />/* http://createblog.com */<br />body {<br />  background-color: #000000;<br />  scrollbar-arrow-color: #ff99cc;<br />  scrollbar-track-color: #000000;<br />  scrollbar-shadow-color: #000000;<br />  scrollbar-face-color: #000000;<br />  scrollbar-highlight-color: #000000;<br />  scrollbar-darkshadow-color: #ff99cc;<br />  scrollbar-3dlight-color: #ff99cc;<br />  }<br />/* edits the date */<br />div.blogheader, .caption {<br /> background-image: url();<br /> background-repeat:no-repeat;<br /> background-position:center;<br />width: ###px;<br />font-family: terminal;<br />text-transform:none;<br />font-size:8px;<br />line-height:20px;<br />font-weight:normal;<br />color:#ffffff;<br />letter-spacing:1px;<br />background-color:#000000;<br />text-align:center;<br />border:1px dashed #ff99cc;<br />}<br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />  font-weight: bold;<br />  color: #ffffff;<br />  }<br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 1px dashed #ffffff;<br />font:normal 8px terminal;<br />background-color: 000000;<br />font-color:#ff99cc;<br />        }<br /> table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />  text-align: center;<br />  }<br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />  background-image: url();<br />  background-color:none;<br />  color: #ff99cc;<br />  font: bold 8pt terminal;<br />  text-transform: none;<br />  text-align:center;<br />border: #ff99cc 1px dashed;<br />;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:ff99cc;<br />background-color:000000;<br />BORDER: #ff99cc 1px dashed;<br /> }<br /><br />font,td,p,xmp{color:#ff99cc;<br />font-face: terminal;<br />font-weight:normal;<br />font-size:8pt;<br />text-align:justify;}<br /><br />table.blogbody tr td { <br />/* this edits the left margin of blog */ <br />  width:0px; <br />  padding-left: 0px;<br />  } <br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: terminal;<br />BORDER: #ff99cc 1px dashed;<br />width:400px;}<br /><br />a:link{line-height: 8pt; font-family: terminal;font-weight:normal; color:#ffffff; text-transform:none;font-size:8pt; cursor:crosshair;}<br />a:active{font-family: terminal; color:#ff99cc; text-transform:none;font-size:8pt; cursor:crosshair;}<br />a:visited{font-family: terminal; color:#ff99cc; text-transform:none;text-decoration:strikeout;font-size:8pt;cursor: crosshair;}<br />A:hover {font-family: terminal;color:#ff99cc;text-transform: uppercase; cursor: crosshair; font-weight:bold;font-size:8pt<br />}<br /><br />P, B, I, TD, TH <br />{font-family: terminal; color: #ff99cc; font-size: 8pt; }<br /><br />u{<br />border-bottom: 2px dashed #ffffff;<br />color:#ffffff; }<br /><br />s {<br />color: ffffff;<br />}<br /><br />.blogbody i, .standard i, p i, em {<br /> font-weight: italic;<br /> color: white; }<br /></style><br /><!-- end code provided by createblog.com -->

ok well, underneath where it says div.blogheader.caption, i added the thing for the width. make it the same as the width of the blogbody.

CSS means cascading style sheet. that's what the whole thing that you gave is called.

This post has been edited by gotnoheart: Mar 18 2005, 07:19 PM

[Nugget]

ohhh

well when i adjusted the width to any number,it stayed the same but kno u shorter..as in i adjusted it to : 150px and it was short so then i did 180 px and it was the same length so then i did 250 and still the same then 50 and again the same..u kno wuts wrong?

[*mona lisa*]

what's the width for your whole xanga in the claf? is it full screen or is it a specific width?

[Nugget]

it says 100 pixels =\ should i make it the same?

edit

nvm i got it =) but umm i tried the custom module code and it never worked..so then i used this code that did have it and then it made my xanga worst..can someone help??

oh and thanks!

edit

heh nvm i got that one too thanks guys! someone may close this now

EDIT

WAIT!! umm when i added 2 custom modules it only showed one..know wut hte problem is?

[largosama]

which custom module script

[Nugget]

this one

<!-- begin code provided by createblog.com --><br /><!-- Left Side Modules : Paul Chen --><br /><div id="customLeft" style="display:none"><br /><!-- module:start --><br /><table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1"><br /> <tr><th class="left" vAlign="top" align="left"><br /> [-Music-]<br /> </th></tr><br /> <br /> <tr><td class="left" vAlign="top"><br /> Customize Your Content Here<br/> <br /> </td></tr><br /></table><br /><br/><br /><!-- module:end --><br /></div><br /><script><br />var sbpc = document.getElementById('customLeft');<br />var myForm = document.getElementById('__aspnetForm');<br />var leftSide = sbpc.cloneNode(true);<br />leftSide.style.display = "block";<br />if(!document.all){<br />range = document.createRange();<br />range.selectNode(myForm);<br />range.insertNode(leftSide);}<br />else{myForm.insertAdjacentElement('afterEnd', leftSide);}<br /></script><br /><!-- Left Side Modules : Paul Chen --><br /><!-- end code provided by createblog.com -->

[largosama]

did you copy the <!-- module: start--> to <!--module: end --> exactly and right after the previous <!-- module: end-->

[Nugget]

noo but cna u explain that more like

<!-- module:start --> code here? <!-- module: end -->

adn well now im confused there =\

[largosama]

<!-- module:start -->
code here?
<!-- module: end -->
<!-- module:start -->
code here?
<!-- module: end -->

without any code between the module ends and starts

[Nugget]

ok so is that for ONE of the thing?? like if i wanted to put lets say FUN STUF and i want another one that says scribbles would that one code make one seperate? like


<!-- module:start -->
fun stuff
<!-- module: end -->
<!-- module:start -->
fun stuff
<!-- module: end -->



<!-- module:start -->
scribbles
<!-- module: end -->
<!-- module:start -->
scribbles
<!-- module: end -->

[largosama]

<!-- module:start -->
fun stuff
<!-- module: end -->
<!-- module:start -->
scribbles
<!-- module: end -->

heh sorry

[Nugget]

so would this be right?

<!-- begin code provided by createblog.com --><br /><br /><!-- module: start --><br /><!-- Left Side Modules : Paul Chen --><br /><div id="customLeft" style="display:none"><br /><!-- module:start --><br /><table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1"><br /> <tr><th class="left" vAlign="top" align="left"><br /> [-PICS-]<br /> </th></tr><br /> <br /> <tr><td class="left" vAlign="top"><br /> <!-- begin code provided by createblog.com --><br /><marquee direction="left" height="230" scrollAmount="12" onMouseOver="this.scrollAmount=5" onMouseOut="this.scrollAmount=12" onMouseDown="this.scrollAmount=5" onMouseUp="this.scrollAmount=5"><br /><img src="http://img222.exs.cx:81/img222/5888/image00322bt.jpg" title="Free image hosting powered by xs.to"><img src="http://img233.exs.cx:81/img233/7311/image0401ce.jpg" title="Free image hosting powered by xs.to"><img src="http://img213.exs.cx:81/img213/7485/img2004033102104105466wl.jpg" title="Free image hosting powered by xs.to"><img src="http://img221.exs.cx:81/img221/7386/img2004033102103805313tp.jpg" title="Free image hosting powered by xs.to"><img src="http://img228.exs.cx:81/img228/2087/img2004033102102904846ra.jpg" title="Free image hosting powered by xs.to"></marquee><br /><br /><br><br /><br><br /><br />new pics soon =]<br /><br /><br /><BR><br /><BR><br /><br /><marquee direction="left" height="230" scrollAmount="12" onMouseOver="this.scrollAmount=5" onMouseOut="this.scrollAmount=12" onMouseDown="this.scrollAmount=5" onMouseUp="this.scrollAmount=5"><br /><img src="http://img235.exs.cx/img235/4299/image0019tg.jpg"><img src="http://img109.exs.cx/img109/4774/image0720st.jpg"><br><br><br /><br />3/18<br /><br /><br><br><img src="http://img205.exs.cx/img205/9749/image0732ix.jpg"><img src="http://img206.exs.cx/img206/5221/image0751fg.jpg"><img src="http://img222.exs.cx/img222/6561/image0762rx.jpg"></br><br /></marquee><br /><br /><br/> <br /> </td></tr><br /></table><br /><br/><br /><!-- module:end --><br /></div><br /><script><br />var sbpc = document.getElementById('customLeft');<br />var myForm = document.getElementById('__aspnetForm');<br />var leftSide = sbpc.cloneNode(true);<br />leftSide.style.display = "block";<br />if(!document.all){<br />range = document.createRange();<br />range.selectNode(myForm);<br />range.insertNode(leftSide);}<br />else{myForm.insertAdjacentElement('afterEnd', leftSide);}<br /></script><br /><!-- Left Side Modules : Paul Chen --><br /><!-- module: end --><br /><!-- module: start --><br /><!-- begin code provided by createblog.com --><br /><!-- Left Side Modules : Paul Chen --><br /><div id="customLeft" style="display:none"><br /><!-- module:start --><br /><table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1"><br /> <tr><th class="left" vAlign="top" align="left"><br /> [-scribbles-]<br /> </th></tr><br /> <br /> <tr><td class="left" vAlign="top"><br /> Customize Your Content Here<br/> <br /> </td></tr><br /></table><br /><br/><br /><!-- module:end --><br /></div><br /><script><br />var sbpc = document.getElementById('customLeft');<br />var myForm = document.getElementById('__aspnetForm');<br />var leftSide = sbpc.cloneNode(true);<br />leftSide.style.display = "block";<br />if(!document.all){<br />range = document.createRange();<br />range.selectNode(myForm);<br />range.insertNode(leftSide);}<br />else{myForm.insertAdjacentElement('afterEnd', leftSide);}<br /></script><br /><!-- Left Side Modules : Paul Chen --><br /><!-- end code provided by createblog.com --><br /><!-- module: end --><br /><!-- end code provided by createblog.com -->

[largosama]

you only need to copy the module parts, not the entire script over

try this:

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><!-- Left Side Modules : Paul Chen --><br /><div id="customLeft" style="display:none"><br /><!-- module:start --><br /><table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1"><br /> <tr><th class="left" vAlign="top" align="left"><br /> [-PICS-]<br /> </th></tr><br /> <br /> <tr><td class="left" vAlign="top"><br /> <!-- begin code provided by createblog.com --><br /><marquee direction="left" height="230" scrollAmount="12" onMouseOver="this.scrollAmount=5" onMouseOut="this.scrollAmount=12" onMouseDown="this.scrollAmount=5" onMouseUp="this.scrollAmount=5"><br /><img src="http://img222.exs.cx:81/img222/5888/image00322bt.jpg" title="Free image hosting powered by xs.to"><img src="http://img233.exs.cx:81/img233/7311/image0401ce.jpg" title="Free image hosting powered by xs.to"><img src="http://img213.exs.cx:81/img213/7485/img2004033102104105466wl.jpg" title="Free image hosting powered by xs.to"><img src="http://img221.exs.cx:81/img221/7386/img2004033102103805313tp.jpg" title="Free image hosting powered by xs.to"><img src="http://img228.exs.cx:81/img228/2087/img2004033102102904846ra.jpg" title="Free image hosting powered by xs.to"></marquee><br /><br /><br><br /><br><br /><br />new pics soon =]<br /><br /><br /><BR><br /><BR><br /><br /><marquee direction="left" height="230" scrollAmount="12" onMouseOver="this.scrollAmount=5" onMouseOut="this.scrollAmount=12" onMouseDown="this.scrollAmount=5" onMouseUp="this.scrollAmount=5"><br /><img src="http://img235.exs.cx/img235/4299/image0019tg.jpg"><img src="http://img109.exs.cx/img109/4774/image0720st.jpg"><br><br><br /><br />3/18<br /><br /><br><br><img src="http://img205.exs.cx/img205/9749/image0732ix.jpg"><img src="http://img206.exs.cx/img206/5221/image0751fg.jpg"><img src="http://img222.exs.cx/img222/6561/image0762rx.jpg"></br><br /></marquee><br /><br /><br/> <br /> </td></tr><br /></table><br /><br/><br /><!-- module:end --><br /><!-- module:start --><br /><table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1"><br /> <tr><th class="left" vAlign="top" align="left"><br /> [-scribbles-]<br /> </th></tr><br /> <br /> <tr><td class="left" vAlign="top"><br /> Customize Your Content Here<br/> <br /> </td></tr><br /></table><br /><br/><br /><!-- module:end --><br /></div><br /><script><br />var sbpc = document.getElementById('customLeft');<br />var myForm = document.getElementById('__aspnetForm');<br />var leftSide = sbpc.cloneNode(true);<br />leftSide.style.display = "block";<br />if(!document.all){<br />range = document.createRange();<br />range.selectNode(myForm);<br />range.insertNode(leftSide);}<br />else{myForm.insertAdjacentElement('afterEnd', leftSide);}<br /></script><br /><br /><!-- end code provided by createblog.com -->

[Nugget]

OMG THANKS!! can u put a working link in the custom module?

[lawmaniac_98]

OMG THANKS!! can u put a working link in the custom module?

Here's the link for the custom module

http://www.createblog.com/forums/index.php?showtopic=12751

[Nugget]

umm we were talkin about that

but yea does anyone know if we can put an active link in the custom module?

[*mona lisa*]

never used one, but did you try it to see if it worked? someone said that HTML is permitted, but not javascript.

[Nugget]

yea i did try i did http://www.xanga.com/mizz_nga_layouts but it didnt work..sigh..

[largosama]

you can put anything in the module

[Nugget]

so how would u put a link?

[gelionie]

<a href=LINK HERE>WHATEVER YOU WANT IT TO SAY</a>

[Nugget]

thanks alot!!