Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Kyo Panda
 
Shek
 
Luiz
 
APOllO
 
Kyko
 
mrvisible
 
odelgado
 
iScroll
 
SnowGray
 

Quem está conectado
284 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 279 Visitantes :: 2 Motores de busca

Kyo Panda, mrvisible, PrisoN†BreaK, SnowGray, Thiago Perotto Zocoli

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Customização dos Widgets

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Customização dos Widgets

Mensagem por bean em 22/01/16, 08:10 pm

Detalhes da questão


Endereço do fórum: http://shinobidimension.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Eu gostaria de conseguir mudar a cor de fundo dos meus widgets do fórum e mudar também a cor de fundo da barra onde se localiza o titulo do mesmo, uma cor preta gradiente assim como as imagens abaixo:

COMO EU QUERO QUE ESTEJA:
http://i.imgur.com/jrON4KR.png

COMO QUE ESTA ATUALMENTE:
http://i.imgur.com/Y1aSRRC.png


Fórum em que vi isso > http://narutorpgakatsuki.com.br/


Última edição por bean em 23/01/16, 12:24 am, editado 1 vez(es)
avatar

bean
Usuário destaque

Masculino
Inscrito dia : 17/01/2012
Mensagens : 774
Pontos Ativos : 1008

http://restinpeacerpg.forumeiros.com/
  • 0

Resolvido Re: Customização dos Widgets

Mensagem por Harleen em 22/01/16, 10:11 pm

Boa noite pode fornecer sua folha CSS

Até.


Bem-vindo ao FDF, leia:
Flecha ajudeiros Consulte o regulamento do setor suporte
Flecha ajudeiros Leia as Perguntas e Respostas
Flecha ajudeiros Confira a Lista de Tutoriais, Dicas e Astúcias
Seja sempre educado e descreva sua questão detalhadamente
Não peça suporte por MP.

avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1419
Pontos Ativos : 1835

https://soulfulbrmusic.forumeiros.com/

Resolvido Re: Customização dos Widgets

Mensagem por bean em 22/01/16, 10:29 pm

Código:
                       /* ▂ ▃ ▄ ▅ ▆ ▇|||< CORPO DO FÓRUM /FORUM >|||▇ ▆ ▅ ▄ ▃ ▂ ▁*/
#wrap {
max-width: 1050px;
min-width: 1050px;
font: 10px Calibri;
background-color: #F9F9F9;
padding: 10px 20px 10px 20px;
}

.conteneur_container_IE{
width: 1100px;
background: rgba(82,82,82,.7);;
padding: 10px;
margin: 0px auto;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}

body {
background-image: url(http://i.imgur.com/ffy6AIA.jpg);
background-color: #FFF;
background-repeat: no-repeat;
}

body, a:hover {
    cursor: url("http://cur.cursors-4u.net/others/oth-6/oth589.cur"), progress !important;
}

                       /*▁ ▂ ▃ ▄ ▅ ▆ ▇|||< BANNER DO FÓRUM LOCALIZAÇÃO >|||▇ ▆ ▅ ▄ ▃ ▂ ▁*/
#logo-desc img {
width:1080px;
margin-left:-25px;
margin-top:-11px;
}

                       /*▁ ▂ ▃ ▄ ▅ ▆ ▇|||< CHATBOX DO FÓRUM v1.1 BS >|||▇ ▆ ▅ ▄ ▃ ▂ ▁*/
#chatbox_header.main-head {
background: url(http://i58.servimg.com/u/f58/18/24/85/15/gm-loo10.jpg) repeat-x bottom #363636;
padding: 3px 4px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
min-height: 6px;
background-color: #EFEFEF;
}

.chatbox-title, .chatbox-title a.chat-title {
background: url(http://i72.servimg.com/u/f72/18/07/42/17/popup10.png) no-repeat scroll 75px 3px transparent;
font: 700 15px/1.3 Helvetica,Arial,sans-serif;
color: #000;
}

.chatbox-title a.chat-title:hover {
  text-decoration: underline;
}

.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #000;
}

body[bgcolor] {background: #FCFCFF;}
.main-content.chatbox {
  background-color: #FCFCFF;
  padding: 10px;
  border: 1px solid rgb(204, 204, 204);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  padding-bottom: 0px;
}

#chatbox_members {
background: rgb(246, 246, 248);
border: 1px solid rgb(204, 204, 204);
margin: 4px;
top: 43px;
bottom: 28px;
right: 10;
}

