Como personalizar os widgets do fórum?

[aemdia6]

Qual é minha questão:
Olá vi em um fórum esse gadget e gostaria de perguntar se tem como colocar no meu: 

http://4.bp.blogspot.com/-E0E3TBnVyXg/UyNYLcy4oEI/AAAAAAAABA8/o_A1_cqmgOg/s1600/asff.JPG


Agradeço de alguem poder mim ajudar..!!! vlw..

Endereço do meu fórum:
http://xgamesaem.forumclan.com

Versão do fórum:
PHPBB3

[ShiroK]

Olá,

Pode disponibilizar o link de tal fórum? Se for possível é claro, mas, acho que ninguém poderá lhe ajudar sem você ter o link do fórum, apenas quem criou o código, obviamente.

Atenciosamente,
ShiroK

[aemdia6]

é esse aqui: http://programando.forum-pro.net/

Obrigado...!!!  

[ShiroK]

Olá,

Estou em dúvida com dois códigos, aceda a sua folha de estilo ''CSS'' e adicione o código abaixo;

Código:

.topic_buttons li.important a,.topic_buttons li.important span,.ipsButton .important,.topic_buttons li a,.topic_buttons li span,.ipsButton {
   -moz-border-bottom-colors: none;
   -moz-border-left-colors: none;
   -moz-border-right-colors: none;
   -moz-border-top-colors: none;
   background: url(http://i78.servimg.com/u/f78/18/17/62/92/topic_11.png) repeat-x scroll center top #212121;
   border-color: #212121;
   border-image: none;
   border-radius: 3px 3px 3px 3px;
   border-style: solid;
   border-width: 1px 1px 0;
   box-shadow: 0 1px 0 0 #5C5C5C inset, 0 2px 3px rgba(0,0,0,0.2);
   color: #FFF !important;
   cursor: pointer;
   display: inline-block;
   font: 300 12px/30px Helvetica,Arial,sans-serif;
   height: 30px;
   min-width: 125px;
   padding: 0 10px;
   text-align: center;
   text-shadow: 0 -1px 0 #191919;
}

Caso não resulte lhe passo outro código, que provavelmente vai funcionar.

Atenciosamente,
ShiroK

[Shek]

Boa tarde!

Use este código em Visualização > imagens e cores > Cores > Folha de estilos CSS >

Código:

 .module .h3 {
background: #BB2929;
border-top-left-radius: 7px !important;
border-top-right-radius: 7px !important;
color: #fff !important;
font-size: 1.083em !important;
padding: 5px 10px
}

Até mais!

[aemdia6]

Ficou massa a personalização dos títulos dos gadgets, mas o que eu queria mesmo era os avatares dos membro em Tópicos Recentes como na imagem anterior... vlw...

[ShiroK]

Olá,

Você utilizou os dois códigos? O meu e do Shek? Aceda novamente a sua folha de estilo ''CSS'' e adicione o código;

Código:


.ipsBox_notice {
line-height: 1.6;
margin-bottom: 10px;
padding: 10px;

}

.ipsBox_notice,.ipsBox_highlight {
background: none repeat scroll 0 0 #F4FCFF;
border-bottom: 1px solid #CAE9F5;

}

Atenciosamente,
ShiroK

[aemdia6]

Sim, sim usei, mas o que eu queria era aqueles avatar dos membros que postaram nos tópicos recentes....

[Shek]

Olá!

Queira procurar em seu CSS:

Código:

.mini_ava img

PS: Salve seu código atual antes e depois aplique o efeito!E substituir por este:

Código:

.mini_ava img {
width: 30px;
height: 30px;
border: 1px solid rgb(213, 213, 213);
background: none repeat scroll 0% 0% rgb(255, 255, 255);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
padding: 1px;
}

Até mais!