Chatbox da ppf

Qual é minha questão:
Eu queria ter esse chatbox da power pixel http://prntscr.com/28jehp
Ou até um que se parece.

Endereço do meu fórum:
http://life.forum-pro.net

Versão do fórum:
PHPBB3

Olá amigo.
Este Chatbox é personalizado.
Adicione este código em seu CSS:

Código:

#chatbox p {
border-bottom: 1px solid #DDD;
border-top: 1px solid white;
}

#chatbox_footer {
background: #E9E9E9;
border-top: 1px solid #CACACA;
}

#chatbox_members ul li {
margin: .5em .5em .5em 0;
}

#chatbox_members .member-title {
background: url(http://i.imgur.com/G3jnH2B.png)rgba(7, 7, 7, 0.05);
border-bottom: 2px solid rgb(0, 90, 204);
color: #000000;
text-shadow: 1px 0 0 #888787;
}

h2.chatbox-title a.chat-title {
color: #fff;
font-size: 1.2em;
font-weight: 700;
line-height: 1.1em;
text-align: center;
text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 3px 0 #B9B9B9,0 4px 0 #AAA,0 5px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);
}

#chatbox_header {
background: url ('http://i49.tinypic.com/2vkfaqh.jpg') repeat-x 0 0;
height: 40px;
border-radius: 5px 5px 0px 0px;
padding-bottom: 0px;
}

Resulta ?
Att.

Boa noite,

Utilize esse código CSS:

Código:

#chatbox img{max-height:200px!important;max-width:200px!important}#chatbox,#chatbox_footer,#chatbox_members{background:#fff}body.chatbox{background-color:#fff;background-image:none;margin:0;padding:0}#chatbox_header{background:url (http://i49.tinypic.com/2vkfaqh.jpg) repeat-x 0 0;border-radius:5px 5px 0 0;height:30px;padding-bottom:0}.chatbox-title,.chatbox-title a.chat-title{color:#dedfdf;text-decoration:none}.chatbox-title{float:left;margin:0;padding:2px 5px 0;width:15em}.chatbox-options{float:right;font-size:11px;list-style:none;margin:.7em .5em .5em}.chatbox-options li{display:inline}.chatbox-options li,.chatbox-options li a,.chatbox-options li label{color:#dedfdf}#chatbox_members{background:#F1F1F1;border-right:1px solid #C2C2C2;bottom:30px;overflow:auto;position:absolute;top:30px;width:180px}#chatbox_messenger_form{margin:10px 0 0}#chatbox_members .member-title{background:url(http://i.imgur.com/G3jnH2B.png)rgba(7,7,7,0.05);background-color:#f4f9fd;background-image:none;border-bottom:2px solid #005acc;color:#000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;padding:.5em .25em;text-align:center;text-shadow:1px 0 0 #888787}#chatbox_members ul{list-style:none;margin:0 0 0 1em}#chatbox_members ul li{margin:.5em .5em .5em 0}#chatbox{bottom:30px;height:expression((document.documentElement.clientHeight?document.documentElement.clientHeight:document.body.clientHeight) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 0) ) + px);left:181px;line-height:10px;margin-bottom:4px;overflow:auto;position:absolute;right:0;top:30px;width:expression((document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 1.3) ) + px)}#chatbox p{border-bottom:1px solid #DDD;border-top:1px solid #fff;line-height:1.2em}.chatbox_row_1{background-color:#F8F8F8;padding:4px}.chatbox_row_2{background-color:#f4f4f4;padding:4px}.chatbox_row_3{background-color:#f4f9fd;padding:4px}#chatbox .user{font-weight:700}#chatbox_footer{background:#E9E9E9;border-top:1px solid #CACACA;bottom:0;left:0;position:absolute;right:0}#chatbox-members{height:expression((document.documentElement.clientHeight?document.documentElement.clientHeight:document.body.clientHeight) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 0) ) + px)}#chatbox-footer{width:expression((document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 0) ) + px)}#chatbox_contextmenu p{background:#fbfbfb;border-bottom:1px solid #777;font-family:verdana, arial, sans-serif;margin:0;padding:1px 4px}#chatbox_contextmenu p.hover{background:#f4f4f4}#chatbox_contextmenu p.close{background:url();color:#fff;font-size:95%;padding:1px}#chatbox_contextmenu p.close img{padding-left:20px;vertical-align:middle}#chatbox_contextmenu a{color:#00569c;font-size:95%;text-decoration:none}.module{overflow:hidden!important}h2.chatbox-title a.chat-title{color:#fff;font-size:1.2em;font-weight:700;line-height:1.1em;text-align:center;text-shadow:0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 3px 0 #B9B9B9,0 4px 0 #AAA,0 5px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15)}#chatbox a,#chatbox_members a{color:#006B6B}#chatbox_messenger_form div.right img{visibility:hidden}#chatbox_header .main-head{background:#A9B4C0 url(http://img823.imageshack.us/img823/8062/dehz.png) repeat;border-radius:3px;height:40px}#chatbox_header.main-head{background:#262626 url(http://i.imgur.com/G3jnH2B.png) repeat;color:#dedfdf;padding:0 1.3em}#chatbox_messenger_form input#message{min-width:450px}#message,#submit_button{border-width:1px}#chatbox_messenger_form #submit_button:hover{background:#E2FCFF;border:1px solid #4CC3FC;color:#027FAF}#chatbox p:last-child{margin-bottom:16px}#divsmilies img + img{visibility:visible!important}

Até mais.

O 1° Css não pegou perfeitamente, já o segundo pegou correto.
Muito obrigado á todos
Podem finalizar.