#chatbox_members .member-title {
background: url(http://i58.servimg.com/u/f58/18/24/85/15/gm-loo10.jpg) repeat-x bottom #363636;
color: #fff;
padding: 5px;
text-align: left;
padding: 8px 10px;
}

#chatbox p {
background: transparent;
padding: 5px;
line-height: 1.3em;
}

#chatbox p span[style="color:green;"], #chatbox p span[style="color:red;"] {
  background: #FAFAD2;
}

#chatbox_footer {
  background: #EFEFEF;
  border: 0px;
}

#chatbox_footer .right {
  float: left;
}

#chatbox_messenger_form .right {margin-left: 8px;font-size:0}
input#message.post {
font-family: inherit;
min-width: 430px;
color: #000;
font-size: 13px;
background-color: #fff;
padding: 3px;
margin-bottom: 2px;
border-width: 1px;
border-style: solid;
border-top-color: rgb(192,192,192);
border-right-color: rgb(233,233,233);
border-bottom-color: rgb(233,233,233);
border-left-color: rgb(192,192,192);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
outline: 0;
}

input#message.post:focus {
background: rgb(255,255,240) url('http://i58.servimg.com/u/f58/18/24/85/15/form-e10.png') repeat-x;
border-top-color: rgb(150,150,150);
border-bottom-color: rgb(230,230,230);
}

#submit_button, .fontbutton {
font-style: normal;
font-size: 12px;
font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
color: rgb(0, 0, 0);
background: rgb(220,220,235) url('http://i58.servimg.com/u/f58/18/24/85/15/form-b10.png') repeat-x top;
padding: 0px 6px;
border: 1px solid rgb(221, 221, 235);
border-top-color: rgb(255, 255, 255);
border-bottom-color: rgb(179, 179, 189);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;
text-align: center;
-webkit-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
-moz-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
-khtml-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
box-shadow: 0px 1px 4px 0px rgb(200,200,210);
text-shadow: 0 0 0 transparent, 0px -1px 2px white;
outline: none;
line-height: 23px;
display: inline-block;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: 23px;
}

#submit_button {
margin-left: 13px;
}

#submit_button:hover, .fontbutton:hover {
color: black;
background-color: rgb(255,255,200);
border-color: rgb(255,255,200);
border-top-color: white;
border-bottom-color: rgb(190,190,170);
}

#simple-wrap {
  background:white;
}

#chatbox_top {
  min-height: 280px;
}

#chatbox{
  top: 43px;
  bottom: 28px;
  margin: 5px;
  background: rgb(246, 246, 248);
  border: 1px solid rgb(204, 204, 204);
  padding: 5px;
  right: 198px;
  left:0;
}

                                    /*|||< Categorias & Fóruns >|||*/
.module .h3 {
background: #454B4D none repeat scroll 0% 0% !important;
border-radius: 5px 5px 0px 0px;
color: #FFF;
margin: -5px -10px 10px;
padding: 6px 3px;
text-align: center;
text-transform: none;
}
.module.main{
background-color: #000;
}
li.header {
background: url("http://i.imgur.com/ffy6AIA.jpg");
border: 1px solid #DDD;
border-radius: 5px 5px 0px 0px;
height: 80px;
}
.table-title h2 {
background-color: rgba(0, 0, 0, 0.52);
color: #FFF;
display: inline-block;
font-family: Special Elite;
font-size: 21px;
letter-spacing: 2px;
text-transform: uppercase;
border-radius: 5px;
padding: 17px;
margin-left: 150px;
margin-top: 11px;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.46);
text-shadow: 0px 0px 5px #000;
}
.forabg .row, .forumbg .row {
background: #F2F2F2 none repeat scroll 0% 0%;
border-width: 1px 1px 2px !important;
border-style: solid !important;
border-color: #DDD !important;
-moz-border-top-colors: none !important;
-moz-border-right-colors: none !important;
-moz-border-bottom-colors: none !important;
-moz-border-left-colors: none !important;
border-image: none !important;
border-radius: 3px;
margin-bottom: 6px;
}
a.forumtitle {
border-bottom: 3px solid #E0E0E0;
color: #212C46;
display: block;
font-family: montserrat;
font-size: 18px;
font-weight: 700;
letter-spacing: 0px;
margin-bottom: -1px;
margin-top: 5px;
padding-bottom: 2px;
padding-left: 10px;
text-align: left;
text-transform: uppercase;
width: 430px;
}
#descricao {
font-family: verdana;
font-size: 8px;
height: 55px;
letter-spacing: 1px;
line-height: 10px;
margin-top: -10px;
overflow: hidden;
padding: 5px;
text-align: justify;
text-transform: uppercase;
width: 400px;
}

                                    /*|||< CÓDIGO DE TESTES | QUEM ESTÁ CONECTADO ??? >|||*/
