Como colocar essa imagem de fundo nas postagens

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

Resolvido Como colocar essa imagem de fundo nas postagens

Mensagem por Skrillex em 26/01/14, 10:19 pm

Qual é minha questão:
Http://imgur.com/z1gOzjm Como coloca

Endereço do meu fórum:
http://exercito-bpf-owna.forumeiros.com

Versão do fórum:
PHPBB3
avatar

Skrillex
Nível 5

Masculino
Inscrito dia : 15/01/2014
Mensagens : 43
Pontos Ativos : 77

Ver perfil do usuário http://exercito-bpf-owna.forumeiros.com
  • 0

Resolvido Re: Como colocar essa imagem de fundo nas postagens

Mensagem por Shek em 27/01/14, 08:23 am

Bom dia!

Isso é apenas um rank: http://i1.minus.com/jjcCA5oY3dp4e.png Você poderia especificar ? A imagem que fala é a que fica atrás dos perfis dos usuários? Se for, leia este tópico: http://ajuda.forumeiros.com/t82302-funcao-efeito-degrade-nos-topicos

Até mais!

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17160
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Como colocar essa imagem de fundo nas postagens

Mensagem por Skrillex em 27/01/14, 11:09 am

http://imgur.com/KYahQZV e agr conseg ver ?
avatar

Skrillex
Nível 5

Masculino
Inscrito dia : 15/01/2014
Mensagens : 43
Pontos Ativos : 77

Ver perfil do usuário http://exercito-bpf-owna.forumeiros.com

Resolvido Re: Como colocar essa imagem de fundo nas postagens

Mensagem por Alex Habilidade em 27/01/14, 11:24 am

Olá,

Leia este tutorial:
Imagem nas postagens

Cordiais Saudações;
Alex!Piscada
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Como colocar essa imagem de fundo nas postagens

Mensagem por Skrillex em 27/01/14, 02:04 pm

n e isso '-'
avatar

Skrillex
Nível 5

Masculino
Inscrito dia : 15/01/2014
Mensagens : 43
Pontos Ativos : 77

Ver perfil do usuário http://exercito-bpf-owna.forumeiros.com

Resolvido Re: Como colocar essa imagem de fundo nas postagens

Mensagem por Hancki em 27/01/14, 07:06 pm

Olá!

Não estará falando das sombras nas imagens? Se não é, nem sei bem o que é... mas adicione este código à sua Folha de estilos CSS:
Código:
.postprofile img {
  -webkit-box-shadow: 1px 1px 11px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    1px 1px 11px 0px rgba(50, 50, 50, 0.75);
box-shadow:        1px 1px 11px 0px rgba(50, 50, 50, 0.75);
}
Deu?

Hancki
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
  • 0

Resolvido Re: Como colocar essa imagem de fundo nas postagens

Mensagem por Farding em 27/01/14, 07:11 pm

Olá,

Não querendo tirar reconhecimento de ninguém mas acho que ele está falando das barrinhas brancas atrás do avatar,

Use este código na sua folha de estilo 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;
}

Até mais.
avatar

Farding
Usuário avançado

Feminino
Inscrito dia : 26/09/2013
Mensagens : 315
Pontos Ativos : 608

Ver perfil do usuário
  • 0

Resolvido Re: Como colocar essa imagem de fundo nas postagens

Mensagem por Hancki em 27/01/14, 07:20 pm

@Farding
Certíssimo! Nem tinha reparado devido à baixa luminosidade do meu ecrã para não afetar os olhos!  Tonto 

@Skrillex
Pode confirmar se o último código resolve o seu problema?

Hancki
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: Como colocar essa imagem de fundo nas postagens

Mensagem por Skrillex em 27/01/14, 09:43 pm

Sim é essas barrinhas mas não funcionou
avatar

Skrillex
Nível 5

Masculino
Inscrito dia : 15/01/2014
Mensagens : 43
Pontos Ativos : 77

Ver perfil do usuário http://exercito-bpf-owna.forumeiros.com
  • 0

Resolvido Re: Como colocar essa imagem de fundo nas postagens

Mensagem por Shek em 27/01/14, 09:50 pm

Boa noite!

Tente com este 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;
-moz-border-radius-bottomright: 15px;
-moz-box-shadow: 0px 5px 5px #CCCCCC;
-webkit-box-shadow: 0px 5px 5px #CCCCCC;
}
Substitua o seu código por esse acima. Se tiver algum outro código com o postprofile, delete o trecho "display:none" da propriedade!


Atenciosamente,
Shek

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17160
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Como colocar essa imagem de fundo nas postagens

