Personalizar botões do chatbox

Qual é minha questão:
Pessoal eu vi as novidades, e gostei da personalização do chatbox, mas tem uma coisa que eu queria personalizar no meu chatbox, mas quero só aquilo, não que o chat inteiro mude, trata-se dos botões do chatbox.

Vejam o chatbox abaixo:

Spoiler:

Vejam que ao invés de: Sair, Arquivos, Entrar e etc... tem botões, eu queria colocar esses botões no meu chatbox mas sem mudar o estilo dele, em outras palavras, quero apenas mudar os botões.

Como faço?

Endereço do meu fórum:
http://pokemondemais.forumeiros.com

Versão do fórum:
PUNBB

Boa tarde!

Você precisa buscar em seu CSS as seguintes imagens:
http://www.dreamtemplate.com/dreamcodes/web_icons/gray-archive-icon.png
http://www.arecontvision.com/cool_captcha/icon-reload.gif
https://i.imgur.com/xXA8w.gif

Elas são responsáveis pelos botões. É só modificá-las como quiser.

Atenciosamente,
Shek

Você não entendeu.

Eu não quero o chat todo menos os botões.

Eu quero só os botões.

Boa tarde!

Desculpe-me. Queira adicionar este código CSS:

Código:

#chatbox_main_options a[href="/chatbox/index.forum?archives"]{font-size:0;background:url(http://www.dreamtemplate.com/dreamcodes/web_icons/gray-archive-icon.png) no-repeat center whiteSmoke;padding-top:25px;padding-bottom:9px;padding-right:31px;border-top:1px solid #CFCFCF;cursor:default}
a[onclick*="ajax_refresh_chatbox"]:hover{background:url(http://www.arecontvision.com/cool_captcha/icon-reload.gif) 50% 50% no-repeat #000!important}
#chatbox p.chatbox_row_1.clearfix:first-child span[style="font-style:italic"]:last-child:before{margin-left:7px;background:url(http://i.imgur.com/xXA8w.gif) top left no-repeat;background-size:20px;padding-left:22px;content:'Entre para conversar';font-size:15px}#chatbox_contextmenu{z-index:1}#chatbox_messenger_form{margin-top:0px}.user-msg{display:inline-block;padding-left:38px;background:url(http://i.imgur.com/BMdww.gif) no-repeat top left;background-size:32px 32px;min-height:32px}.user-msg .msg{display:block}.user-msg .msg span{border-image-width:0px;border:0px;border-image-source:url(http://i.imgur.com/BMdww.gif)}


Seria isso amigo?

Até mais!

Não resultou.

Boa tarde!

Você pode me fornecer o seu código CSS, por favor?

Atenciosamente,
Shek

Código:

 #content-container div#container {
    float: left;
    margin-right: -6px;
    width: 98%!important;
}
div.topic-title-container {
  display: inline;
  font-size: 12px;
  text-align: center;
  }
#page-header #search-box {
display: none;
}
em{
font-style: normal;
}


.module .postbody .postbody-head {
background-color: #e5e6e7;
}

.post-footer {
background-color: #CCCCCC;
}

.post .post-header {
background-color: #CCCCCC;
}

#submenu ul li a img {
margin-left: -1px;
margin-right: -1px;
}

.headerbar {margin-bottom:0;}

blockquote {
background-color:#CCCCCC;
}

ul.linklist li a img {
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}
ul.linklist li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;
}

a {

outline: none;

}
.postbody table {
z-index: 999;
min-width: 1px;
max-height: 1500px;
position: '';
max-width: 1500px;
}
.sig-content table{
z-index: 999;
min-width: 1px;
max-height: 1500px;
position: '';
max-width: 1500px;
}
.postbody table {
z-index: 999;
min-width: 0px;
max-height: 0px;
position: '';
max-width: 0px;
}
.sig-content table{
z-index: 999;
min-width: 0px;
max-height: 0px;
position: '';
max-width: 0px;
}

.fontbutton, .fontbutton_normal {
border-radius: 5px 0099FF;
}


body.chatbox #chatbox p.clearfix{margin-top:5px;margin-bottom:5px}
#chatbox, .chatbox_row_1, .chatbox_row_2 {
background-color: transparent;
}

#chatbox,#chatbox_members,#chatbox_members .member-title{background:white!important}#chatbox_members{border-right: none}

#chatbox_footer{background:#73CFE6!important}

.spoiler_content.hidden{background:white!important}

.spoiler_content.hidden{background:white!important}


#myfooter img{
border: 0px;
margin-top: -12px;
padding-right: 20px;
}
a[href="/u4"] {
background: url("http://i46.servimg.com/u/f46/17/36/33/20/pxg8710.gif");
}
#pun-navlinks ul li a{margin:0px}
.mainmenu {padding: 0px !important;margin: 0px !important}

.mainmenu img {
margin-left: -2px;
margin-right: -2px;
}

body{background-image:url(http://i55.servimg.com/u/f55/17/45/31/00/fundo110.jpg);background-repeat:no-repeat;background-size:100% 100%!important;background-attachment:fixed!important}
.pun {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}
.pun {
border: 1px solid transparent;
}
#pun-intro {
background: rgba(142,35,35);
border: 1px solid #000000;
border-radius: 20px;
}
#pun-intro {
background: rgba(11, 187, 255, 0.59);
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
margin-bottom: 20px;
}
.pun .topic {
background: transparent;
border: 1px solid transparent;
}
#content-container div#container{background:rgba(11, 187, 255, 0.59);padding:12px;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px}

.main {
border-radius: 15px !important;
}

.main-content {
border-radius: 5px !important;
}

.module-main {
border-radius: 15px !important;
}

#pun-head #pun-navlinks, .main-box, #frame_chatbox{-moz-border-radius:10px;-webkit-border-radius: 10px}.main .main-head{border-top-left-radius:10px;border-top-right-radius:10px}

#onlinelist {
border-radius: 12px !important;
}

.main-content {
  margin-bottom: 10px !important;
}

.h3{
color:#000000!important;
}

h2 {
  color: #000000 !important;
}

#pun-visit {display: none;}


ai está.