.estatistica_stats {
    width: 280px;
    height: 400px;
    background: transparent url("http://i.imgur.com/Z7WIPpf.png") no-repeat scroll center center;
    vertical-align: top;
}
.estatistica_passage {
    width: 280px;
    height: 400px;
    background: transparent url("http://i.imgur.com/dEq9rLt.png") no-repeat scroll center center;
    vertical-align: top;
}
.estatistica_annif {
    width: 280px;
    height: 400px;
    background: transparent url("http://i.imgur.com/M9yFWQ7.png") no-repeat scroll center center;
    vertical-align: top;
}
.grupo {
    display: inline-block;
    background-color: #F5F1ED;
    border-width: 1px 5px;
    border-style: solid;
    border-color: #987E6A;
    border-radius: 10px;
    padding: 4px;
    margin-left: 10px;
    margin-top: 10px;
    width: 805px;
}
avatar

bean
Usuário destaque

Masculino
Inscrito dia : 17/01/2012
Mensagens : 774
Pontos Ativos : 1008

http://restinpeacerpg.forumeiros.com/

Resolvido Re: Customização dos Widgets

Mensagem por Harleen em 22/01/16, 10:37 pm

Aqui está
Resultado http://prntscr.com/9tlog3

Código:
                      /* ▂ ▃ ▄ ▅ ▆ ▇|||< CORPO DO FÓRUM /FORUM >|||▇ ▆ ▅ ▄ ▃ ▂ ▁*/
#wrap {
max-width: 1050px;
min-width: 1050px;
font: 10px Calibri;
background-color: #F9F9F9;
padding: 10px 20px 10px 20px;
}

.conteneur_container_IE{
width: 1100px;
background: rgba(82,82,82,.7);;
padding: 10px;
margin: 0px auto;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}

body {
background-image: url(http://i.imgur.com/ffy6AIA.jpg);
background-color: #FFF;
background-repeat: no-repeat;
}

body, a:hover {
    cursor: url("http://cur.cursors-4u.net/others/oth-6/oth589.cur"), progress !important;
}

                      /*▁ ▂ ▃ ▄ ▅ ▆ ▇|||< BANNER DO FÓRUM LOCALIZAÇÃO >|||▇ ▆ ▅ ▄ ▃ ▂ ▁*/
#logo-desc img {
width:1080px;
margin-left:-25px;
margin-top:-11px;
}

                      /*▁ ▂ ▃ ▄ ▅ ▆ ▇|||< CHATBOX DO FÓRUM v1.1 BS >|||▇ ▆ ▅ ▄ ▃ ▂ ▁*/
#chatbox_header.main-head {
background: url(http://i58.servimg.com/u/f58/18/24/85/15/gm-loo10.jpg) repeat-x bottom #363636;
padding: 3px 4px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
min-height: 6px;
background-color: #EFEFEF;
}

.chatbox-title, .chatbox-title a.chat-title {
background: url(http://i72.servimg.com/u/f72/18/07/42/17/popup10.png) no-repeat scroll 75px 3px transparent;
font: 700 15px/1.3 Helvetica,Arial,sans-serif;
color: #000;
}

.chatbox-title a.chat-title:hover {
  text-decoration: underline;
}

.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #000;
}

body[bgcolor] {background: #FCFCFF;}
.main-content.chatbox {
  background-color: #FCFCFF;
  padding: 10px;
  border: 1px solid rgb(204, 204, 204);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  padding-bottom: 0px;
}

#chatbox_members {
background: rgb(246, 246, 248);
border: 1px solid rgb(204, 204, 204);
margin: 4px;
top: 43px;
bottom: 28px;
right: 10;
}

