[b]let me share a nice feature of css based codes for u.. from a good autor named stu.. Credits: Stu Nicholls Me stormpages html dracc tester ephemeral's transparent shoutbox code and others... Just a simple ... coding will do! Heres the screenie...[/b] [img]http://i37.tinypic.com/2ps0zyd.jpg[/img] [align=center] [quote][b]:globe: :globe: :idea: tested in FF and IE Use both extensions css and js[/b][/quote] [/align] heres the coda! for css extension, paste emm down * transparent shoutbox code (optional) [spoiler][quote]/**Originally made by: Ephemeral**/ /**Tested by Xiruki for Speech bubbles! Important: do not remove the credits**/ .somsg { background-image:url('none') !important; color:COLOR HERE; background-color:transparent ! Important; } .so {background-image:url('none') !important; background-color:transparent ! Important ; } .soc { background-image:url('none') !important; background-color:transparent ! Important ; } #delShoutoutForm {background-image:url('none') !important; background-color:transparent ! Important ; } #cpShoutoutBox { background-image:url('none') !important; background-color:transparent ! Important ; } #shoutoutForm { background-image:url('none') !important; background-color:transparent ! Important ; } .disabled normal { background-image:url('none') !important; background-color:transparent ! Important ; } .divider { background-image:url('none') !important; background-color:transparent ! Important ; } .fakeLink { background-image:url('none') !important; background-color:transparent ! Important ; } .sol {background-image:url('none') !important; background-color:transparent ! Important ; } .sob { background-image:url('none') !important; background-color:transparent ! Important ; } .commonbox .imgblock75 { background-image:url('none') !important; background-color:transparent ! Important } .ir { background-image:url('none') !important; background-color:transparent ! Important } .flogridp .flogriditem { background-image:url('none') !important; background-color:transparent ! Important } .dr { background-image:url('none') !important; border:none ! Important } .fitem1wrapper { background-image:url('none') !important; background-color:transparent ! Important }[/quote] [/spoiler] *Speech bubbles css code [spoiler][quote]/**Stu Nicholls speech bubble posted by: XIRUKI**/ #con {background:#transparent; padding:50px; width:100px; margin-left:15px;} #con div:after {content: "."; display: block; height:11px; clear:both; visibility:hidden;} #con {width:200px; height:auto; font-family:verdana; font-size:11px;} b.tl {display:block; width:200px; height:8px; font-size:1px;} b.tr {display:block; width:192px; height:8px; font-size:1px; float:right;} b.bl {display:block; width:8px; height:8px; font-size:1px; float:left;} b.br {display:block; width:192px; height:8px; font-size:1px; float:right; position:relative;} b.point {display:block; font-size:1px; width:25px; height:20px;} #con div p {padding:8px; margin:0; border:3px solid #fff; border-width:0 3px; text-align:justify;} div.one b.tl {background:url([b]TOPLEFT IMG URL[/b]) top left no-repeat;} div.one b.tr {background:url([b]TOP RIGHT IMG URL[/b]) top right no-repeat;} div.one p {background:[b]#ecc7c7[/b];} div.one b.bl {background:url([b]BOTTOM LEFT IMG URL[/b]) top left no-repeat;} div.one b.br {background:url([b]BOTTOM RIGHT IMG URL[/b]) top right no-repeat;} div.one b.point {background:url([b]POINT IMG URL[/b]) top left no-repeat; margin:5px 0 0 40px;} p.italic {margin:0 0 20px 0; font-weight:bold; font-style:italic;} ul.list li {font-size:11px; margin:2px 0;}[/quote] [/spoiler] [b]edit the bold parts.. refer to the ff: available colors: light PINK,GREEN,BLUE, AND VIOLET[/b] [spoiler][url=http://www.cssplay.co.uk/menu/tab/top_left1.gif]PINK TOP LEFT[/url] [url=http://www.cssplay.co.uk/menu/tab/top_left2.gif]GREEN TOP LEFT[/url] [url=http://www.cssplay.co.uk/menu/tab/top_left3.gif]BLUE TOP LEFT[/url] [url=http://www.cssplay.co.uk/menu/tab/top_left4.gif]VIOLET TOP LEFT[/url] [url=http://www.cssplay.co.uk/menu/tab/top_right1.gif]PINK TOP RIGHT[/url] [url=http://www.cssplay.co.uk/menu/tab/top_right2.gif]GREEN TOP RIGHT[/url] [url=http://www.cssplay.co.uk/menu/tab/top_right3.gif]BLUE TOP RIGHT[/url] [url=http://www.cssplay.co.uk/menu/tab/top_right4.gif]VIOLET TOP RIGHT[/url] [url=http://www.cssplay.co.uk/menu/tab/bottom_left1.gif]PINK BOTTOM LEFT[/url] [url=http://www.cssplay.co.uk/menu/tab/bottom_left2.gif]GREEN BOTTOM LEFT[/url] [url=http://www.cssplay.co.uk/menu/tab/bottom_left3.gif]BLUE BOTTOM LEFT[/url] [url=http://www.cssplay.co.uk/menu/tab/bottom_left4.gif]VIOLET BOTTOM LEFT[/url] [url=http://www.cssplay.co.uk/menu/tab/bottom_right1.gif]PINK BOTTOM RIGHT[/url] [url=http://www.cssplay.co.uk/menu/tab/bottom_right2.gif]GREEN BOTTOM RIGHT[/url] [url=http://www.cssplay.co.uk/menu/tab/bottom_right3.gif]BLUE BOTTOM RIGHT[/url] [url=http://www.cssplay.co.uk/menu/tab/bottom_right4.gif]VIOLET BOTTOM RIGHT[/url] [url=http://www.cssplay.co.uk/menu/tab/point1.gif]PINK POINT[/url] [url=http://www.cssplay.co.uk/menu/tab/point2.gif]GREEN POINT[/url] [url=http://www.cssplay.co.uk/menu/tab/point3.gif]BLUE POINT[/url] [url=http://www.cssplay.co.uk/menu/tab/point4.gif]VIOLET POINT[/url][/spoiler] for last part for ur js ext [quote]/**original author: STU NICHOLLS**/ /**SPEECHBUBBLES FOR SHOUTBOX POSTED BY XIRUKI**/ var bubbly = "<center><div id='con'><div class='one'><b class='tl'><b class='tr'></b></b><p>[b]YOUR TEXT HERE[/b]</p><b class='bl'></b><b class='br'><b class='point'></b></b><br/><br/></div></center>"; document.getElementById('cpShoutoutBox').style.height='175%'; document.getElementById('cpShoutoutBox').style.overflowY='hidden'; document.getElementById('cpShoutoutBox').innerHTML = "<table width='100%'><tr><td align='center'>"+bubbly+"</td></tr></table>"; //sbox end[/quote] live???? here , [url=http://profiles.friendster.com/31744801]TEMPORARY PREVIEW[/url]

Last edited by ---xXirukiTepe--- (2008-11-29 08:13:24)