Editar shoutbox

Qual é minha questão:
Olá!
Queria alterar as cores do meu shoutbox de maneira a ficar assim: http://www.contra-ataque.com/forum/index.php?app=shoutbox

Fundo meio cinza claro e substituir o azul por esse cinza desse chat.

Endereço do meu fórum:
https://mundodosforuns.forumeiro.com

Versão do fórum:
PHPBB3

Adicione isso em seu CSS

Código:

.maintitle {
    background: url('http://www.contra-ataque.com/forum/public/style_images/tctc91_pulse/_custom/sprite_main.jpg') repeat-x scroll 0px -586px #1F2124;
    color: #FFF;
    padding: 10px 10px 11px;
    font-size: 14px;
    font-weight: 300;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.7);
    border-radius: 4px 4px 0px 0px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset;
    border-width: 1px 1px 0px;
    border-color: #1F2124;
    border-style: solid;
}
.ipsBox, .ipsPad {
    padding: 9px;
    border: 1px solid #C9CDD0;
    margin-bottom: 1px;
}
.ipsBox {
    background: none repeat scroll 0% 0% #F2F1F1;
    border-width: 1px;
    border-style: solid;
    border-color: #C9CDD0;
}

Igual amigo.

Ola,
Me passe sua Folha de Estilo CCS.

Até Mais...

Ola,
Troque por esta:

Código:


.maintitle {
    background: url('http://www.contra-ataque.com/forum/public/style_images/tctc91_pulse/_custom/sprite_main.jpg') repeat-x scroll 0px -586px #1F2124;
    color: #FFF;
    padding: 10px 10px 11px;
    font-size: 14px;
    font-weight: 300;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.7);
    border-radius: 4px 4px 0px 0px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset;
    border-width: 1px 1px 0px;
    border-color: #1F2124;
    border-style: solid;
}
.ipsBox, .ipsPad {
    padding: 9px;
    border: 1px solid #C9CDD0;
    margin-bottom: 1px;
}
.ipsBox {
    background: none repeat scroll 0% 0% #F2F1F1;
    border-width: 1px;
    border-style: solid;
    border-color: #C9CDD0;
}

.main .main-head {
background-color: #373636;
border-color: #CCC #CCC #AAA;
box-shadow: 0 0 1px #FFF inset;
padding: .7em 1em;
}

div.cat_bar {
background: url(http://demo.dzinerstudio.com/smf2/Themes/gearbox_20/images/theme/main_block.png) no-repeat 0 -164px;
padding-left: 9px;
height: 38px;
overflow: hidden;
margin-bottom: 1px;
}
h4.catbg, h4.catbg2, h3.catbg, h3.catbg2, .table_list tbody.header td.catbg {
background: url(http://demo.dzinerstudio.com/smf2/Themes/gearbox_20/images/theme/main_block.png) no-repeat 100% -164px;
padding-right: 9px;
}




a:link, a:visited
{
  color: #b4b4b4;
  text-decoration: none;
}
a:hover
{
  cursor: pointer;
  text-decoration: underline;
}



#topbar {
background: black;
padding: 5px 0;
}
#main1 {
background: black url(http://demo.dzinerstudio.com/smf2/Themes/gearbox_20/images/custom/main_bg.jpg) 50% 0 no-repeat;
padding-bottom: 50px;
min-height: 826px;
}
.wrapper1 {
width: 980px;
margin: 0 auto;
}
#header1 {
height: 135px;
}
h1, h2, h3, h4, h5, h6 {
color: #CCC;
font-size: 1em;
margin: 0;
padding: 0;
}
#logo a {
display: block;
background: url(http://i.imgur.com/vhw4t44.png) no-repeat;
float: left;
width: 330px;
height: 60px;
text-indent: -9999px;
margin-top: 40px;
}
#search {
background: url(http://demo.dzinerstudio.com/smf2/Themes/gearbox_20/images/custom/search.png) no-repeat;
height: 30px;
width: 204px;
float: right;
margin-top: 60px;
}
span, p, form {
margin: 0;
padding: 0;
}
#search input.search_input {
float: left;
background: none;
border: none;
outline: none;
width: 181px;
height: 16px;
padding: 7px 8px 7px 15px;
font-size: 12px;
font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
color: #868686;
}
input, button, select, textarea {
font: 95%/115% verdana, Helvetica, sans-serif;
color: black;
background: #CCC;
border: 1px solid white;
padding: 2px;
}
#content_section1 {
box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.6);
}