#chatbox_members .member-title {
background: url(http://i58.servimg.com/u/f58/18/24/85/15/gm-loo10.jpg) repeat-x bottom #363636;
color: #fff;
padding: 5px;
text-align: left;
padding: 8px 10px;
}

#chatbox p {
background: transparent;
padding: 5px;
line-height: 1.3em;
}

#chatbox p span[style="color:green;"], #chatbox p span[style="color:red;"] {
  background: #FAFAD2;
}

#chatbox_footer {
  background: #EFEFEF;
  border: 0px;
}

#chatbox_footer .right {
  float: left;
}

#chatbox_messenger_form .right {margin-left: 8px;font-size:0}
input#message.post {
font-family: inherit;
min-width: 430px;
color: #000;
font-size: 13px;
background-color: #fff;
padding: 3px;
margin-bottom: 2px;
border-width: 1px;
border-style: solid;
border-top-color: rgb(192,192,192);
border-right-color: rgb(233,233,233);
border-bottom-color: rgb(233,233,233);
border-left-color: rgb(192,192,192);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
outline: 0;
}

input#message.post:focus {
background: rgb(255,255,240) url('http://i58.servimg.com/u/f58/18/24/85/15/form-e10.png') repeat-x;
border-top-color: rgb(150,150,150);
border-bottom-color: rgb(230,230,230);
}

#submit_button, .fontbutton {
font-style: normal;
font-size: 12px;
font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
color: rgb(0, 0, 0);
background: rgb(220,220,235) url('http://i58.servimg.com/u/f58/18/24/85/15/form-b10.png') repeat-x top;
padding: 0px 6px;
border: 1px solid rgb(221, 221, 235);
border-top-color: rgb(255, 255, 255);
border-bottom-color: rgb(179, 179, 189);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;
text-align: center;
-webkit-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
-moz-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
-khtml-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
box-shadow: 0px 1px 4px 0px rgb(200,200,210);
text-shadow: 0 0 0 transparent, 0px -1px 2px white;
outline: none;
line-height: 23px;
display: inline-block;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: 23px;
}

#submit_button {
margin-left: 13px;
}

#submit_button:hover, .fontbutton:hover {
color: black;
background-color: rgb(255,255,200);
border-color: rgb(255,255,200);
border-top-color: white;
border-bottom-color: rgb(190,190,170);
}

#simple-wrap {
  background:white;
}

#chatbox_top {
  min-height: 280px;
}

#chatbox{
  top: 43px;
  bottom: 28px;
  margin: 5px;
  background: rgb(246, 246, 248);
  border: 1px solid rgb(204, 204, 204);
  padding: 5px;
  right: 198px;
  left:0;
}

                                    /*|||< Categorias & Fóruns >|||*/
.module .h3 {
background: #454B4D none repeat scroll 0% 0% !important;
border-radius: 5px 5px 0px 0px;
color: #FFF;
margin: -5px -10px 10px;
padding: 6px 3px;
text-align: center;
text-transform: none;
}
.module.main{
background-color: #000;
}
.module {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #262626 0%, #353535 50%, #262626 51%, #2b2b2b 100%) repeat scroll 0 0;
    border-radius: 5px 5px 0 0;
    color: #dedfdf;
    font-weight: 400;
    padding: 0.7em 1.3em;
}
li.header {
background: url("http://i.imgur.com/ffy6AIA.jpg");
border: 1px solid #DDD;
border-radius: 5px 5px 0px 0px;
height: 80px;
}
.table-title h2 {
background-color: rgba(0, 0, 0, 0.52);
color: #FFF;
display: inline-block;
font-family: Special Elite;
font-size: 21px;
letter-spacing: 2px;
text-transform: uppercase;
border-radius: 5px;
padding: 17px;
margin-left: 150px;
margin-top: 11px;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.46);
text-shadow: 0px 0px 5px #000;
}
.forabg .row, .forumbg .row {
background: #F2F2F2 none repeat scroll 0% 0%;
border-width: 1px 1px 2px !important;
border-style: solid !important;
border-color: #DDD !important;
-moz-border-top-colors: none !important;
-moz-border-right-colors: none !important;
-moz-border-bottom-colors: none !important;
-moz-border-left-colors: none !important;
border-image: none !important;
border-radius: 3px;
margin-bottom: 6px;
}
a.forumtitle {
border-bottom: 3px solid #E0E0E0;
color: #212C46;
display: block;
font-family: montserrat;
font-size: 18px;
font-weight: 700;
letter-spacing: 0px;
margin-bottom: -1px;
margin-top: 5px;
padding-bottom: 2px;
padding-left: 10px;
text-align: left;
text-transform: uppercase;
width: 430px;
}
#descricao {
font-family: verdana;
font-size: 8px;
height: 55px;
letter-spacing: 1px;
line-height: 10px;
margin-top: -10px;
overflow: hidden;
padding: 5px;
text-align: justify;
text-transform: uppercase;
width: 400px;
}

                                    /*|||< CÓDIGO DE TESTES | QUEM ESTÁ CONECTADO ??? >|||*/
