chatterbox w/ border IN TOP MODULE!!, help.......!!! |
chatterbox w/ border IN TOP MODULE!!, help.......!!! |
Jul 23 2005, 11:51 AM
Post
#1
|
|
|
Newbie ![]() Group: Member Posts: 1 Joined: Jul 2005 Member No: 168,588 |
hi..
please tell me how to insert CHATTERBOX WITH BORDER around it into the TOP MODULE... this is my code and I put chatterbox code in a textbox which is only showing codes not the chatbox.. =================================================== </style></head><body><center><span><div style="height: 79px"></div><script>document.title="NAME OF PAGE";</script> <html><head><title>UR Xanga Site</title><style type="text/css"> Body {background-color: #ffffff; background-image: url("http://tinypic.com/6sgy0z.jpg"); background-attachment: fixed; background-repeat: repeat; background-position: center center; text-align: center; font-family: century gothic; color: #604020; font-size: x-small; text-decoration: none; } :link {color: #604020; text-decoration: underline; } a:link {color: #A76018; text-decoration: underline; } a:visited {color: #8F6030; text-decoration: underline; } a:active {color: #BF8040; text-decoration: none; } a:hover {color: #BFFFFF; text-decoration: underline; } .nav.link {color: #FF3E96; text-decoration: underline; } a.nav:link {color: #BF8040; text-decoration: underline; } a.nav:visited {color: #8F6030; text-decoration: underline; } a.nav:active {color: #604020; text-decoration: none; } a.nav:hover {color: #A76018; text-decoration: underline; } .navselected.link {color: #BF8040; text-decoration: underline; } a.navselected:link {color: #8F6030; text-decoration: underline; } a.navselected:visited {color: #604020; text-decoration: underline; } a.navselected:active {color: #A76018; text-decoration: none; } a.navselected:hover {color: #BFFFFF; text-decoration: underline; } .footernav.link {color: #BF8040; text-decoration: underline; } a.footernav:link {color: #8F6030; text-decoration: underline; } a.footernav:visited {color: #604020; text-decoration: underline; } a.footernav:active {color: #A76018; text-decoration: none; } a.footernav:hover {color: #;BFFFFF text-decoration: underline; } p, center {font-family: century gothic; color: #20DFDF; font-size: x-small; text-decoration: none; } .smalltext {font-size: xx-small; } LI {font-family: century gothic; color: #C7F7F7; font-size: x-small; text-decoration: none; } UL {font-family: century gothic; color: #C7F7F7; font-size: x-small; text-decoration: none; } TD {font-family: Arial; color: #C7F7F7; font-size: x-small; text-decoration: none; } TH {font-family: Arial; color: #C7F7F7; font-size: x-small; text-decoration: none; } HR {color: #CF9F70;} table.banner { background-color: #ffffff; border: 1px solid #604020; background-image: none; } table.header { width: 100%; background-color: transparent; border: transparent; } table.header TH {font-family: Verdana; font-size: x-small; text-decoration: none; font-weight: normal; border: none; } table.header TD {font-family: Verdana; font-size: x-small; text-decoration: none; border: none; } table.navigation { none } table.footer { width: 100%; border: none; } table.main { width: 100%; border: none; } table.main TD, table.main TR { border: none; } table.search { color: #A76018; background-color: #BF8040; border: 1px solid #604020; } table.search TH { color: #A76018; background-color: #A76018; border: 1px solid #8F6030; background-image: none; } table.search TD, table.search TR { color: #8F6030; background-color: #E6E6C3; border: none; background-image: none; } table.left { border: 1px solid #8F6030; } table.left TH { color: #8F6030; background-color: #ffffff; text-align: left; border: none; background-image: none; } table.left TD, table.left TR { color: #8F6030; background-color: #ffffff; text-align: left; border: none; background-image: none; } table.right { border: 1px solid #8F6030; } table.right TH { color: #8F6030; background-color: #ffffff; text-align: left; border: none; background-image: none; } table.right TD, table.right TR { color: #8F6030; background-color: #ffffff; text-align: left; border: none; background-image: none; } table.announcements { border: 1px solid #A76018; background-image: none; } table.announcements TH { border: 1px solid #A76018; border-bottom: 2px solid #A76018; background-image: none; } table.announcements TD, table.announcements TR { border: none; background-image: none; } .button {font-family: Arial; border: 1px solid #A76018; } .textfield {font-family: Arial; border: 1px solid #A76018; } .pulldown {font-family: Arial; border: 1px solid #A76018; } table.textad {border: 2px dotted #BF8040;} table.textad TD, table.textad TR { color: #ff82ab; background-color: #BF8040; border: none; background-image: none; } .textad:link {color: #BF8040; text-decoration: underline; } a.textad:link {color: #CF9F70; text-decoration: underline; } a.textad:visited {color: #CF9F70; text-decoration: underline; } a.textad:active {color: #604020; text-decoration: none; } .blogheader {font-family: Arial; color: #604020; font-size: x-small; text-decoration: none; font-weight: bold; padding-bottom: 4pt; } </style></head><body><center><span><div style="width: 360px; border:4px dashed #A76018; background-color: #ffffff;"> <left><font face="arial"><font size="1"pt> <img src="http://tinypic.com/6sq6mq.jpg" alt="Image hosted by TinyPic.com"align=left>This is were you put your name, age, and more information about you!! you can put all your favorite things, and hobbies..like celebs!! you can <b>bold,</b><u>underline,</u> and even <i>i talicize</i> words!! have fun and be creative!!<img src="http://tinypic.com/6sq6mq.jpg" alt="Image hosted by TinyPic.com"align=right> <a href="http://www.xanga.com/couture_lays">COUTURE_LAYS!</a></b>, and <B>please</b> do not take this tag off! =] Ohh you can also put your <b>DROP DOWN MUSIC PLAYER</b> here too!! <a href="http://xanga.com/couturelays" target="_blank">Layout By Couture Lays</a><br/> </left><!-- begin code provided by createblog.com --> <!-- begin code provided by createblog.com --> <TEXTAREA style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #000000 1px solid; WIDTH: 200px; COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: arial; HEIGHT: 100px; BACKGROUND-COLOR: #ffffff" rows=1 cols=28> <!-- Flooble chatterbox for AKYCS start --> <script language="javascript"> var chatterbox = 'no'; </script><font style= verdana> <script language="javascript" src="http://chatter.flooble.com/chatter.php?js=true&id=AKYCS&sid=3352218"> </script><noscript> <a href="http://chatter.flooble.com/chatter.php?id=AKYCS&sid=3352218&popup=true&w=480&h=400" target="flooblechatterbox" onClick="window.open('about:blank','flooblechatterbox','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,re izable=no,copyhistory=no,width=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> | <a href="http://perplexus.info/">logic puzzles, 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></font> <!-- Flooble chatterbox for AKYCS end --></textarea> <!-- end code provided by createblog.com --> <!-- end code provided by createblog.com --> <br><br><br><center>.<a href="http://www.xanga.com/private/subs.aspx"><b>my suB</b><i>scRi</i><u>bErS</u>.<A><a href="http://www.xanga.com"><b>X</b><i>an</i><b>g</b><u>a</u>.<a href="http://www.xanga.com/private"><b>h0</b><i>me</i></font></A>.<a href="http://xanga.com/Private/SubscribeTo.aspx?user=USERNAMEHERE"><i>SuB</i><b>sc</b><em>ribe♥</em></font></a>.<a href="http://www.xanga.com/CLAF/default.asp"><b>look</b><i>&</i><u>feel</u></A>.<a href="http://edit.xanga.com/signout.aspx"><i>sig</i><b>n</b><u>o</u><em>ut</em></A> </div></td></tr></table></center> <STYLE TYPE="text/css"> table.footer { display:none } </style> <style type="text/css"> /* S0CiiALiTE_LAY0UTS*/ body { background-color: #ffffff; scrollbar-arrow-color: #8F6030; scrollbar-track-color: #ffffff; scrollbar-shadow-color: #8F6030; scrollbar-face-color: #8F6030; scrollbar-highlight-color: #8F6030; scrollbar-darkshadow-color: #8F6030; scrollbar-3dlight-color: #8F6030; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 10px century gothic; color:#8F6030; line-height:11px; text-align:justify; letter-spacing:0px; ;} /* edits the date */ div.blogheader, .caption { background-image: url(); background-repeat:no-repeat; background-position:center; font-family: impact; text-transform: lowercase; font-size: 24px; line-height:20px; font-weight:normal; color:#8F6030; letter-spacing:0px; background-color:#ffffff; text-align:center; padding-top:5px; padding-bottom:8px; border-top: 4px solid #A76018; border-left: 4px solid #A76018; border-right: 4px solid #A76018; border-bottom: 2px solid #A76018; width: 358px; } .blogbody{ background-color: #ffffff; text-align:justify; border-top: 2px solid #A76018; border-left: 4px solid #A76018; border-right: 4px solid #A76018; border-bottom: 4px solid #A76018; width:358px;} B,strong{ font-family:11px arial; font-size:justify; color:CF9F70; ;} text-transform:none; font-weight: strong} STRONG {font-family: arial; color: #8F6030; letter-spacing: 0pt; text-transform: normal; font-weight: bold; letter-spacing: normal; font-size: 11px;} I,EM{ font-family:georgia; font-size:11px; color:8F6030; ;} font-weight:normal; text-transform: lowercase} U{ font-family:arial; font-size:justify; color:8F6030; ;} font-weight: normal; text-transform: lowercase; border; border-bottom: 2px solid #BF8040;} input, select, textarea, iframe.htmleditor, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 0px solid #BF8040; font:normal 10px century gothic; background-color: ffffff; font-color:#BF8040; } table.footer TD { /* this makes the footer at the bottom centered */ /* leave it alone unless you know what to do*/ text-align: right; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-image: url(); background-color: #transparent; color: #604020; font: NORMAL 10px arial; text-transform: LOWERCASE; text-align:center; border-top: 4px dashed #604020; border-left: 4px dashed #604020; border-right: 4px dashed #604020; border-bottom: 4px dashed #604020; width: 180px; ;} table.main {width: 358px} .smalltext {font-size: 10px;} .mainleft {display:none;width:180px;} .leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer, .search, .searchbarborder, .footer, hr, banner, hr, #rblEprops {display: none;} HR {color: #604020;} table.left { /* this edits the menu module */ width:180px; color:666666; background-color:transparent; border-top: 4px dashed #604020; border-left: 4px dashed #604020; border-right: 4px dashed #604020; border-bottom: 4px dashed #604020; } font,td,p,xmp{color:#BF8040; font-face: century gothic; font-weight:normal; font-size:11px; line-height:15px; text-align:center;} table.blogbody tr td { /* this edits the left margin of blog */ width:0px; padding-left: 0px; } a:link{ line-height: 11px; font-family:arial; font-weight:normal; color:#BF8040; text-transform: lowercase; font-size:11px; ;} a:active{ font-family: arial; color:#BF8040; text-transform:lowercase; font-size:11px; ;} a:visited{ font-family: arial; color:#BF8040:lowercase; font-size:11px; ;} A:hover { font-family: arial; color:#BF8040; letter-spacing: 0px; text-transform: lowercase; ;}font-weight:normal; background-color:#transparent; }</style> <STYLE TYPE="text/css"></style> |
|
|
|
![]() |
Jul 25 2005, 12:25 PM
Post
#2
|
|
![]() =_____=; ![]() ![]() ![]() Group: Member Posts: 46 Joined: Jun 2005 Member No: 163,097 |
I'm sorry. .. when you say "top module" do you mean the top of your page? O_o
|
|
|
|
Jul 25 2005, 03:28 PM
Post
#3
|
|
|
omnomnom ![]() ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 1,776 Joined: Jul 2005 Member No: 180,688 |
Ah, I see, you have custom modules, custom modules already have borders so you don't need them on your chatter box. Unless your custom module border blends with your background, in which in that case, you need to change the border color to something else. But, you only have one module it looks like. Get all the modules and then but the code for the chatter box in the top one like you have it now. Also, next time would you like to use the
|
|
|
|
![]() ![]() |