área de postagem

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

Resolvido área de postagem

Mensagem por FTM em 20/03/12, 02:38 pm

Qual é minha questão:
Bom,estou querendo editar a área de postagem do Portal,sabe? elas ficam no portal,como noticias.
Queria da seguinte maneira,Siga o print a baixo de exemplo por favor :

Cor do fundo : Cinza/#cccccc
Borda : cor : Preta/#000000 Pixels : 2px.
Opacidade/Transparencia : 80%
Sombra : Cor : Preta/#000000



Medidas que eu tomei para corrigir o problema:
Não sei..

Links e imagens do meu problema:
Já mandei a cima

Endereço do meu fórum:
http://fairytailmilenium.forumeiros.com

Versão do meu fórum:
PHPBB3
avatar

FTM
Nível 9

Masculino
Inscrito dia : 04/03/2012
Mensagens : 197
Pontos Ativos : 272

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

Resolvido Re: área de postagem

Mensagem por MateusV. em 20/03/12, 03:25 pm

Olá, procure por este codigo em seu CSS
.row2, #p49, .post {
moz-border-radius: 10px !important;
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
background-color: #FFFFFF;
}
E então substitua-o por este
.row2, #p49, .post {
moz-border-radius: 10px !important;
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
box-shadow:0 1px 5px rgba(0,0,0,.15);
background-color: #FFFFFF;
opacity: .3; filter:alpha(opacity=30);
}

Cordialmente. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: área de postagem

Mensagem por FTM em 20/03/12, 03:31 pm

Quase de prima incrivel xD.

Amigo só falta ele ficar um pouco transparente tem como?
avatar

FTM
Nível 9

Masculino
Inscrito dia : 04/03/2012
Mensagens : 197
Pontos Ativos : 272

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

Resolvido Re: área de postagem

Mensagem por MateusV. em 20/03/12, 03:38 pm

Olá, substitua o codigo por este
.row2, #p49, .post {
moz-border-radius: 10px !important;
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
box-shadow:0 1px 5px rgba(0,0,0,.15);
background-color: #FFFFFF;
background-opacity: 0001;
filter:alpha(opacity=30);
-moz-opacity: 1.0;
}

Cordialmente. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: área de postagem

Mensagem por FTM em 20/03/12, 03:42 pm

Ele não estão transparente, e se esticaram mais Triste

http://fairytailmilenium.forumeiros.com/portal

Gostei desse estilo,só que esta Muito esticado,queria a largura da minha gadget personalizada se poder.
avatar

FTM
Nível 9

Masculino
Inscrito dia : 04/03/2012
Mensagens : 197
Pontos Ativos : 272

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

Resolvido Re: área de postagem

Mensagem por MateusV. em 20/03/12, 10:01 pm

Olá, substitua-o por este
Código:
.row2, #p49, .post {
padding: 10px;
margin: 0px;
background-color: white;
background-image: linear-gradient(#F2F2F2,white);
background: -moz-linear-gradient(#F2F2F2,white);
background-image: -webkit-linear-gradient(#F2F2F2,white);
border: 1px solid #A8A180;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
box-shadow: 2px 2px 2px #a8a180;
-moz-box-shadow: 2px 2px 2px #a8a180;
-webkit-box-shadow: 2px 2px 2px #a8a180;
font-size: 11px;
width: 90%;
}

Obs: A opacidade no fundo dos posts não sei se será possivel....

Cordialmente.
MateusV. Feliz
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: área de postagem

Mensagem por FTM em 21/03/12, 01:36 pm

Ola,Amigo,fico Ruim,eu quero um tipo o primeiro que você me mando

.row2, #p49, .post {
moz-border-radius: 10px !important;
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
box-shadow:0 1px 5px rgba(0,0,0,.15);
background-color: #FFFFFF;
opacity: .3; filter:alpha(opacity=30);
}

Só que as menssagens que ficam no portal,eu queria ela transparente Triste.

se nao tiver como tudo bem.Eu utilizo esse que citei a cima.
avatar

FTM
Nível 9

Masculino
Inscrito dia : 04/03/2012
Mensagens : 197
Pontos Ativos : 272

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

Resolvido Re: área de postagem

Mensagem por MateusV. em 21/03/12, 01:40 pm

Olá, se deseja transparencia na área do portal o codigo é este
Código:
.module .box-content, .module, .module .main-content {
background-color: transparent !important;
}

Cordialmente. Feliz
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: área de postagem

Mensagem por FTM em 21/03/12, 02:21 pm

mas eu só quero deixa-los um pouco transparente Triste.

Ok então :/

Tem como deixar somente as widgets e menssagens do portal Com bordas redondas não?.E que com esse código esta dando problema nos tópicos.
avatar

FTM
Nível 9

Masculino
Inscrito dia : 04/03/2012
Mensagens : 197
Pontos Ativos : 272

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

Resolvido Re: área de postagem

Mensagem por MateusV. em 21/03/12, 02:44 pm

Olá, sim, substitua o codigo por este
Código:
.module .box-content, .module, .module .main-content {
moz-border-radius: 10px !important;
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
box-shadow:0 1px 5px rgba(0,0,0,.15);
background-color: #FFFFFF;
opacity: .3; filter:alpha(opacity=30);
}

Cordialmente. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: área de postagem

Mensagem por FTM em 21/03/12, 03:05 pm

era isso mesmo que eu queria,mas agora tem como diminuir a largura das widgets e.e ? e só você me dizer como faz que eu vou tantando até o tamanho certo
avatar

FTM
Nível 9

Masculino
Inscrito dia : 04/03/2012
Mensagens : 197
Pontos Ativos : 272

Ver perfil do usuário http://fairytailmilenium.forumeiros.com/forum
  • 0

Resolvido Re: área de postagem

Mensagem por MateusV. em 21/03/12, 04:10 pm

Olá, aqui esta o codigo
.module {
width: 50px !important;
}

Cordialmente. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: área de postagem

Mensagem por FTM em 22/03/12, 04:24 pm

obrigado Muito feliz ja dei o obrigado ..... tópico resolvido
avatar

FTM
Nível 9

Masculino
Inscrito dia : 04/03/2012
Mensagens : 197
Pontos Ativos : 272

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

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