Mensagem por Skrillex em 27/01/14, 11:13 pm

Não funcionou

Meu CSS

CSS:
      .postprofile {
           border-radius: 4px;
           background: white;
           border: 1px solid #DDD;
       }




/* Barra Horizontal */

/*FIM */
/*Arrumar as categorias */
.dterm > div:not(.table-title) {
 margin: 0 0 0 75px !important;
}
/*FIM */
/* Arrumar a descrição */
.dterm td {
 display: block !important;
}
.dterm td strong span {
 margin-top: -14px !important;
 padding-left: 20px !important;
 position: absolute !important;
}
/*FIM */
/* Efeito Neon nos links */
a:hover {
color: #000000;
text-shadow : 0px 0px 10px #228B22;
}
/* FIM */
/* Efeito neon Usuarios */
a[href="/u1"] {
text-shadow: 0px 0px 7px #D966D9
}
a[href="/u1"] {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
/* FIM */

/* Arrumar imagem linear topico */
.postprofile {
background: none !important;
border: 1px solid #DDD !important;
border-radius: 4px !important;
}
/* FIM */

/* SOMBRA NOS TÒPICOS */
.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;
-moz-border-radius-bottomright: 15px;
-moz-box-shadow: 0px 5px 5px #CCCCCC;
-webkit-box-shadow: 0px 5px 5px #CCCCCC;
}
/* FIM */
avatar

Skrillex
Nível 5

Masculino
Inscrito dia : 15/01/2014
Mensagens : 43
Pontos Ativos : 77

Ver perfil do usuário http://exercito-bpf-owna.forumeiros.com

Resolvido Re: Como colocar essa imagem de fundo nas postagens

Mensagem por Shek em 28/01/14, 12:24 am

Bom dia!

Substitua o código:
Código:
/* Arrumar imagem linear topico */
.postprofile {
background: none !important;
border: 1px solid #DDD !important;
border-radius: 4px !important;
}
/* FIM */
Por este:
Código:
/* Arrumar imagem linear topico */
.postprofile {
border: 1px solid #DDD !important;
border-radius: 4px !important;
}
/* FIM */
Resultado:

Até mais!


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17160
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Como colocar essa imagem de fundo nas postagens

Mensagem por Skrillex em 28/01/14, 11:52 am

Fico tudo preto agora --'
avatar

Skrillex
Nível 5

Masculino
Inscrito dia : 15/01/2014
Mensagens : 43
Pontos Ativos : 77

Ver perfil do usuário http://exercito-bpf-owna.forumeiros.com

Resolvido Re: Como colocar essa imagem de fundo nas postagens

Mensagem por Gaaratsu em 28/01/14, 12:37 pm

Saudações meu caro!

Autor, vou apresentá-lo outro meio de degradê, mas peço que o senhor remova todos os códigos indicados acima.

Cpainel > Módulos > HTML e JS > Criar uma página JS > e em Investimento, marque "Nos tópicos" e cole esse código (não modifique-o):
Código:
$(function(){$('.staffermember').closest('.post').addClass('staffermember')});
Agora, em Cpainel > Usuários e Grupos > Ranks > Administração dos ranks > Clique no rank desejado :editar:e troque o nome do rank por esse código, e modifique somente os trechos que estão em vermelho:
<b><span class="staffermember" style="color:COR_DO_GRUPO">NOME_DO_GRUPO</span></b>
No terceiro e último passo, vamos usar o CSS:
Código:
div.post.online.staffermember, div.post.staffermember {
    background-image: url("http://i.imgur.com/6QFgj.png") !important;
    background-position: top right;
    background-repeat: repeat-y;
}
Veja se resulta.

Se o senhor quiser mudar a imagem para outro rank, o senhor deve mudar os valores "staffermember". Por exemplo, se for para os Moderadores, basta colocar staffermember2.

Cordiais saudações! Muito feliz
avatar

Gaaratsu
Ajudeiro
Ajudeiro

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

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

Resolvido Re: Como colocar essa imagem de fundo nas postagens

Mensagem por Shek em 28/01/14, 12:52 pm

Remova esse código:
Código:
background: #000;
Quando fizer, provavelmente verá o perfil em branco, mas na verdade o ocorrido é que removeu o fundo da equipe do rank. Piscada


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17160
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Como colocar essa imagem de fundo nas postagens

Mensagem por Skrillex em 28/01/14, 01:33 pm

Consegui muito obrigado shek
avatar

Skrillex
Nível 5

Masculino
Inscrito dia : 15/01/2014
Mensagens : 43
Pontos Ativos : 77

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