Fundo perfil das mensagens transparente

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

Resolvido Fundo perfil das mensagens transparente

Mensagem por Matheusx6 em 17/03/13, 08:33 pm

Qual é minha questão:
Queria deixar o fundo do perfil das mensagens transparente.

Igual esse daki: http://i.imgur.com/ejL4PSp.png

Achei nesse forum: http://www.brasilplayforever.com/forum

Endereço do meu fórum:
Não necessita.

Versão do fórum:
PHPBB3


Última edição por Matheusx6 em 17/03/13, 10:01 pm, editado 1 vez(es)
avatar

Matheusx6
Nível 3

Masculino
Inscrito dia : 18/08/2012
Mensagens : 22
Pontos Ativos : 34

Ver perfil do usuário

Resolvido Re: Fundo perfil das mensagens transparente

Mensagem por Gaaratsu em 17/03/13, 08:35 pm

Olá querido,

Poderia disponibilizar-nos o link do teu fórum e o fórum que viu tal efeito?

Até mais. Piscada


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7499

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

Resolvido Re: Fundo perfil das mensagens transparente

Mensagem por Matheusx6 em 17/03/13, 08:39 pm

avatar

Matheusx6
Nível 3

Masculino
Inscrito dia : 18/08/2012
Mensagens : 22
Pontos Ativos : 34

Ver perfil do usuário

Resolvido Re: Fundo perfil das mensagens transparente

Mensagem por Gaaratsu em 17/03/13, 09:19 pm

Olá querido,

Adicione ao teu CSS, este código:
.postprofile {
border: 1px solid #eee;
text-align: left;
background-image: url("http://hitskin.com/themes/13/92/59/i_list_bg.png");
background-repeat: repeat;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-box-shadow: 0px 5px 5px #CCCCCC;
-webkit-box-shadow: 0px 5px 5px #CCCCCC;
}
Queira checar:

Até mais. Piscada


Última edição por Dr.House em 17/03/13, 09:27 pm, editado 1 vez(es)


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7499

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

Resolvido Re: Fundo perfil das mensagens transparente

Mensagem por Matheusx6 em 17/03/13, 09:26 pm

Nem funcionou. D:
avatar

Matheusx6
Nível 3

Masculino
Inscrito dia : 18/08/2012
Mensagens : 22
Pontos Ativos : 34

Ver perfil do usuário

Resolvido Re: Fundo perfil das mensagens transparente

Mensagem por Gaaratsu em 17/03/13, 09:27 pm

Olá querido,

Atualizei minha mensagem anterior, queira checa-la novamente.

Até mais. Piscada


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7499

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

Resolvido Re: Fundo perfil das mensagens transparente

Mensagem por Matheusx6 em 17/03/13, 09:31 pm

No meu forum ja tem essa imagem nas postagens , So que não fica transparente , Acho que o codigo esta errado.
avatar

Matheusx6
Nível 3

Masculino
Inscrito dia : 18/08/2012
Mensagens : 22
Pontos Ativos : 34

Ver perfil do usuário

Resolvido Re: Fundo perfil das mensagens transparente

Mensagem por Gaaratsu em 17/03/13, 09:37 pm

Olá querido,

Acabei de checar seu fórum e está tudo sob-controle e correctamente.
Apenas falta um código que você deverá adiciona-lo em sua CSS:
Código:
.postprofile {
border: 1px solid #eee;
text-align: left;
background-image: url("http://hitskin.com/themes/13/92/59/i_list_bg.png");
background-repeat: repeat;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-box-shadow: 0px 5px 5px #CCCCCC;
-webkit-box-shadow: 0px 5px 5px #CCCCCC;
}
.postprofile {
text-align: left;
}
.postprofile {
border-color: #8f8080;
border-right-style: solid;
border-right-width: 1px;
color: #000;
display: inline;
float: left;
margin: 5px 0 0;
min-height: 80px;
position: relative;
width: 22%;
word-wrap: break-word;
}
.postbody {
clear: both;
color: #000;
float: right;
line-height: 1.48em;
padding: 0;
width: 76%;
}

Aceda à:
Painel de Controle :seta2: Visualização :seta2: Imagens e Cores :seta2: Cores :seta2: Aba 'Folha de estilo CSS'
Até mais. Piscada
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7499

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

Resolvido Re: Fundo perfil das mensagens transparente

Mensagem por [S]herlock em 17/03/13, 09:40 pm

Olá,

Aceda em :
Painel de Controle :seta2: Visualização :seta2: Imagens e Cores :seta2: Cores :seta2: Folha de Estilo CSS


Procure este código em sua folha de estilo css, e remova essas partes em negrito:


.postprofile {
background-color: rgb(250, 250, 250);
background-image: url("http://i22.servimg.com/u/f22/15/52/27/82/grey13.png");
background-position: center bottom;
background-repeat: repeat-x;
border: 1px solid rgb(207, 207, 207);
border-radius: 3px 3px 3px 3px;

padding-bottom: 20px;
padding-right: 10px;
padding-top: 20px;
}

Agora, procure este código e remova também as partes em negrito :


.postprofile {
border-color: rgb(224, 224, 224);
border-right: 1px solid rgb(224, 224, 224);

color: rgb(0, 0, 0);
display: inline;
float: left;
margin: 5px 0px 0px;
min-height: 80px;
position: relative;
width: 22%;
word-wrap: break-word;
}

E também, faça o mesmo esquema com este código :


.postprofile {
border-color: rgb(207, 207, 207);
border-right: 1px solid rgb(207, 207, 207);

color: black;
display: inline;
float: left;
margin: 5px 0px 0px;
min-height: 80px;
position: relative;
width: 22%;
}

O seu Resultado tem que ser este:
http://prntscr.com/wrjec

Resulta ?
Até.
avatar

[S]herlock
Usuário avançado

Masculino
Inscrito dia : 18/07/2012
Mensagens : 399
Pontos Ativos : 597

Ver perfil do usuário http://www.projectgames.ativoforum.com

Resolvido Re: Fundo perfil das mensagens transparente

Mensagem por Matheusx6 em 17/03/13, 09:47 pm

Dr.House escreveu:Olá querido,

Acabei de checar seu fórum e está tudo sob-controle e correctamente.
Apenas falta um código que você deverá adiciona-lo em sua CSS:
Código:
.postprofile {
border: 1px solid #eee;
text-align: left;
background-image: url("http://hitskin.com/themes/13/92/59/i_list_bg.png");
background-repeat: repeat;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-box-shadow: 0px 5px 5px #CCCCCC;
-webkit-box-shadow: 0px 5px 5px #CCCCCC;
}
.postprofile {
text-align: left;
}
.postprofile {
border-color: #8f8080;
border-right-style: solid;
border-right-width: 1px;
color: #000;
display: inline;
float: left;
margin: 5px 0 0;
min-height: 80px;
position: relative;
width: 22%;
word-wrap: break-word;
}
.postbody {
clear: both;
color: #000;
float: right;
line-height: 1.48em;
padding: 0;
width: 76%;
}

Aceda à:
Painel de Controle :seta2: Visualização :seta2: Imagens e Cores :seta2: Cores :seta2: Aba 'Folha de estilo CSS'
Até mais. Piscada
Não é assim que eu quero , Esse codigo fez uma linha envolta do perfil nas mensagens.

HugoPimenta escreveu:Olá,

Aceda em :
Painel de Controle :seta2: Visualização :seta2: Imagens e Cores :seta2: Cores :seta2: Folha de Estilo CSS


Procure este código em sua folha de estilo css, e remova essas partes em negrito:


.postprofile {
background-color: rgb(250, 250, 250);
background-image: url("http://i22.servimg.com/u/f22/15/52/27/82/grey13.png");
background-position: center bottom;
background-repeat: repeat-x;
border: 1px solid rgb(207, 207, 207);
border-radius: 3px 3px 3px 3px;

padding-bottom: 20px;
padding-right: 10px;
padding-top: 20px;
}

Agora, procure este código e remova também as partes em negrito :


.postprofile {
border-color: rgb(224, 224, 224);
border-right: 1px solid rgb(224, 224, 224);

color: rgb(0, 0, 0);
display: inline;
float: left;
margin: 5px 0px 0px;
min-height: 80px;
position: relative;
width: 22%;
word-wrap: break-word;
}

E também, faça o mesmo esquema com este código :


.postprofile {
border-color: rgb(207, 207, 207);
border-right: 1px solid rgb(207, 207, 207);

color: black;
display: inline;
float: left;
margin: 5px 0px 0px;
min-height: 80px;
position: relative;
width: 22%;
}

O seu Resultado tem que ser este:
http://prntscr.com/wrjec

Resulta ?
Até.
Tem que ser igual da foto que mandei. D:
avatar

Matheusx6
Nível 3

Masculino
Inscrito dia : 18/08/2012
Mensagens : 22
Pontos Ativos : 34

Ver perfil do usuário

Resolvido Re: Fundo perfil das mensagens transparente

Mensagem por [S]herlock em 17/03/13, 09:49 pm

Olá,

O Mini-Tutorial que mandei tem que estar do jeito que mandei a imagem, que é o transparente que você pediu.

Até.
avatar

[S]herlock
Usuário avançado

Masculino
Inscrito dia : 18/07/2012
Mensagens : 399
Pontos Ativos : 597

Ver perfil do usuário http://www.projectgames.ativoforum.com

Resolvido Re: Fundo perfil das mensagens transparente

Mensagem por Convidado em 17/03/13, 09:51 pm

Olá

Tente este código em sua "Folha de estilo CSS"
.postprofile{
background-color:
transparent !important;
border: 1px solid #eee;
text-align: left;
background-repeat: repeat;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-box-shadow: 0px 5px 5px #CCCCCC;
-webkit-box-shadow: 0px 5px 5px #CCCCCC;
}

Até.

Convidado
Convidado


Resolvido Re: Fundo perfil das mensagens transparente

Mensagem por Matheusx6 em 17/03/13, 09:52 pm

A imagem que você mandou esta sem a borda no perfil , Eu queria com uma borda igual da Imagem que mandei.
avatar

Matheusx6
Nível 3

Masculino
Inscrito dia : 18/08/2012
Mensagens : 22
Pontos Ativos : 34

Ver perfil do usuário

Resolvido Re: Fundo perfil das mensagens transparente

Mensagem por Matheusx6 em 17/03/13, 09:53 pm

PabloW. escreveu:Olá

Tente este código em sua "Folha de estilo CSS"
.postprofile{
background-color:
transparent !important;
border: 1px solid #eee;
text-align: left;
background-repeat: repeat;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-box-shadow: 0px 5px 5px #CCCCCC;
-webkit-box-shadow: 0px 5px 5px #CCCCCC;
}

Até.

Assim mesmo que eu queria Obrigado a todos que me ajudaram , Pode fechar.
avatar

Matheusx6
Nível 3

Masculino
Inscrito dia : 18/08/2012
Mensagens : 22
Pontos Ativos : 34

Ver perfil do usuário

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