Bordas do lado do quadrado

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :

Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : 17/03/2015 - 17:47
Endereço do fórum : fsrequipe.forumeiros.com

Descrição do problema

Olá pessoal, estou a tempos, procurando como botar essas bordas aqui:


Queria um tutorial bem explicado,porque que não estou conseguindo botar obrigado agradeço desde já !

Olá!

Em qual fórum viu este efeito?

Até mais,
Reset.

Olá,
Vá em Módulos > HTML & JAVASCRIPT > Gestão dos Códigos HTML, e cole este código.

Código:

$(function(){$('div.post:has(".NOMEDORANK"), div.postmain:has(".NOMEDORANK")').css('background','url(http://i.minus.com/jbvSY7Dt0clY6v.png) repeat-y top left')});

E depois vá em Usuários e Grupos > Ranks, vá até o rank escolhido e cole este código

Código:

<span class="NOMEDORANK"><img src="http://i.imgur.com/q8VClNv.png"></span>

Até.

Olá!

Se refere às bordas + o fundo nos perfis nos tópicos?
Ou aquela cor degradê no fundo dos perfis nos tópicos?

Hancki

Sim, em "NOMEDORANK", você deve colocar o nome do rank que você quer o efeito.

Então,amigo.
Você fala sobre a sombra no fundo dos perfis, certo ?
Se sim, cole o código que eu te enviei e altere o "nomedorank", pelo nome correto do cargo(rank), na qual você quer esta sombra.

Mr.BrownBSL escreveu:Eu refiro ao azul ali..

Leia: https://ajuda.forumeiros.com/t61132-tutorial-imagem-nas-postagens

Ah,sim Brown.
Pode ser que os códigos não estejam ativado.
Vá até Módulos > HTML & JAVASCRIPT > Gestão dos códigos HTML > Habilitar o Gerenciamento dos códigos HTML & JAVASCRIPT.
Até.

Olá amigo,

Vá em Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos códigos JavaScript Criar um novo Javascript com investimento Nos Tópicos e cole este código:

Código:

$(function(){$('.staffermember').closest('.post').addClass('staffermember')});

Em seguida vá até Painel de Controle Usuários e Grupos Ranks Administração dos Ranks e substitua o nome do rank no qual você quer o efeito por:

<b><span class="staffermember" style="color:COR_DO_GRUPO">NOME_DO_GRUPO</span></b>

Altere apenas o que está em vermelho. No último passo vá em sua página CSS e aplique este código:

Código:


div.post.online.staffermember, div.post.staffermember {
    background-image: url("http://2img.net/i/fa/optimisation_fdf/fr/bg_post_staff.png") !important;
    background-position: right bottom;
    background-repeat: no-repeat;
}


Veja se surte o efeito desejado.

Funcinou Control porém ficou do lado oposto, e de outra cor

Ficou assim olha:


Tinha que ser pro outro lado, e vermelho !

Olá,

Substitua o código CSS que eu mandei anteriormente, por este:

Código:


div.post.online.staffermember, div.post.staffermember {
    background-image: url("http://i.imgur.com/N1EFtb5.png") !important;
    background-position: right bottom;
    background-repeat: no-repeat;
}


Se não houver o efeito desejado, experimente este:

Código:


div.post.online.staffermember, div.post.staffermember {
    background-image: url("http://i.imgur.com/N1EFtb5.png") !important;
    background-position: left bottom;
    background-repeat: no-repeat;
}


Resulta?