#toolbar { height: 60px; background: #3c3c3c url(http://demo.dzinerstudio.com/smf2/Themes/gearbox_20/images/custom/toolbar_bg.jpg) 0 0 repeat-x; border-top-left-radius: 4px; border-top-right-radius: 4px; position: relative;}
#toolbar .tb_left { background: url(http://demo.dzinerstudio.com/smf2/Themes/gearbox_20/images/custom/tb_crack.png) 0 0 no-repeat; position: absolute; top: 0; left: 0; height: 15px; width: 83px;}
#toolbar .tb_right { background: url(http://demo.dzinerstudio.com/smf2/Themes/gearbox_20/images/custom/tb_crack.png) 0 -20px no-repeat; position: absolute; top: 0; right: 0; height: 60px; width: 70px;}
#topnav, #topnav ul { margin: 0; padding: 0; z-index: 999;}
#topnav li { float: left; margin: 0; padding: 0; position: relative; list-style: none;}
#topnav li a { display: block; line-height: 60px; padding: 0 16px; color: #171717; font-size: 12px; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);}
#topnav li a.active { color: #eee; background: url(http://demo.dzinerstudio.com/smf2/Themes/gearbox_20/images/custom/active.png) 50% 41px no-repeat;}
#topnav li a.active, #topnav li a:hover { text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);}
#topnav li:hover > a { color: #ccc;}
#topnav li ul { position: absolute; width: 200px; left: -999em; padding: 5px 0; background: #292929; border: 1px solid #1f1f1f; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.6);}
#topnav li li { width: 200px; height: auto; padding: 0; margin: 0;}
#topnav li li a { display: block; width: 170px; margin: 0 5px; padding: 0 10px; height: auto; float: none; line-height: 30px; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3); color: #636363; font-weight: normal;}
#topnav li li a:hover, #topnav li li:hover > a { background: #333; box-shadow: none;}
#topnav li:hover ul { left: 0; top: 58px;}
#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li:hover ul ul ul ul { top: -999em; left: auto;}
#topnav li li:hover ul, #topnav li li li:hover ul, #topnav li li li li:hover ul { left: 200px; top: 0;}

#userbar { height: 50px; background: #242424 url(http://demo.dzinerstudio.com/smf2/Themes/gearbox_20/images/custom/userbar_bg.jpg) 0 0 repeat-x; border-bottom: 2px solid #171717; padding: 0 15px;}
#userbar a { color: #919191;}
#userbar a:hover { color: #bfbfbf;}

#quicknav { float: left; margin-top: 14px;}
#quicknav ul, #quicknav li { float: left; list-style: none; margin: 0; padding: 0;}
#quicknav a { display: block; padding-left: 15px; line-height: 24px; text-transform: uppercase;}
#quicknav .social_icon { background: url(http://demo.dzinerstudio.com/smf2/Themes/gearbox_20/images/custom/social_icons.png) no-repeat; height: 24px; width: 24px; padding: 0; margin-right: 5px;}
#quicknav .facebook { background-position: 0 0;}
#quicknav .twitter { background-position: 0 -58px;}
#quicknav .googleplus { background-position: 0 -116px;}
#quicknav .dribble { background-position: 0 -174px;}
#quicknav .flickr { background-position: 0 -232px;}
#quicknav .youtube { background-position: 0 -290px;}
#quicknav .rss { background-position: 0 -348px;}
#quicknav .facebook:hover { background-position: 0 -29px;}
#quicknav .twitter:hover { background-position: 0 -87px;}
#quicknav .googleplus:hover { background-position: 0 -145px;}
#quicknav .dribble:hover { background-position: 0 -203px;}
#quicknav .flickr:hover { background-position: 0 -261px;}
#quicknav .youtube:hover { background-position: 0 -319px;}
#quicknav .rss:hover { background-position: 0 -377px;}

#main_content1 {
background: #2A2A2A;
padding: 0 8px 15px;
}
#account { float: right; margin-top: 13px;}
#account input { float: left; background: url(http://demo.dzinerstudio.com/smf2/Themes/gearbox_20/images/custom/login_sprite.png) no-repeat; border: none; outline: none; margin-right: 8px; color: #999;}
#account input.login_id { background-position: 0 0; width: 110px; height: 16px; padding: 5px 10px 5px 30px;}
#account input.login_pw { background-position: 0 -36px; width: 110px; height: 16px; padding: 5px 10px 5px 30px;}
#account input.login_button { background-position: 0 -72px; width: 32px; height: 26px; cursor: pointer;}
#account .login_button:hover { background-position: 100% -72px;}
#account .register { float: left; background: url(http://demo.dzinerstudio.com/smf2/Themes/gearbox_20/images/custom/login_sprite.png) 0 -108px no-repeat; width: 40px; height: 26px;}
#account .register:hover { background-position: 100% -108px;}
#account ul { margin: 0; padding: 0; line-height: 26px;}
#account li { float: left; display: block; list-style: none; padding: 0;}
#account .memb_greeting { color: #21839c; text-transform: uppercase; margin-right: 5px;}
#account li a { padding: 0 10px; border-right: 1px solid #a2a2a2;}
#account .last { border: none;}
#account .logout { display: block; margin-left: 5px; background: url(http://demo.dzinerstudio.com/smf2/Themes/gearbox_20/images/custom/login_sprite.png) 0 -145px no-repeat; width: 50px; height: 26px; padding: 0;}
#account .logout:hover { background-position: 100% -145px;}

