top



i want to customize my chatbox and make it looks better and i don't mean color, i want to change the buttons like the send button and smiley button.

and maybe make the corner rounded.

is this possible?

U can yes Happy
just use this link: http://help.forumotion.com/updates-and-new-features-f1/tuesday-tip-customize-chatbox-t77136.htm

and for the buttons use:

Code:
.fontbutton {
CODES HERE
   }
.fontbutton_normal {
CODES HERE
   }
.fontbutton_selected {
CODES HERE
   }
.fontbutton_clicked {
CODES HERE
   }
.fontbutton_hover {
CODES HERE
   }
.fontbutton {
CODES HERE
   }

i don't want to edit the colour as i said .

And i didn't gave a link for ONLY color (:
. to make your chatbox rounded add this code to your CSS:

Code:

#chatbox_header {
        -moz-border-radius-topright: 4px;
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -webkit-border-top-left-radius: 4px;
   }
#chatbox_footer {
        -moz-border-radius-bottomright: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
        -webkit-border-bottom-left-radius: 4px;
   }


that did not work :(

im using punbb by the way

I edited my post above. try it now.. u use firefox? (:

no im using google crome (:

ok, did it works? if not, let me test it (:

nope did not work

What is your site? Try this:

Code:
#chatbox_header {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
  }
#chatbox_footer {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
  }

PS: Make sure the codes don't already exist in your CSS Wink

Or :

Code:
body.chatbox {
border-radius: 6px !important;
-moz-border-radius:6px !important;
-webkit-border-radius: 6px !important;
  }

none of them are working guys :(

Forum Link?

Is this solved or what?

Since no reply has been posted by the topic author,and a possible solution is already been given by our staff,i will now lock this thread and mark it as solved.