Fundo perfil das mensagens transparente

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

Olá querido,

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

Até mais.

Meu forum: http://policiamilitarbpfsf.forumeiros.com/forum

Forum que Achei: http://www.brasilplayforever.com/forum

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:

[TUTORIAL] Imagem nas postagens

Até mais.

Nem funcionou. D:

Olá querido,

Atualizei minha mensagem anterior, queira checa-la novamente.

Até mais.

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

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 Visualização Imagens e Cores Cores Aba 'Folha de estilo CSS'

Até mais.

Olá,

Aceda em :

Painel de Controle Visualização Imagens e Cores Cores 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é.

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 Visualização Imagens e Cores Cores Aba 'Folha de estilo CSS'

Até mais.

Não é assim que eu quero , Esse codigo fez uma linha envolta do perfil nas mensagens.

HugoPimenta escreveu:Olá,

Aceda em :

Painel de Controle Visualização Imagens e Cores Cores 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:

Olá,

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

Até.

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

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

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.