Moldura nos widgets

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

Resolvido Moldura nos widgets

Mensagem por Neg0 em 28/02/11, 09:30 am

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):


Última edição por Neg0 em 05/03/11, 07:16 pm, editado 1 vez(es)
avatar

Neg0
Nível 8

Masculino
Inscrito dia : 13/02/2011
Mensagens : 120
Pontos Ativos : 204

Ver perfil do usuário http://envoyer.forumeiros.com/

Resolvido Re: Moldura nos widgets

Mensagem por #Frank! em 28/02/11, 10:07 am

Olá !

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, Piscada
Ravenger.
avatar

#Frank!
Membro do Fórum

Feminino
Inscrito dia : 14/09/2009
Mensagens : 1128
Pontos Ativos : 1606

Ver perfil do usuário http://finite.forumeiros.com

Resolvido Re: Moldura nos widgets

Mensagem por Neg0 em 28/02/11, 12:13 pm

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.
avatar

Neg0
Nível 8

Masculino
Inscrito dia : 13/02/2011
Mensagens : 120
Pontos Ativos : 204

Ver perfil do usuário http://envoyer.forumeiros.com/

Resolvido Re: Moldura nos widgets

Mensagem por Hancki em 28/02/11, 05:15 pm

Olá!

Não há classes para que os widgets da versão phpBB3 fiquem como os dessa versão, lamento.

Até mais.
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Moldura nos widgets

Mensagem por Neg0 em 28/02/11, 09:02 pm

bem vi nesse forum aew e se o o dono não mudou ainda é phpBB3.
Forum: Forum
avatar

Neg0
Nível 8

Masculino
Inscrito dia : 13/02/2011
Mensagens : 120
Pontos Ativos : 204

Ver perfil do usuário http://envoyer.forumeiros.com/

Resolvido Re: Moldura nos widgets

Mensagem por Hancki em 01/03/11, 03:15 pm

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.
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Moldura nos widgets

Mensagem por Neg0 em 01/03/11, 03:19 pm

sim, pode ser.
mas quero na cor laranja.
avatar

Neg0
Nível 8

Masculino
Inscrito dia : 13/02/2011
Mensagens : 120
Pontos Ativos : 204

Ver perfil do usuário http://envoyer.forumeiros.com/

Resolvido Re: Moldura nos widgets

Mensagem por Neg0 em 02/03/11, 06:46 pm

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
avatar

Neg0
Nível 8

Masculino
Inscrito dia : 13/02/2011
Mensagens : 120
Pontos Ativos : 204

Ver perfil do usuário http://envoyer.forumeiros.com/

Resolvido Re: Moldura nos widgets

Mensagem por Callie em 02/03/11, 06:52 pm

Olá Neg0,

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.
avatar

Callie
Principal contribuidor
Principal contribuidor

Feminino
Inscrito dia : 20/12/2009
Mensagens : 5007
Pontos Ativos : 7285

Ver perfil do usuário

Resolvido Re: Moldura nos widgets

Mensagem por Neg0 em 04/03/11, 09:16 pm

coloquei mas ficou com um pequeno defeito,


Tem como ajeitar!?
avatar

Neg0
Nível 8

Masculino
Inscrito dia : 13/02/2011
Mensagens : 120
Pontos Ativos : 204

Ver perfil do usuário http://envoyer.forumeiros.com/

Resolvido Re: Moldura nos widgets

Mensagem por seender em 05/03/11, 01:18 am

Olá!

Tente com este código:
Código:
.module {
border: 0px;
}
Resolve?

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Moldura nos widgets

Mensagem por Neg0 em 05/03/11, 10:28 am

mas eu quero deixar a borda,
tem como deixar essa parte de cima quadrada!?
pq ta meio q arredondado nas pontas.
avatar

Neg0
Nível 8

Masculino
Inscrito dia : 13/02/2011
Mensagens : 120
Pontos Ativos : 204

Ver perfil do usuário http://envoyer.forumeiros.com/

Resolvido Re: Moldura nos widgets

Mensagem por seender em 05/03/11, 06:29 pm

Olá!

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;
}
Resolve?

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Moldura nos widgets

Mensagem por Neg0 em 05/03/11, 07:16 pm

eu ja tinha encontrado um codigo aqui mesmo no FDF, que resolveu o problema.
avatar

Neg0
Nível 8

Masculino
Inscrito dia : 13/02/2011
Mensagens : 120
Pontos Ativos : 204

Ver perfil do usuário http://envoyer.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