| Steps: 1. Get your Chatbox Codes HERE 2. Proceed to Edit Your Style Page HERE instructions: Available for users only [ a ] set your Main BG, Alt BG and Form BG Transparent ( simply leave it blank ) [ b ] Hit save and get ur chatbox generated codes. [ c ] incorporate the codes with your lay. [ d ] optional: edit the smiley as you wish HERE 3. Now lets Tweak Available for users only div#cboxdiv >> main chatbox frame.. adjust the width and height the greater the value the greater the space available to accommodate your form and main box positioning. like what i did here div#cboxdiv #cboxmain >> message display box ... you may add bg as you wish use relative position to repo the box. div#cboxdiv #cboxform >> textarea box ... you may add bg as you wish use relative position to repo the box. Available for users only Preview Preview 2 note: for friendster same procedure... add ur chatbox codes to your innerHTML.. remember to convert all double quote to single.. just compile the css to the rest of css codes.. Available for users onlyCode
/************************ * CHATBOX TWEAKS * * by: Switpotato * * http://switangell.com * *************************/
/********************* * CHATBOX MAIN FRAME * **********************/ div#cboxdiv { background: transparent url(IMG URL HERE) no-repeat top center; width: 277px !important; height: 293px !important; overflow: hidden; margin-top: 10px;}
/************** * CHATBOXMAIN * ***************/ div#cboxdiv #cboxmain { position: relative; left: -1px !important; top: 15px !important; width: 252px; height: 180px;}
/************** * CHATBOXFORM * ***************/ div#cboxdiv #cboxform { position: relative; top: 29px !important; left: -36px !important; width: 188px; height: 71px;}
If U Have Any Query not related to LINKER issue.. Please Use Forum Board Dont PM Me
|