Fundo perfil das mensagens transparente Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Fundo perfil das mensagens transparente

3 participantes

Ir para baixo

Tópico resolvido Fundo perfil das mensagens transparente

Mensagem por Matheusx6 17.03.13 23:33

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

Igual esse daki: https://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 18.03.13 1:01, editado 1 vez(es)
Matheusx6
Matheusx6
Novo Membro

Membro desde : 18/08/2012
Mensagens : 22
Pontos : 34

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo perfil das mensagens transparente

Mensagem por Konai 17.03.13 23:35

Olá querido,

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

Até mais. Piscada
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo perfil das mensagens transparente

Mensagem por Matheusx6 17.03.13 23:39

Matheusx6
Matheusx6
Novo Membro

Membro desde : 18/08/2012
Mensagens : 22
Pontos : 34

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo perfil das mensagens transparente

Mensagem por Konai 18.03.13 0:19

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 18.03.13 0:27, editado 1 vez(es)
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo perfil das mensagens transparente

Mensagem por Matheusx6 18.03.13 0:26

Nem funcionou. D:
Matheusx6
Matheusx6
Novo Membro

Membro desde : 18/08/2012
Mensagens : 22
Pontos : 34

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo perfil das mensagens transparente

Mensagem por Konai 18.03.13 0:27

Olá querido,

Atualizei minha mensagem anterior, queira checa-la novamente.

Até mais. Piscada
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo perfil das mensagens transparente

Mensagem por Matheusx6 18.03.13 0:31

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

Membro desde : 18/08/2012
Mensagens : 22
Pontos : 34

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo perfil das mensagens transparente

Mensagem por Konai 18.03.13 0:37

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
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo perfil das mensagens transparente

Mensagem por [S]herlock 18.03.13 0:40

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("https://i.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é.
[S]herlock
[S]herlock
****

Membro desde : 18/07/2012
Mensagens : 399
Pontos : 597

http://www.projectgames.ativoforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo perfil das mensagens transparente

Mensagem por Matheusx6 18.03.13 0:47

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("https://i.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:
Matheusx6
Matheusx6
Novo Membro

Membro desde : 18/08/2012
Mensagens : 22
Pontos : 34

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo perfil das mensagens transparente

Mensagem por [S]herlock 18.03.13 0:49

Olá,

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

Até.
[S]herlock
[S]herlock
****

Membro desde : 18/07/2012
Mensagens : 399
Pontos : 597

http://www.projectgames.ativoforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo perfil das mensagens transparente

Mensagem por Convidado 18.03.13 0:51

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é.
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo perfil das mensagens transparente

Mensagem por Matheusx6 18.03.13 0:52

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

Membro desde : 18/08/2012
Mensagens : 22
Pontos : 34

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo perfil das mensagens transparente

Mensagem por Matheusx6 18.03.13 0:53

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.
Matheusx6
Matheusx6
Novo Membro

Membro desde : 18/08/2012
Mensagens : 22
Pontos : 34

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos