Como deixar o fundo dos widgets azul claro?

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

Resolvido Como deixar o fundo dos widgets azul claro?

Mensagem por XxPitibull_RoaRinGxX em 11/12/12, 01:46 pm

Qual é minha questão:
Gostaria de Deixar o Fundo dos Widgets Azuis Claros como neste forum: http://br-adventurestreet.forumeiros.com

Endereço do meu fórum:
http://br-gtamaster.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por XxPitibull_RoaRinGxX em 11/12/12, 02:09 pm, editado 1 vez(es)
avatar

XxPitibull_RoaRinGxX
Nível 5

Masculino
Inscrito dia : 09/07/2012
Mensagens : 56
Pontos Ativos : 84

Ver perfil do usuário http://br-firedesigners.forumeiros.com.pt/

Resolvido Re: Como deixar o fundo dos widgets azul claro?

Mensagem por BrunoH. em 11/12/12, 01:50 pm

Olá!
Aceda a "Folha de Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS
Código:
.module {background-image: url(http://illiweb.com/fa/optimisation_fdf/fr/bg_pannel.png)!important;
background-position: 50% 100%;background-repeat: repeat-x;border: 1px solid #C3E0F1;border-image: initial;border-radius: 4px;box-shadow: 1px 1px 1px;margin: 3px 1px;}
e Valide!

Até mais! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como deixar o fundo dos widgets azul claro?

Mensagem por XxPitibull_RoaRinGxX em 11/12/12, 01:52 pm

não resultou pois a imagen ficou no fim dos widgets e o resto fico branco '-'
avatar

XxPitibull_RoaRinGxX
Nível 5

Masculino
Inscrito dia : 09/07/2012
Mensagens : 56
Pontos Ativos : 84

Ver perfil do usuário http://br-firedesigners.forumeiros.com.pt/

Resolvido Re: Como deixar o fundo dos widgets azul claro?

Mensagem por BrunoH. em 11/12/12, 01:54 pm

Olá!
Claro querido, o senhor pensou que o código que eu lhe enviei é o mesmo que está em seu CSS, peço que o senhor coloque o código que lhe enviei, valide o CSS e deixe-o para que eu possa ver.

Até mais! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como deixar o fundo dos widgets azul claro?

Mensagem por XxPitibull_RoaRinGxX em 11/12/12, 01:57 pm

Mais é o seu codigo '-'
avatar

XxPitibull_RoaRinGxX
Nível 5

Masculino
Inscrito dia : 09/07/2012
Mensagens : 56
Pontos Ativos : 84

Ver perfil do usuário http://br-firedesigners.forumeiros.com.pt/

Resolvido Re: Como deixar o fundo dos widgets azul claro?

Mensagem por BrunoH. em 11/12/12, 02:00 pm

Olá!
Veja se o senhor me entende, em seu CSS possui o seguinte código:
Código:
.module {
background-image: url(http://illiweb.com/fa/optimisation_fdf/fr/bg_pannel.png)!important;
background-position: 50% 100%;
background-repeat: repeat-x;
border: 1px solid #C3E0F1;
border-image: initial;
border-radius: 4px;
box-shadow: 1px 1px 1px;
margin: 3px 1px;
}
Retire-o e coloque oque eu lhe forneci acima. Caso não consiga achar o código, ou não resulte, me envie todo seu CSS para eu possa fazer as alterações para o senhor.

Até mais! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como deixar o fundo dos widgets azul claro?

Mensagem por XxPitibull_RoaRinGxX em 11/12/12, 02:02 pm

Aqui Esta o Css:
Spoiler:
.module {background-image: url(http://illiweb.com/fa/optimisation_fdf/fr/bg_pannel.png)!important;
background-position: 50% 100%;background-repeat: repeat-x;border: 1px solid #C3E0F1;border-image: initial;border-radius: 4px;box-shadow: 1px 1px 1px;margin: 3px 1px;}
button.button2, button.button1,input.button2,input.button1 {

padding: 5px;
background: Light Blue;
border-radius: 3px;
border: 3px solid #CCE0E5;
cursor: pointer; /* Old browsers */background: -moz-linear-gradient(top, #BCECF2 0%, #ededed 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BCECF2), color-stop(100%,#ededed)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #BCECF2 0%,#D7EFF2 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #BCECF2 0%,#D7EFF2 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #D7EFF2 0%,#D7EFF2 100%); /* IE10+ */background: linear-gradient(to bottom, #D7EFF2 0%,#D7EFF2 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D7EFF2', endColorstr='#D7EFF2',GradientType=0 ); /* IE6-9 */;
}
button.button2:hover, button.button1:hover, input.button2:hover, input.button1:hover {
border: 3px solid gray;
}
.module .h3 {
text-align: center;
}
.postprofile dt img{-webkit-box-shadow: black 0px 0px 5px; border: 2px solid #74BAF7; border-image: initial; box-shadow: #4981D6 0px 0px 5px}p.author{background: none 0px 0px repeat scroll #EBEBEB; border: 1px solid #D7D7D7; border-image: initial; border-bottom-right-radius: 6px; border-top-right-radius: 6px; color: #232323; left: -11px; padding-left: 3px; padding-top: 3px; position: relative; width: 225px}.postprofile{background-color: #DBDBDB; border: 1px solid; border-image: initial; text-align: center}

.post{background:white url(http://i66.servimg.com/u/f66/11/96/49/61/offlin10.png) no-repeat top right!important}.online{background:white url(http://i66.servimg.com/u/f66/13/46/75/82/online15.png) no-repeat top right!important}
.module {
background-image: url(http://illiweb.com/fa/optimisation_fdf/fr/bg_pannel.png);
background-position: 50% 100%;
background-repeat: repeat-x;
border: 1px solid #C3E0F1;
border-image: initial;
border-radius: 4px;
box-shadow: 1px 1px 1px;
margin: 3px 1px;
}
.forabg {
background-color: #CCE0E5;
background-image: url(http://illiweb.com/fa/optimisation_fdf/fr/bg_pannel.png);
background-position: 0px 0px;
background-repeat: repeat-x;
border: 2px solid #F2F2F2;
border-image: initial;
clear: both;
margin-bottom: 4px;
padding: 0px 5px;
}

#wrap {
-moz-border-radius: 4% 4% 0 0;
}


/*wrapping e logo*/
#wrap {
width : 1200px;
border-left: 7px solid #A38034;
border-right: 7px solid #A38034;
-moz-border-radius: 60px;
border-top-left-radius: 60px 30px;
border-top-right-radius: 60px 30px;
border-bottom-right-radius: 60px 30px;
border-bottom-left-radius: 60px 30px;
margin-top:12px;
-moz-box-shadow : 0 0 30px #000000;
-webkit-box-shadow : 0 0 30px #000000;
}
avatar

XxPitibull_RoaRinGxX
Nível 5

Masculino
Inscrito dia : 09/07/2012
Mensagens : 56
Pontos Ativos : 84

Ver perfil do usuário http://br-firedesigners.forumeiros.com.pt/

Resolvido Re: Como deixar o fundo dos widgets azul claro?

Mensagem por BrunoH. em 11/12/12, 02:08 pm

Olá!
Substitua por este:
Código:
.module {background-color:#E5F1F9;
background-position: 50% 100%;background-repeat: repeat-x;border: 1px solid #C3E0F1;border-image: initial;border-radius: 4px;box-shadow: 1px 1px 1px;margin: 3px 1px;}
button.button2, button.button1,input.button2,input.button1 {
padding: 5px;
background: Light Blue;
border-radius: 3px;
border: 3px solid #CCE0E5;
cursor: pointer; /* Old browsers */background: -moz-linear-gradient(top, #BCECF2 0%, #ededed 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BCECF2), color-stop(100%,#ededed)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #BCECF2 0%,#D7EFF2 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #BCECF2 0%,#D7EFF2 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #D7EFF2 0%,#D7EFF2 100%); /* IE10+ */background: linear-gradient(to bottom, #D7EFF2 0%,#D7EFF2 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D7EFF2', endColorstr='#D7EFF2',GradientType=0 ); /* IE6-9 */;
}
button.button2:hover, button.button1:hover, input.button2:hover, input.button1:hover {
border: 3px solid gray;
}
.module .h3 {
text-align: center;
}
.postprofile dt img{-webkit-box-shadow: black 0px 0px 5px; border: 2px solid #74BAF7; border-image: initial; box-shadow: #4981D6 0px 0px 5px}p.author{background: none 0px 0px repeat scroll #EBEBEB; border: 1px solid #D7D7D7; border-image: initial; border-bottom-right-radius: 6px; border-top-right-radius: 6px; color: #232323; left: -11px; padding-left: 3px; padding-top: 3px; position: relative; width: 225px}.postprofile{background-color: #DBDBDB; border: 1px solid; border-image: initial; text-align: center}

.post{background:white url(http://i66.servimg.com/u/f66/11/96/49/61/offlin10.png) no-repeat top right!important}.online{background:white url(http://i66.servimg.com/u/f66/13/46/75/82/online15.png) no-repeat top right!important}
.forabg {
background-color: #CCE0E5;
background-image: url(http://illiweb.com/fa/optimisation_fdf/fr/bg_pannel.png);
background-position: 0px 0px;
background-repeat: repeat-x;
border: 2px solid #F2F2F2;
border-image: initial;
clear: both;
margin-bottom: 4px;
padding: 0px 5px;
}

#wrap {
-moz-border-radius: 4% 4% 0 0;
}


/*wrapping e logo*/
#wrap {
width : 1200px;
border-left: 7px solid #A38034;
border-right: 7px solid #A38034;
-moz-border-radius: 60px;
border-top-left-radius: 60px 30px;
border-top-right-radius: 60px 30px;
border-bottom-right-radius: 60px 30px;
border-bottom-left-radius: 60px 30px;
margin-top:12px;
-moz-box-shadow : 0 0 30px #000000;
-webkit-box-shadow : 0 0 30px #000000;
}

Até mais! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como deixar o fundo dos widgets azul claro?

Mensagem por XxPitibull_RoaRinGxX em 11/12/12, 02:09 pm

Resolvido Pode Fechar Obrigado Piscada
avatar

XxPitibull_RoaRinGxX
Nível 5

Masculino
Inscrito dia : 09/07/2012
Mensagens : 56
Pontos Ativos : 84

Ver perfil do usuário http://br-firedesigners.forumeiros.com.pt/

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