Como deixar o fundo dos widgets azul claro?
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Como deixar o fundo dos widgets azul claro?
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
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 16:09, editado 1 vez(es)
Re: Como deixar o fundo dos widgets azul claro?
Olá!
Aceda a "Folha de Estilo CSS":
Até mais!
Aceda a "Folha de Estilo CSS":
Código:Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS
e Valide!.module {background-image: url(https://2img.net/i/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;}
Até mais!
Re: Como deixar o fundo dos widgets azul claro?
não resultou pois a imagen ficou no fim dos widgets e o resto fico branco '-'
Re: Como deixar o fundo dos widgets azul claro?
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!
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!
Re: Como deixar o fundo dos widgets azul claro?
Olá!
Veja se o senhor me entende, em seu CSS possui o seguinte código:
Até mais!
Veja se o senhor me entende, em seu CSS possui o seguinte código:
- Código:
.module {
background-image: url(http://2img.net/i/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;
}
Até mais!
Re: Como deixar o fundo dos widgets azul claro?
Aqui Esta o Css:
- Spoiler:
- .module {background-image: url(https://2img.net/i/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(https://i.servimg.com/u/f66/11/96/49/61/offlin10.png) no-repeat top right!important}.online{background:white url(https://i.servimg.com/u/f66/13/46/75/82/online15.png) no-repeat top right!important}
.module {
background-image: url(https://2img.net/i/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(https://2img.net/i/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;
}
Re: Como deixar o fundo dos widgets azul claro?
Olá!
Substitua por este:
Até mais!
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://2img.net/i/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!
Tópicos semelhantes
» Deixar este local azul , com fundo azul
» Como deixar os widgets apenas na pagina inical e deixar as outras paginas normais?
» Deixar o fundo dos widgets transparentes
» [Logo] Fundo azul - Médio - Texto azul claro
» Como Deixar os Widgets Do PORTAL Igual a Do FDF
» Como deixar os widgets apenas na pagina inical e deixar as outras paginas normais?
» Deixar o fundo dos widgets transparentes
» [Logo] Fundo azul - Médio - Texto azul claro
» Como Deixar os Widgets Do PORTAL Igual a Do FDF
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos