• Descrição:

Qual é minha questão:
Olá, Queria saber o que é preciso para poder adicionar essas bordas ao redor do perfil de determinado Grupo.
Print ↓
» Membro: → https://2img.net/r/ihimg/a/img534/332/q0y4.png
» Moderador → https://2img.net/r/ihimg/a/img513/5188/rl6n.png

Queria colocar essas margem de acordo com a cor de um determinado grupo/rank..
Para isso queria saber o que é preciso para poder efetuar esse efeito, Alguém poderia ajudar?

• Informações:

Código:

tr.post td.row1:first-child, tr.post td.row2:first-child {
    padding-bottom: 15px;
    padding-top: 50px;
    text-align: center;
    border-style: solid;
    border-color: rgb(153, 85, 51);
    border-width: 2px;
    border-radius: 20px;
}


sasuky escreveu:Olá!
Este efeito foi visto em algum fórum? Se sim, pode nos passar o fórum?
Assim facilita para que possamos localizar e modificar o código de acordo com o seu fórum.
Cordialmente,
Engine404

ShiroK escreveu:Olá,

Aplique o CSS abaixo a sua ''folha de estilo'',

Código:

tr.post td.row1:first-child, tr.post td.row2:first-child {
    padding-bottom: 15px;
    padding-top: 50px;
    text-align: center;
    border-style: solid;
    border-color: rgb(153, 85, 51);
    border-width: 2px;
    border-radius: 20px;
}


Atenciosamente,
ShiroK

Código:

.postdetails {
  background-image: url("http://d10.e-loader.net/DPB28r4sxL.jpg");
    border-bottom: 2px solid #BEBEC1;
    box-shadow: 0 0 8px #B1B1B6;
    margin-top: -21px;
    padding: 37px 8px 8px;
}

Código:

jQuery(document).ready(function(){if(location.pathname=='/uID'){jQuery('head').append('<style>CSS</style>')}});

Código:

.postprofile {
border:3px solid #000000;
}

Código:

#outer-wrapper {background-image: url(SUA IMAGEM);margin: 0;min-height: 2px;padding: 0;}

Código:

body{ background-attachment: fixed; background-color: white; background-image: url(SUA-IMAGEM); background-position: 50% 0%; background-repeat: repeat-x; color: black; cursor: url(SUA-IMAGEM), url(SUA-IMAGEM), auto; display: block; font-family: Corbel; font-size: 12px;line-height: 16px; margin-bottom: 30pxpx; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; }#wrap > div,#wrap > div > div{background-color:transparent}#left,#right{display:none} #wrap{padding:50px;padding-top:30px;width: 1150px; border: 0px; background: url(SUA-IMAGEM) transparent;background-size:100% auto}

ShiroK escreveu:
Realmente está ficando complicado mas iremos resolver isto, pode me passar o link da imagem no qual quer utilizar como borda?

Código:

jQuery(document).ready(function(){if(location.pathname=='/uID'){jQuery('head').append('<style>CSS</style>')}});

Código:

.postprofile {
        background: none repeat scroll 0% 0% #FFF!important;
    border-width: 1px 1px 1px 6px!important;
    border-style: solid!important;
    border-color: #808080 #808080 #808080 #7E7E7E!important;
    -moz-border-top-colors: none!important;
    -moz-border-right-colors: none!important;
    -moz-border-bottom-colors: none!important;
    -moz-border-left-colors: none!important;
    border-image: none!important;
    font-size: 12px!important;
    padding: 7px!important;
    width: 18.9%!important;
}

jQuery(document).ready(function(){
jQuery(".postprofile:has('.nomedorank')"){jQuery('head').append('<style>CSS</style>')}});;

<span class="equipefundo">NOME DO RANK</span>

Código:

jQuery(document).ready(function(){
jQuery(".postprofile:has('.Dono')"){jQuery('head').append('<style>    .postprofile {
            background: none repeat scroll 0% 0% #FFF!important;
        border-width: 1px 1px 1px 6px!important;
        border-style: solid!important;
        border-color: #808080 #808080 #808080 #7E7E7E!important;
        -moz-border-top-colors: none!important;
        -moz-border-right-colors: none!important;
        -moz-border-bottom-colors: none!important;
        -moz-border-left-colors: none!important;
        border-image: none!important;
        font-size: 12px!important;
        padding: 7px!important;
        width: 18.9%!important;
    }</style>')}});;

Código:

    jQuery(document).ready(function(){
    jQuery(".postprofile:has('.Dono')"){jQuery('postprofile').css('
                background: none repeat scroll 0% 0% #FFF!important;
            border-width: 1px 1px 1px 6px!important;
            border-style: solid!important;
            border-color: #808080 #808080 #808080 #7E7E7E!important;
            -moz-border-top-colors: none!important;
            -moz-border-right-colors: none!important;
            -moz-border-bottom-colors: none!important;
            -moz-border-left-colors: none!important;
            border-image: none!important;
            font-size: 12px!important;
            padding: 7px!important;
            width: 18.9%!important;
        }')}});;

Código:

jQuery(document).ready(function(){
jQuery(".postprofile:has('.admin')").css({'border-color': '#0048FF', 'border-left-width': '10px','border-left': 'solid 10px #7E7E7E';})});

Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript

Painel de Controle Usuários Ranks Administração dos Ranks

Código:

<span class="admin">Administrador</span>

Spoiler:

Código:

$(function(){
function staff(e) {
("retorna a 0 se não for definido, 'adm' se for adminitrador, 'mod' se for moderador");
  var span = e.getElementsByTagName('span')[0];
  if(!span) return 0;
  var cor = span.getAttribute('style');
("FF0000 a cor hexadecimal do grupo administradores ao qual iremos adicionar a variável");
  return cor ? { 'FF0000' : 'adm', '000099' : 'mod' }[ cor.match(/#([\w\d]+)/)[1].toUpperCase() ] : 0;
};
for(var post = $('.post'), i = 0, p; (p = post[i++]); ) {
    var user = $('.username a', p)[0]
    , userStatus = staff(user);

    if(userStatus == 'adm') p.className += ' admin';
    if(userStatus == 'mod') p.className += ' moderador';
}
});

Código:

return cor ? { 'FF0000' : 'adm', '000099' : 'mod' }

Código:

if(userStatus == 'adm') p.className += ' admin';
if(userStatus == 'mod') p.className += ' moderador';

Código:

.post.admin {
background: #ffd9d9;
}
.post.admin .user .user-ident .user-basic-info, .post.admin .user .user-info {
background: #d9f5ff;
}

Código:

.post.admin {
background-image: url(http://imgur.com/PF0HMMi.png);
background-position: 100% 35px;
background-repeat: no-repeat;
}

Código:

$(function(){
    //cor do grupo
    jColor = "#FF0000";

    //seleciona a cor do grupo e adiciona uma borda ao redor daquela postagem, fique atento ao primeiro seletor ali ".username", ele pode variar de fórum para fórum, basta você verificar!
    $('.postprofile span[style="color:'+jColor+'"]').parents('.postprofile').css({

        //largura das bordas || os valores são definidos assim: superior direita inferior esquerda || ou seja, temos todas as bordas com 0px de largura a não ser a borda esquerda que tem 5px de largura!
        'border-width':'0 0 0 5px',

        //aqui colocamos a cor da borda na mesma cor do grupo, caso queira por uma cor especial troque o "jColor" por " '#COR EM RGB' " (note que está entre aspas simples!
        'border-color':jColor,

        //estilo da borda, você ainda pode alterar o valor para outros como dashed, dotted, double, groove e etc...
        'border-style':'solid'

    //caso queira adicionar mais propriedades ao post do grupo, coloque uma vírgula logo depois de 'solid' e adicione as propriedades logo em seguida!
    });

});

• Os tópicos com 7 ou mais dias sem uma resposta serão bloqueados, dados como resolvidos e arquivados;