Help - Search - Members - Calendar
Full Version: help with modules
Forums > Resource Center > Support Center > Xanga Support > Xanga Resolved Topics
stormbringer
Okee, I want my modules to work, but every code I try dosn't work. I really want modules with a white backround, that I can position right next to my blog. I followed the how to make a xanga layout tutorial, but it dosn't say anything about positioning modules. Yeahh... Please help me because I'm about to start banging my head on my desk. (i'm that frustrated) oro.gif Oh, and one more thing, can you make the blog entries all joined together, so every one dosn't have it's own seperate backround? help.gif

heres me code:
CODE
<!-- begin code provided by createblog.com -->
<img src="http://i91.photobucket.com/albums/k312/stormbringer101/Lbanner1copy.jpg">
<!-- end code provided by createblog.com -->

<!-- begin code provided by createblog.com -->
<div style="
overflow: auto;
width: 750px;
height: px;
margin-top: 0px;
margin-left: 70px;">
<!-- end code provided by createblog.com -->

<!-- begin code provided by createblog.com -->
<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page */
{width:245px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>
<!-- end code provided by createblog.com -->




<!-- begin code provided by createblog.com -->
<style type="text/css">
/*l!ghtspeed*/
/*by sonja*/
body {
background-image:url(http://i91.photobucket.com/albums/k312/stormbringer101/headlock-pat104.jpg);
background-repeat: repeat-y-x;
background-color: #;
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #889364;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #70782f;
}

/* edits the date */
div.blogheader, .caption
{background-image: url();
background-repeat:no-repeat;
background-position:center;
font-family: times new roman;
text-transform:none;
first-letter:italic;
font-size:16px;
line-height:20px;
font-weight:normal;
color:#5a752d;
letter-spacing:2px;
background-color:#ffffff;
text-align:center;
border:10px solid #ffffff;}


.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #9c2d13;}

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: #px solid #COLOR CODE;
font:normal #px FONT FAMILY;
background-color: #ffffff;
font-color:#COLOR CODE;}

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;}

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url();
background-color:ceb8b3;
color: #COLOR CODE;
font: bold #pt times new roman;
text-transform: none;
text-align:center;
border: ffffff 1px solid;}

table.left {
/* this edits the menu module */
width:180px;
color:000000;
background-color:#COLOR CODE;
BORDER: #COLOR CODE #px solid;}

font,td,p,xmp
{color:#617451;
font-face: ariel;
font-weight:normal;
font-size:10pt;
text-align:justify;}

table.blogbody tr td {
/* this edits the left margin of blog */
width:0px;
padding-left: 0px;}

table.blogbody {
/* this edits the other the place where the blog is */
background-color:white;
family-font: verdana;
BORDER: #COLOR CODE #px solid;
width:###px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */

a:link
{line-height: 10pt;
font-family: verdana;
font-weight:normal;
color:#67851e;
text-transform:none;
font-size:10pt;
cursor:crosshair;}

a:active
{font-family: FONT FAMILY;
color:#COLOR CODE;
text-transform:none;
font-size:#pt;
cursor:crosshair;}

a:visited
{font-family: FONT FAMILY;
color:#COLOR CODE;
text-transform:none;
text-decoration:strikeout;
font-size:#pt;
cursor: crosshair;}

A:hover {font-family:times new roman;
color:#85321e;
text-transform: lowercase;
cursor: crosshair;
font-weight:bold;
font-size:#pt}</style>

<style>
p.nav {
/* edits headers for your menu modules */
font-weight: normal;
font-family:arial;
text-transform:lowercase;
font-size:18px;
color:E6E5C2;
background-color:transparent;
text-align: right;
padding:0px;
letter-spacing:2px;
border:0px
}

p.menubottom {
/* edits the menu modules */
background-color:transparent;
font-family:verdana;
color: #3B3B38;
font-size:10px;
text-align: left;
}
</style>

<table border="0">
<tr>
<td>
<p class="nav">header</p>
<tr>
<td>
<p class="menubottom">
your content here
</td>
</tr>
</table>



Thanks in advance!
emberfly
I don't understand what you're talking about with the entries + dates?
stormbringer
no, i just want somebody to help/give me a code that will
a.)create modules that run down the left side (basically a code for modules)
b.)make the backround for the entries run together smoothly(instead of having a break between each entry)
venti-anemoi
CODE
<table border="0">
<tr>
<td>
<p class="nav">header</p>
<tr>
<td>
<p class="menubottom">
your content here
</td>
</tr>
</table>


That's the code you're using for the modules, correct?

Try putting it in a div, and using the "margin" attribute to position them. Like this:

CODE
<div style="overflow: auto; position: absolute; margin-left: ###px; margin-top: ###px;">


<table border="0">
<tr>
<td>
<p class="nav">header</p>
<tr>
<td>
<p class="menubottom">
your content here
</td>
</tr>
</table>

</div>


You can put all the modules into one div and position it that way. Just plug in numbers for ### and..... well, guess and check is probably the best way to do it. XD

As for your entries having a break between them, you want just one long white thing with all your entries in them, right? (I mean, your background is all white, yes?) Then try adding this to your code (before your module stuff):

CODE
<style type="text/css">
#maincontent
{background-color: #FFFFFF;}

.maincenter
{background-color: #FFFFFF;}


Hope that works.

[By the way, I like your banner :D]
stormbringer
*squee*
THANK YOU!!!
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.