.estatistica_stats {
    width: 280px;
    height: 400px;
    background: transparent url("http://i.imgur.com/Z7WIPpf.png") no-repeat scroll center center;
    vertical-align: top;
}
.estatistica_passage {
    width: 280px;
    height: 400px;
    background: transparent url("http://i.imgur.com/dEq9rLt.png") no-repeat scroll center center;
    vertical-align: top;
}
.estatistica_annif {
    width: 280px;
    height: 400px;
    background: transparent url("http://i.imgur.com/M9yFWQ7.png") no-repeat scroll center center;
    vertical-align: top;
}
.grupo {
    display: inline-block;
    background-color: #F5F1ED;
    border-width: 1px 5px;
    border-style: solid;
    border-color: #987E6A;
    border-radius: 10px;
    padding: 4px;
    margin-left: 10px;
    margin-top: 10px;
    width: 805px;
}

Até mais.


Bem-vindo ao FDF, leia:
Flecha ajudeiros Consulte o regulamento do setor suporte
Flecha ajudeiros Leia as Perguntas e Respostas
Flecha ajudeiros Confira a Lista de Tutoriais, Dicas e Astúcias
Seja sempre educado e descreva sua questão detalhadamente
Não peça suporte por MP.

avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1419
Pontos Ativos : 1835

https://soulfulbrmusic.forumeiros.com/

Resolvido Re: Customização dos Widgets

Mensagem por bean em 22/01/16, 10:52 pm

Ficou ótimo a barra do título porém eu também gostaria do código de customização da cor de dentro - background - do widget, como pode notar a minha é branca e sem nenhuma border e eu não acho o maldito código nem a pau Chorando ou muito tr
avatar

bean
Usuário destaque

Masculino
Inscrito dia : 17/01/2012
Mensagens : 774
Pontos Ativos : 1008

http://restinpeacerpg.forumeiros.com/
  • 0

Resolvido Re: Customização dos Widgets

Mensagem por Harleen em 22/01/16, 11:31 pm

Olá desculpe a demora troque esse código
Código:
.module .h3 {
background: #454B4D none repeat scroll 0% 0% !important;
border-radius: 5px 5px 0px 0px;
color: #FFF;
margin: -5px -10px 10px;
padding: 6px 3px;
text-align: center;
text-transform: none;
}
.module.main{
background-color: #000;
}

por esse
Código:
.module .h3 {
background: #454B4D none repeat scroll 0% 0% !important;
border-radius: 5px 5px 0px 0px;
color: #FFF;
margin: -5px -10px 10px;
padding: 6px 3px;
text-align: center;
text-transform: none;
}
.module {
background-color: white;
}

resultado http://prntscr.com/9tm459
Até mais


Bem-vindo ao FDF, leia:
Flecha ajudeiros Consulte o regulamento do setor suporte
Flecha ajudeiros Leia as Perguntas e Respostas
Flecha ajudeiros Confira a Lista de Tutoriais, Dicas e Astúcias
Seja sempre educado e descreva sua questão detalhadamente
Não peça suporte por MP.

avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1419
Pontos Ativos : 1835

https://soulfulbrmusic.forumeiros.com/

Resolvido Re: Customização dos Widgets

Mensagem por bean em 23/01/16, 12:23 am

esplêndido! assunto resolvido! Rosa
avatar

bean
Usuário destaque

Masculino
Inscrito dia : 17/01/2012
Mensagens : 774
Pontos Ativos : 1008

http://restinpeacerpg.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum