Moldura nos widgets
Fórum dos Fóruns :: Atendimento ao Usuário Forumeiros :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe •
Moldura nos widgets
Qual é sua questão:
Bem queria colocar tipo uma moldura nos widigets como na imagens,
so q queria q tivesse tabmém um traçado lateral e inferior.
Não quero que fique so em cima, se é q me entendem.
se caso a imagem naum abrir aew esta o link: http://img228.imageshack.us/img228/3238/widgetsz.png
Que medidas você tomou para corrigir o problema:
Apresente-nos imagens do problema (se necessário):

Bem queria colocar tipo uma moldura nos widigets como na imagens,
so q queria q tivesse tabmém um traçado lateral e inferior.
Não quero que fique so em cima, se é q me entendem.
se caso a imagem naum abrir aew esta o link: http://img228.imageshack.us/img228/3238/widgetsz.png
Que medidas você tomou para corrigir o problema:
Apresente-nos imagens do problema (se necessário):

Última edição por Neg0 em 05/03/11, 07:16 pm, editado 1 vez(es)
Neg0- Nível 8
-
Inscrito dia : 13/02/2011
Mensagens : 120
Pontos Ativos : 204
Re: Moldura nos widgets
Olá !
Tente colocar este na página CSS.
Veja se isto resolve !
Abraços,
Ravenger.
Tente colocar este na página CSS.
- Código:
.module {
margin-bottom: 4px;
padding: 0 10px;
}
.module {
background-image: url('');
background-repeat: repeat-x;
border: 1px solid #ccc;
}
.module {
box-shadow: 0 0 1em #ccc;
-moz-box-shadow: 0 0 1em #ccc;
-webkit-box-shadow: 0 0 1em #ccc;
}
.module span.corners-top, .module span.corners-bottom {
margin: 0 -10px;
}
.module .h3,.introduction .h3 {
margin: 0.5em 0;
color: #000;
border: 1px solid black;
border-bottom: 0px;
height: 1%;
text-align: center;
text-transform: capitalize;
font-size: 12px;
margin-top: -1px;
padding-bottom: 5px;
-moz-border-radius: 0px 0px 0px #fff;
}
.module ul, .module ol {
list-style-position: inside;
box-shadow: 0 0 1em #ccc;
}
.module dl.details dt {
width: 10em;
text-align: left;
margin-left: 5px;
box-shadow: 0 0 1em #ccc;
}
.module dl.details dd {
margin-left: 0px;
box-shadow: 0 0 1em #ccc;
}
.module table.mod-top-posters {
table-layout: fixed;
box-shadow: 0 0 1em #ccc;
-moz-box-shadow: 0 0 1em #ccc;
-webkit-box-shadow: 0 0 1em #ccc;
}
.module .fields1 dd {
margin-left: 0;
}
.module h3 {
margin: 0.5em 0;
color: #000000;
border-bottom: 0px solid #000000;
color: #ccc;
text-align: center;
text-transform: capitalize;
font-size: 12px;
margin-top: -1px;
padding-bottom: 5px;
}
Veja se isto resolve !
Abraços,

Ravenger.
#Frank!- Membro do Fórum
-
Inscrito dia : 14/09/2009
Mensagens : 1128
Pontos Ativos : 1606
Re: Moldura nos widgets
tem como vc me ajudar a editar, não sei mecher muito bem nesse codigos.
aew queria deixar meio aredondado na cor laranja.
e com borda lateral e inferior.
aew queria deixar meio aredondado na cor laranja.
e com borda lateral e inferior.
Neg0- Nível 8
-
Inscrito dia : 13/02/2011
Mensagens : 120
Pontos Ativos : 204
Re: Moldura nos widgets
Olá!
Não há classes para que os widgets da versão phpBB3 fiquem como os dessa versão, lamento.
Até mais.
Não há classes para que os widgets da versão phpBB3 fiquem como os dessa versão, lamento.
Até mais.
Hancki- Ex-Admineiro
-
Inscrito dia : 03/10/2009
Mensagens : 8070
Pontos Ativos : 12062
Re: Moldura nos widgets
bem vi nesse forum aew e se o o dono não mudou ainda é phpBB3.
Forum: Forum
Forum: Forum
Neg0- Nível 8
-
Inscrito dia : 13/02/2011
Mensagens : 120
Pontos Ativos : 204
Re: Moldura nos widgets
Olá de novo!
Eu sei bem desse fórum, eu ajudei numa questão dos widgets. Você deseja seus widgets como o desse fórum?
Até mais.
Eu sei bem desse fórum, eu ajudei numa questão dos widgets. Você deseja seus widgets como o desse fórum?
Até mais.
Hancki- Ex-Admineiro
-
Inscrito dia : 03/10/2009
Mensagens : 8070
Pontos Ativos : 12062
Re: Moldura nos widgets
sim, pode ser.
mas quero na cor laranja.
mas quero na cor laranja.
Neg0- Nível 8
-
Inscrito dia : 13/02/2011
Mensagens : 120
Pontos Ativos : 204
Re: Moldura nos widgets
a borda consegui colocar, como podem
ver na imagem:
Agora queria colocar essa placa e deixar o nome do widgets centralizado,
como na imagem:

caso as imagens não abrão aew estão os links:
1ª imagem: http://img852.imageshack.us/img852/9993/widgets.png
2ª imagem: http://img145.imageshack.us/img145/9993/widgets.png
ver na imagem:

Agora queria colocar essa placa e deixar o nome do widgets centralizado,
como na imagem:

caso as imagens não abrão aew estão os links:
1ª imagem: http://img852.imageshack.us/img852/9993/widgets.png
2ª imagem: http://img145.imageshack.us/img145/9993/widgets.png
Neg0- Nível 8
-
Inscrito dia : 13/02/2011
Mensagens : 120
Pontos Ativos : 204
Re: Moldura nos widgets
Olá Neg0,
Experimente o seguinte código:
Até mais.
Experimente o seguinte código:
- Código:
.module {
-moz-border-radius: 2px;
-moz-box-shadow: 0 2px 5px black;
-webkit-border-radius: 2px;
-webkit-box-shadow: 0 2px 5px black;
background-color: #F7F7F7;
background-image: url(http://i22.servimg.com/u/f22/16/02/78/48/bg10.png);
background-position: top;
background-repeat: repeat-x;
background-z-index: 999;
border: 2px solid COR DE FUNDO;
margin-top: 2px;
border-top-left-radius: 2px 2px;
border-top-right-radius: 2px 2px;
border-bottom-right-radius: 2px 2px;
border-bottom-left-radius: 2px 2px;
}
Até mais.
Callie- Ex-Admineiro
-
Inscrito dia : 20/12/2009
Mensagens : 5007
Pontos Ativos : 7285
Re: Moldura nos widgets
coloquei mas ficou com um pequeno defeito, 
Tem como ajeitar!?

Tem como ajeitar!?
Neg0- Nível 8
-
Inscrito dia : 13/02/2011
Mensagens : 120
Pontos Ativos : 204
Re: Moldura nos widgets
Olá!
Tente com este código:
Melhores cumprimentos,
seender
Tente com este código:
- Código:
.module {
border: 0px;
}
Melhores cumprimentos,
seender
seender- Principal contribuidor
-
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457
Re: Moldura nos widgets
mas eu quero deixar a borda,
tem como deixar essa parte de cima quadrada!?
pq ta meio q arredondado nas pontas.
tem como deixar essa parte de cima quadrada!?
pq ta meio q arredondado nas pontas.
Neg0- Nível 8
-
Inscrito dia : 13/02/2011
Mensagens : 120
Pontos Ativos : 204
Re: Moldura nos widgets
Olá!
Então faça assim:
Melhores cumprimentos,
seender
Então faça assim:
- Código:
.module {
-moz-box-shadow: 0 2px 5px black;
-webkit-box-shadow: 0 2px 5px black;
background-color: #F7F7F7;
background-image: url(http://i22.servimg.com/u/f22/16/02/78/48/bg10.png);
background-position: top;
background-repeat: repeat-x;
background-z-index: 999;
border: 2px solid COR DE FUNDO;
margin-top: 2px;
}
Melhores cumprimentos,
seender
seender- Principal contribuidor
-
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457
Re: Moldura nos widgets
eu ja tinha encontrado um codigo aqui mesmo no FDF, que resolveu o problema.
Neg0- Nível 8
-
Inscrito dia : 13/02/2011
Mensagens : 120
Pontos Ativos : 204
Fórum dos Fóruns :: Atendimento ao Usuário Forumeiros :: 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ão deste fórum:
Você não pode responder aos tópicos neste fórum