INSTRUCTIONS
First, you must create and logged in to your Cbox account. At your CONTROL PANNEL, click OPTIONS > POSTING OPTIONS > then browse at the bottom page, look for the "Message options" part and mark these boxes:
[X] Email / URL field
[X] boxCode
[X] Allow avatars
Then click "SAVE" button. This is to allow posting messages with Avatars.
Next, click PUBLISH! link, and locate to Step 3. Get your code - and copy your cbox code.
DEFAULT CBOX CODE
Now, here's the default cbox html code:
<!-- BEGIN CBOX - www.cbox.ws - v001 --
><div><iframe frameborder="0" width="200" height="290" src="http://www6.cbox.ws/box/?
boxid=HHHHHH&boxtag=ZZZZZZ&sec=mai marginheight="2" marginwidth="2"
scrolling="auto" allowtransparency="yes"
name="cboxmain6-HHHHHH" id="cboxmain6- HHHHHH" style="border:#463E41 1px solid;"></ iframe></div> <div>
<iframe frameborder="0" width="200" height="90" src="http://
www6.cbox.ws/box/?
boxid=HHHHHH&boxtag=ZZZZZZ&sec=for marginheight="2" marginwidth="2" scrolling="no"allowtransparency="yes" id="cboxform6-HHHHHH" name="cboxform6-HHHHHH "style="border:#463E41 1px solid;"></iframe></ div><!-- END CBOX -->
NOTE!
HHHHHH = your boxid
ZZZZZZ = your boxtag
ITEM TO MODIFY
Cbox have two <iframe> tags (see the code above), one that's in silver <iframe> tag is for cboxmain to display the lists of messages, and the blue <iframe> tag is for cboxform which actually display the form and enables the users to post a message on your cbox, which will be look like this:
We will have to change that <iframe> tag to <form> and replace the email/url input field shown above to dropdown menu (select avatar box)and the final output must be something like this:
MODIFIED CBOX FORM
And here's the<form> tag we are going to use:
Note:
ForHHHHHHvalue change it with your own boxid and forZZZZZZvalue change it with your own boxtag.
Also, pay much attention from this line at form action and links http://www6.cbox.ws/box/? boxid. Sometimes it's http://www2cbox.ws/ box/?boxidwhatever depending on code generated by cbox for you, so use what's you have cause it may results an installation error if you use wrong url. The same thing as > name="cboxform6-HHHHHH" and target="cboxmain6-HHHHHH"
For option value="http://image.url/ avatar1.png">Avatar 1</option> change http:// value to your own image url you want to select as an Avatar, you can add as many as you want and edit "Avatar 1" to your Avatar description.
You can place the form either above or below the message list, but I recommend to put this form above messages, this may make more sense with Post order set to "Newest at top".
EDITING STYLES
To change you cbox form colors and styles, copy/paste this code at your page where you want your cbox to appear, and edit as you want.
And that's all, you're done. . .
CREDITS: GREENTOOTH
