View Full Version : chatter box on left and calander


LaYdEe_x_C
08-01-2004, 01:17 AM
how did she get her chatterbox on the left side??
http://www.xanga.com/home.aspx?user=ohhhCherieBaby

and how did she get that calander thing? where u hover over tha date and it tellz you whatz going on that day? thankz. [:

smileygurl119
08-01-2004, 01:22 AM
calendar code:

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

and the chatterbox is on to the side because they used custom modules that can be found here:

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

LaYdEe_x_C
08-01-2004, 02:57 AM
thankz sooo much. :D got a question tho.. Like, i dont know how to get those modulez to look like the onez i already have. i know i have to edit them, but im not sure just what to edit. all i know is that this is the code that i use for my modulez now..

table.left TH {font: 11px; padding:2px; color: ada187; font-weight: none; letter-spacing:0x; font-family:terminal; line-height: 6px; text-align: left; text-transform: uppercase; background-image: url("");background: c1c5c8; border-bottom: 1px solid #000000; }

smileygurl119
08-01-2004, 04:01 AM
if you want your custom modules to look like your old ones then edit this, but i tried to put in the same code...if it doesnt work, then just edit them..:

<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 #000000; width:160px; background-color:transparent; }
table.module th { background-color: #transparent;font: normal 11px terminal; text-transform: uppercase;color: #ada187; border: none; }
table.module td {color: #ada187; text-align: left; border: none; background-image: none; }
</style>

LaYdEe_x_C
08-01-2004, 08:40 PM
when i use the calendar code.. i use the one for the custom modules, [since i have them now] but then it doesnt seem to work...can i get some help? thankz <33

smileygurl119
08-02-2004, 12:59 AM
well..you kno how it says "</td></tr></table>" and there`s two if you actually read or look at them because there`s one from the calendar and for the custom modules...so i think you take out one of them...

JiNgLeBeLLz77
08-02-2004, 04:01 AM
if that doesn't work, then it's because you had to alter the code. because i used the same calender code from createblog... and that didn't work for me because i had to change *everything* that says "class left", change it to class module... i had to do that for it to work =]

LaYdEe_x_C
08-08-2004, 12:20 AM
thankz it worked. [: but how do i put the calander into the space where my subscriptionz are gonna go? cuz im gonna put the calendar there instead. and when i put it where the sub. are supposed to go, it messed up the page. is this making sense? im sorry if it isnt. if someone kan help, id appreciate it. [:

JiNgLeBeLLz77
08-08-2004, 08:52 AM
you're welcome =]

about your question... paste your custom modules code here and i'll help you cuz i have the calender code and custom module code in my xanga also, and it works fine... :)

LaYdEe_x_C
08-08-2004, 09:38 PM
this part goez into the header

<!-- 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: 2px;}

/* edit to your liking */
table.module { border: 1px solid #000000; width:160px; background-color:cdbda6; }
table.module th { background-color: #c1c5c8;font: normal 11px terminal; text-transform: uppercase;color: #ada187; border: 1px solid 000000; }
table.module td {color: #ada187; text-align: left; border: 1px solid 000000; background-image: none; }
</style>

<!-- add this below all the CSS -->

<table border=0 width="660"><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>AUT0B10GRAPHY</b></th></tr><tr><td valign="top" class="module">
<center><img src="http://p5.xanga.com/55/37/55378c8c129631ab25fd2b7065ed05214230238.jpg"></center><p>

<b>kall her:</b><br>
<b>gender:<br>
<b>stuff<u>&</u><i>stuff:</i>

<br></br>
<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>CALENDAR</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 -->

<br><a href="http://www.xanga.com/groups/group.aspx?id=355019">RACQUEL RAM0S iS A LEGEND</a></br>
<br><a href="http://www.xanga.com/groups/group.aspx?id=145749">i'm short but that's ok</a></br>
<br><a href="http://www.xanga.com/groups/group.aspx?id=237127">Boom. Bazooka Joe.</a></br>

</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>DR0P A L1NE 0R TW0</b></th></tr><tr><td valign="top" class="module">

<!-- Flooble chatterbox for cycy start -->
<script language="javascript"> var chatterbox = 'no'; </script>
<script language="javascript" src="http://chatter.flooble.com/chatter.php?js=true&id=cycy&sid=1543572">
</script><noscript>
<a href="http://chatter.flooble.com/chatter.php?id=cycy&sid=1543572&popup=true&w=480&h=400"
target="flooblechatterbox"
onClick="window.open('about:blank','flooblechatterbox','too lbar=no,location=no,directories=no,status=no,menub ar=no,scrollbars=yes,resizable=no,copyhistory=no,w idth=480,height=400');return true;">
<img src="http://img.flooble.com/images/chatter/chaticon.gif" border="0"
align="absbottom">Talk</a>
in my <a href="http://chatter.flooble.com/">flooble chatterbox, a free javascript chat tag board / shoutbox / tagboard program for your xanga, diary, blogger or weblog</a> |
Read free <a href="http://perplexus.info/">brainteasers</a>
</noscript>
<script language="javascript"> if (!chatterbox || chatterbox != 'ok') {
document.write('This <a href="http://chatter.flooble.com/">flooble chatterbox</a> is');
document.write(' temporarily unavailable. It will be back up shortly.'); } </script>
<!-- Flooble chatterbox for cycy end -->
</td></tr></table><br>

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




and this part goez into the website stats

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

JiNgLeBeLLz77
08-09-2004, 03:31 AM
get rid of this part...

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>CALENDAR</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>

and then add in this part... this is straight from my *own* xanga... so please alter it so it's not identical :stickout:

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left"
class="module">august</th></tr><tr><td
valign="top" class="module">
<center><table bgcolor=660066 border=0 style="border: 0pt solid #ccccff" cellpadding=0 cellspacing=0 width=150>
<tr bgcolor=#FFFFFF>
<td colspan=7 width=400>
<tr bgcolor=#ccccff border=0>
<td><b>S</b></td>
<td><b>M</b></td>
<td><b>T</b></td>
<td><b>W</b></td>
<td><b>T</b></td>
<td><b>F</b></td>
<td><b>S</b></td>
</tr>
<tr bgcolor=cc99ff>
<td>1
<td title="HAPPY BiRTHDAY EMiLY =]"><b>2</b></td>
<td>3
<td>4
<td>5
<td>6
<td>7
</tr>
<tr>
<td title="HAPPY BiRTHDAY DAD & SWEET SiXTEEN OCTY =]"><b>8</b></td>
<td>9
<td>10
<td>11
<td>12
<td>13
<td>14
</tr>
<tr>
<td>15
<td title="FiRST day of volleyball practice"><b>16</b></td>
<td title="i'M COMiNG HOME TO AMERiCA!"><b>17</b></td>
<td>18
<td>19
<td>20
<td>21
</tr>
<tr>
<td>22
<td title="FiRST day of SCHOOL! HAPPY SWEET SiXTEEN PATTY!"><b>23</b></td>
<td>24
<td>25
<td title="16th months =] me&kevin"><b>26</b></a>
<td>27
<td>28
</tr>
<tr>
<td>29
<td>30
<td>31
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</CENTER><br>to see what's on my calender... hover the <b>bolded</b> dates<b><em>!</b></em> and if you'd like me to add your <em>birthday</em> or anything to the calender, just comment me <b>=]</b>
</td>
</tr>
</table><br>