how do i put a, "About me" module Options

[cu_tie_pie]

how do i put an "About Me" module next to my blog...

here is my TESTER XANGA that i am talking about...

you know the space on the left of the blog area...i want to put my module over there...but if i put a div tag or a table...the blog goes below the module.

help me



//EDIT

ok i got the custom module but it just moved the div to the right...look at the xanga and check it out .... help me!!

This post has been edited by cu_tie_pie: Aug 6 2004, 05:20 PM

[sherryvu]

have you tried using the custom module code? if you have.. you might be putting it in the wrong part of your coding

[cu_tie_pie]

never mind...i got it...i was using the wrong code


thanks so much!!

[sherryvu]

i didn't really do anything but you're welcome haha

[cu_tie_pie]

oh oh wait...now it just moved the div to the right...look at the xanga

[cu_tie_pie]

**bump**

[sherryvu]

can you post both of your header and website stats codes please?

[cu_tie_pie]

ok sure...

here is what is in the custom header section:

CODE

<!-- begin code provided by createblog.com -->
<style type=text/css>
/* remove regular modules */
texttable.left, td.mainleft, table.left, table.navigation, table.search{display:none}
table.blogbody tr td {width:0px; padding: 0px;}

/* edit to your liking */
table.module { border: 1px solid #CCCCCC; width:150px; background-color:#000000; }

table.module th { background-color: #000000;font: bold 11px arial; text-transform: uppercase;color: #cccccc; border: none; }

table.module td {color: #cccccc; text-align: left; border: none; background-image: none; }
</style>


<style type="text/css">
/* "ruPeRt gRiNT" by "cu_tie_pie"*/

BODY {
scrollbar-face-color: #000000;
scrollbar-shadow-color: #CCCCCC;
scrollbar-highlight-color: #CCCCCC;
scrollbar-3dlight-color: #CCCCCC;
scrollbar-darkshadow-color: #CCCCCC;
scrollbar-track-color: #CCCCCC;
scrollbar-arrow-color: #000000;
background-color: #CCCCCC;
font-family: Arial;
font-size:8pt;
font-color: #CCCCCC;
line-height: 12px;
text-align: justify;
cursor: ne-resize;
}

center, font{
font-family: Arial;
font-size: 8pt;
font-color: #CCCCCC;
line-height: 12px;}

table.left {
background-color: transparent;
border:0px;
}

table.left th {
background-color: transparent;
font: 12px arial;
text-transform: uppercase;
color: #CCCCCC;
text-align: left;
font-weight:bold;
padding-top:0;
padding-bottom:0;
border-bottom: 1px solid #CCCCCC;
}

table.left TD {
background-color: transparent;
color: #CCCCCC;
border: 0px;
text-align:left;
}

.blogheader{
background-color: transparent;
font: 24px "brady bunch remastered";
text-transform: lowercase;
color: #CCCCCC;
border: 0px;
text-align: left;
padding-left:4px;
padding-top:0;
padding-bottom:3px;
letter-spacing:1px;
}

.blogbody{
border-top: 1px solid #CCCCCC;
color: #000000;
background-color: #transparent;
width:400px;
}

.blogbody td{
width: 0px;
padding-left: 0px}

input, select, menu, #htmleditor, textarea, .textfield, .button{
border: none;
font-family:"arial";
font-size:8pt;
font-color: #000000;
line-height:12px;
background-color: FFFFFF;
letter-spacing:0px;
text-align: center;
}

.module, .module, .blogbody, table.footer, .standard, .modulemodulefontcolor, td, p, .content, .smalltext{
font:normal 11px arial;
color: #CCCCCC;
text-align:left;
}

STRONG{
COLOR: #CCCCCC;
letter-spacing: 0pt;
text-transform:uppercase;
}

A:link{
text-transform: none;
font-family:"arial";
text-decoration:none;
font-weight:normal;
font-size:8pt;
color: #999999;
filter: none;
height: 0;
letter-spacing: 0px;
}

A:visited{
text-decoration:none;
text-transform:none;
font-family:"arial";
font-weight:normal;
font-size:8pt;
filter: none;
height: 0;
color:#999999;
letter-spacing: 0px;
}

a:active{
color: #999999;}

A:hover{
font-family:"arial";
font-size:8pt;
color:#FFFFFF;
filter: none;
height: 0;
font-weight: normal;
letter-spacing: 0px;
text-decoration: none;
cursor: se-resize;
}

hr, .leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer {display: none;}

table.blogbody {
/* edits your blog or entry space */
border: 1px solid #CCCCCC;
background-color: transparent;
width:350px;
text-align: right;
}
</style>

<div style="width: 452px; border: 1px solid #000000; background-color: #FFFFFF;">
<div style="border: 1px solid #FFFFFF;margin-top:0px;">
<MAP NAME='imgmap'>
<AREA SHAPE='rect' COORDS='401,10,425,22' HREF='/cu_tie_pie/' ALT='me'>
<AREA SHAPE='rect' COORDS='429,10,448,23' HREF='/signin.aspx/' ALT='in'>
<AREA SHAPE='rect' COORDS='452,11,480,22' HREF='/private/' ALT='yoo'>
<AREA SHAPE='rect' COORDS='486,11,515,22' HREF='/claf/' ALT='edit'>
<AREA SHAPE='rect' COORDS='520,10,555,22' HREF='/Private/subs.aspx/' ALT='/subs/'>
<AREA SHAPE='rect' COORDS='560,11,610,23' HREF='/Private/SubscribeTo.aspx?user=cu_tie_pie' ALT='add me' target="_blank">
<AREA SHAPE='rect' COORDS='614,9,644,23' HREF='/logout.aspx/' ALT='out'>
</MAP>

<IMG SRC='http://img69.exs.cx/img69/7603/rupert.png' border=0 width=652 height=501 USEMAP='#imgmap'></div>

<div style="background-color=#000000;border: 1px solid #FFFFFF; border-top: 0px;width:450px;">

<table border=0 width="450"><tr><td valign="top" width="160">
<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>About Me</b></th></tr><tr><td valign="top" class="module">
<center><img src="http://img37.exs.cx/img37/2963/rupicon.jpg"></center><p>

<b>name:</b> uhhhh..<br>
<b>gender:</b> errr<br>
<b>hobbies:</b> blah blah<br>

</td></tr></table><br>

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>Subscriptions</b></th></tr><tr><td valign="top" class="module">

<!-- Add your subscriptions here -->

<a href="http://www.xanga.com/SOMEONE">someone</a><br>
<a href="http://www.xanga.com/SOMEONE2">someone 2</a>

</td></tr></table><br>

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>Bloggies</b></th></tr><tr><td valign="top" class="module">

<!-- Add your blogrings here -->

<a href="http://www.xanga.com/blogrings/blogring.asp?id=200537">Xangans.com</a>

</td></tr></table><br>


<!-- Here's your CUSTOM MODULE.. copy and paste as needed -->
<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>CUSTOM MODULE</b></th></tr><tr><td valign="top" class="module">

La la la =]

</td></tr></table><br>
</td><td width="500" valign="top" align="left">
<!-- end code provided by createblog.com -->

here is what is in the website STATS:

CODE

<!-- begin code provided by createblog.com -->
</td></tr></table>

<div style="width: 652px; height:200px;border: 0px solid #FFFFFF; margin-top:-1px;">
<MAP NAME='mapping'>
<AREA SHAPE='rect' COORDS='7,194,211,213' HREF='/cu_tie_pie/' ALT='cu_tie_pie' target="_blank">
</MAP>

<IMG SRC='http://img27.exs.cx/img27/4844/bottomrupert1.png' border=0px width=652 height=217 USEMAP='#mapping'></div>

<!-- end code provided by createblog.com -->

[sherryvu]

okay i was able to get rid of the extra space but then you would have to take out that banner at the bottom... so someone else might have to help you.. sorry.. but here's the code for the one without the bottom banner: header:

CODE

<!-- begin code provided by createblog.com -->
<style type=text/css>
/* remove regular modules */
texttable.left, td.mainleft, table.left, table.navigation, table.search{display:none}
table.blogbody tr td {width:0px; padding: 0px;}

/* edit to your liking */
table.module { border: 1px solid #CCCCCC; width:150px; background-color:#000000; }

table.module th { background-color: #000000;font: bold 11px arial; text-transform: uppercase;color: #cccccc; border: none; }

table.module td {color: #cccccc; text-align: left; border: none; background-image: none; }
</style>


<style type="text/css">
/* "ruPeRt gRiNT" by "cu_tie_pie"*/

BODY {
scrollbar-face-color: #000000;
scrollbar-shadow-color: #CCCCCC;
scrollbar-highlight-color: #CCCCCC;
scrollbar-3dlight-color: #CCCCCC;
scrollbar-darkshadow-color: #CCCCCC;
scrollbar-track-color: #CCCCCC;
scrollbar-arrow-color: #000000;
background-color: #CCCCCC;
font-family: Arial;
font-size:8pt;
font-color: #CCCCCC;
line-height: 12px;
text-align: justify;
cursor: ne-resize;
}

center, font{
font-family: Arial;
font-size: 8pt;
font-color: #CCCCCC;
line-height: 12px;}

table.left {
background-color: transparent;
border:0px;
}

table.left th {
background-color: transparent;
font: 12px arial;
text-transform: uppercase;
color: #CCCCCC;
text-align: left;
font-weight:bold;
padding-top:0;
padding-bottom:0;
border-bottom: 1px solid #CCCCCC;
}

table.left TD {
background-color: transparent;
color: #CCCCCC;
border: 0px;
text-align:left;
}

.blogheader{
background-color: transparent;
font: 24px "brady bunch remastered";
text-transform: lowercase;
color: #CCCCCC;
border: 0px;
text-align: left;
padding-left:4px;
padding-top:0;
padding-bottom:3px;
letter-spacing:1px;
}

.blogbody{
border-top: 1px solid #CCCCCC;
color: #000000;
background-color: #transparent;
width:400px;
}

.blogbody td{
width: 0px;
padding-left: 0px}

input, select, menu, #htmleditor, textarea, .textfield, .button{
border: none;
font-family:"arial";
font-size:8pt;
font-color: #000000;
line-height:12px;
background-color: FFFFFF;
letter-spacing:0px;
text-align: center;
}

.module, .module, .blogbody, table.footer, .standard, .modulemodulefontcolor, td, p, .content, .smalltext{
font:normal 11px arial;
color: #CCCCCC;
text-align:left;
}

STRONG{
COLOR: #CCCCCC;
letter-spacing: 0pt;
text-transform:uppercase;
}

A:link{
text-transform: none;
font-family:"arial";
text-decoration:none;
font-weight:normal;
font-size:8pt;
color: #999999;
filter: none;
height: 0;
letter-spacing: 0px;
}

A:visited{
text-decoration:none;
text-transform:none;
font-family:"arial";
font-weight:normal;
font-size:8pt;
filter: none;
height: 0;
color:#999999;
letter-spacing: 0px;
}

a:active{
color: #999999;}

A:hover{
font-family:"arial";
font-size:8pt;
color:#FFFFFF;
filter: none;
height: 0;
font-weight: normal;
letter-spacing: 0px;
text-decoration: none;
cursor: se-resize;
}

hr, .leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer {display: none;}

table.blogbody {
/* edits your blog or entry space */
border: 1px solid #CCCCCC;
background-color: transparent;
width:350px;
text-align: right;
}
</style>

<div style="background-color=#000000;border: 1px solid #FFFFFF; border-top: 0px;width:450px;">
<div style="border: 1px solid #FFFFFF;margin-top:0px;">
<MAP NAME='imgmap'>
<AREA SHAPE='rect' COORDS='401,10,425,22' HREF='/cu_tie_pie/' ALT='me'>
<AREA SHAPE='rect' COORDS='429,10,448,23' HREF='/signin.aspx/' ALT='in'>
<AREA SHAPE='rect' COORDS='452,11,480,22' HREF='/private/' ALT='yoo'>
<AREA SHAPE='rect' COORDS='486,11,515,22' HREF='/claf/' ALT='edit'>
<AREA SHAPE='rect' COORDS='520,10,555,22' HREF='/Private/subs.aspx/' ALT='/subs/'>
<AREA SHAPE='rect' COORDS='560,11,610,23' HREF='/Private/SubscribeTo.aspx?user=cu_tie_pie' ALT='add me' target="_blank">
<AREA SHAPE='rect' COORDS='614,9,644,23' HREF='/logout.aspx/' ALT='out'>
</MAP>

<IMG SRC='http://img69.exs.cx/img69/7603/rupert.png' border=0 width=652 height=501 USEMAP='#imgmap'></div>

<table border=0 width="450"><tr><td valign="top" width="160">
<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>About Me</b></th></tr><tr><td valign="top" class="module">
<center><img src="http://img37.exs.cx/img37/2963/rupicon.jpg"></center><p>

<b>name:</b> uhhhh..<br>
<b>gender:</b> errr<br>
<b>hobbies:</b> blah blah<br>

</td></tr></table><br>

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>Subscriptions</b></th></tr><tr><td valign="top" class="module">

<!-- Add your subscriptions here -->

<a href="http://www.xanga.com/SOMEONE">someone</a><br>
<a href="http://www.xanga.com/SOMEONE2">someone 2</a>

</td></tr></table><br>

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>Bloggies</b></th></tr><tr><td valign="top" class="module">

<!-- Add your blogrings here -->

<a href="http://www.xanga.com/blogrings/blogring.asp?id=200537">Xangans.com</a>

</td></tr></table><br>


<!-- Here's your CUSTOM MODULE.. copy and paste as needed -->
<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>CUSTOM MODULE</b></th></tr><tr><td valign="top" class="module">

La la la =]

</td></tr></table><br>
</td><td width="500" valign="top" align="left">
<!-- end code provided by createblog.com -->

[cu_tie_pie]

ya that's what i figured....thanks anyways!