.roundframe
{
  padding: 0 10px;
  background: #242424;
  border-left: 1px solid #202020;
  border-right: 1px solid #202020;
}
.roundframe dl, .roundframe dt, .roundframe p
{
  margin: 0;
}
.roundframe p
{
  padding: 0.5em;
}
span.upperframe
{
  padding: 0;
  display: block;
  background: url(http://demo.dzinerstudio.com/smf2/Themes/gearbox_20/images/theme/main_block.png) 0 -90px no-repeat;
  padding-left: 20px;
}
span.upperframe span
{
  padding: 0;
  height: 12px;
  display: block;
  background: url(http://demo.dzinerstudio.com/smf2/Themes/gearbox_20/images/theme/main_block.png) 100% -90px no-repeat;
}
span.lowerframe
{
  padding: 0;
  display: block;
  background: url(http://demo.dzinerstudio.com/smf2/Themes/gearbox_20/images/theme/main_block.png) 0 -102px no-repeat;
  padding-left: 20px;
}
span.lowerframe span
{
  padding: 0;
  height: 12px;
  display: block;
  background: url(http://demo.dzinerstudio.com/smf2/Themes/gearbox_20/images/theme/main_block.png) 100% -102px no-repeat;
}

div.roundframe div.cat_bar
{
  background: url(http://demo.dzinerstudio.com/smf2/Themes/gearbox_20/images/theme/main_block.png) no-repeat 0 -252px;
  margin-bottom: 0;
}
div.roundframe div.cat_bar h3.catbg
{
  background: url(http://demo.dzinerstudio.com/smf2/Themes/gearbox_20/images/theme/main_block.png) no-repeat 100% -252px;
}
div.title_barIC
{
  background: url(http://demo.dzinerstudio.com/smf2/Themes/gearbox_20/images/theme/main_block.png) no-repeat 0 -120px;
  padding-left: 9px;
  height: 38px;
  overflow: hidden;
  margin-bottom: 1px;
}
div.title_barIC h4.titlebg
{
  background: url(http://demo.dzinerstudio.com/smf2/Themes/gearbox_20/images/theme/main_block.png) no-repeat 100% -120px;
}
#upshrinkHeaderIC p.pminfo
{
  margin: 0;
  padding: 0.5em;
}
img#upshrink_ic, img#newsupshrink
{
  float: right;
  margin: 12px 5px 0 0;
}
table.table_list a.unreadlink, table.table_list a.collapse
{
  float: right;
}
table.table_list a.collapse
{
  margin: 12px 5px 0 1em;
  height: 38px;
  line-height: 38px;
}

#dirt_bottom { background: #2a2a2a url(http://demo.dzinerstudio.com/smf2/Themes/gearbox_20/images/custom/main_dirt.png) 0 100% repeat-x; height: 12px;}

#footer { background: #222 url(http://demo.dzinerstudio.com/smf2/Themes/gearbox_20/images/custom/footer_bg.png) 0 0 repeat-x; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; padding: 25px 15px; overflow: hidden; position: relative;}
#footer .smf_copyright { float: left;}
#footer .ds_copyright { float: right; text-align: right;}
#footer p { color: #404040;}
#footer, #footer a { color: #999; font-size: 12px; font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;}
#footer a:hover { color: #bbb;}
#footer .backtop { display: block; position: absolute; top: 24px; left: 50%; margin-left: -11px; background: url(http://demo.dzinerstudio.com/smf2/Themes/gearbox_20/images/custom/backtop.png) 0 0 no-repeat; height: 22px; width: 22px;}
#footer .backtop:hover { background-position: 0 -27px;}

.pun table.table td {
  background-color: #2a2a2a;
  border-color: #2a2a2a;
  border-style: solid none none solid;
  border-width: 1px;
  line-height: 130%;
  padding: .6em 0 .7em;
}

.pun .main table td.tc2, .pun .main table td.tc3 {
  background-color: #2a2a2a;
}

.pun a:hover {
  color: #3290a6;
}
.pun a:visited {
color: #3290a6;
}
  .pun a:link {
color: #3290a6;
}
a:hover {
cursor: pointer;
text-decoration: underline;
}

#pun-about {
  display: none!important;
}

#pun-visit, .main-box {
  display: none!important;
}

.pun table .tcr {
  padding-right: 10px !important;
}
.pun table.table td {
  background: #1e1e1e;
  color: #666;
  line-height: 1.5em;
}
.pun table.table td a {
  color: #b4b4b4;
}
.pun table.table td.tcr {
  background: #222222;
}
.pun table.table td.tcblend {
  padding: 0 10px;
}
.pun table.table td .post-date {
  font-size: 11px;
}

.main-content .tcr {
  text-align: right !important;
}
.main-content .tcr a * {
  color: #b4b4b4;
}

.pun table.table td {
  border-color: #333  !important;
  border-width: 2px;
}

.main-content .tcl {
  padding-left: 60px !important;
  position: relative;
}

.main-content .tcl > span.status {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
  width: 50px;
  height: 100%;
  background: #222;
  border-right: 2px #333 solid;
}

.main-content .tcl > span.status img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -18px 0 0 -18px;
}

.main-content .tcl {
  vertical-align: middle !important;
  line-height: 2em !important;
}

.main-content .tcl .hierarchy a {
  font-weight: bold;
  font-size: 110%;
  color: #3290a6;
  text-transform: uppercase;
}

.catbg {
  color: #919191;
  line-height: 38px;
  overflow: hidden;
  height: 38px;
  font-size: 1em;
  font-weight: normal;
}

/* Styles for the statistics center.
------------------------------------------------- */
#statistics
{
  padding: 0.5em 0;
}
#statistics div.title_bar
{
  margin: 4px 0 -2px 0;
}
#statistics h3.catbg
{
  text-align: center;
}
#statistics div.content
{
  min-height: 210px;
}
#statistics div.top_row
{
  min-height: 150px;
}
#stats_left, #top_posters, #top_topics_replies, #top_topics_starter
{
  float: left;
  width: 49.5%;
}
#stats_right, #top_boards, #top_topics_views, #most_online
{
  float: right;
  width: 49.5%;
}
dl.stats
{
  clear: both;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
dl.stats dt
{
  width: 49%;
  float: left;
  margin: 0 0 4px 0;
  line-height: 16px;
  padding: 0;
  clear: both;
  font-size: 1em;
}
dl.stats dd
{
  text-align: right;
  width: 50%;
  font-size: 1em;
  float: right;
  margin: 0 0 4px 0;
  line-height: 16px;
  padding: 0;
}
.statsbar div.bar
{
  float: left;
  background: url(../images/bar_stats.png) no-repeat;
  display: block;
  margin: 0 4px;
  height: 16px;
}
.statsbar div.bar div
{
  position: relative;
  right: -4px;
  padding: 0 4px 0 0;
  background: url(../images/bar_stats.png) no-repeat 100%;
  height: 16px;
}
tr.windowbg2 th.stats_month
{
  width: 25%;
  padding: 0 2em;
  text-align: left;
}
tr.windowbg2 td.stats_day
{
  padding: 0 3.5em;
  text-align: left;
}

.roundframe {
  padding: 10px;
  color: #686868;
}

.roundframe a {
  color: #b4b4b4 !important;
}

.roundframe .titlebg {
  line-height: 38px;
  font-weight: normal;
  color: #ac6700;;
}

.roundframe .titlebg img {
  vertical-align: middle;
  margin-right: 10px;
}

.roundframe .users-record {
  border-top: 2px dotted #444;
  font-size: 10px
}

.roundframe #upshrinkHeaderIC > a {
  display: inline-block;
  padding: 0 5px;
  line-height: 1.5em;
}

.roundframe #upshrinkHeaderIC > p {
  padding: 0 5px;
  line-height: 1.5em;
}

.roundframe #upshrinkHeaderIC > p:empty {
  padding: 5px;
}

.roundframe .users-online,
.roundframe .users-record {
  padding: 5px !important;
}

ul#pun-legend, ul.pun-legend {
  display: none !important
}

.pun-crumbs p {
color: #FFF !important;
text-transform: uppercase !important;
}
.pun-crumbs p a {
color: #FFF !important;
}

Até Mais...

http://gyazo.com/dcb2cd3bba715c456dc888f86a2bb3fc

Igual amigo

Ola,
Estive a analisar seu pedido e o fórum Contra-Ataque e da Community Forum Software by IP.Board e seu fórum é da Fórumeiros. Por isso o ShoutBox da Community Forum Software by IP.Board é único.

Vou tentar arranjar o código na mesma mas poderá demorar um pouco.

Até Mais...

Basicamente o que queria era mudar as cores, nada mais.
E retirar o Botão Preferencias e BBCode

Ola,
Se quiser tirar o Botão Preferencias e BBCode, passe-me o HTML que esta usando no seu ShoutBox IPB.

Até Mais...

Ola,
Estive a analisar seu pedido e o fórum Contra-Ataque e da Community Forum Software by IP.Board e seu fórum é da Fórumeiros. Por isso o ShoutBox da Community Forum Software by IP.Board é único.

Vou tentar arranjar o código na mesma mas poderá demorar um pouco.

Até Mais...