Colocando bordas em volta das infos dos users.

[AngelinDark]

Imagino que algumas pessoas tenham curiosidade em como fazer isto.

E é isto que estarei ensinando aqui neste pequeno tutorial.

A primeira coisa que devemos fazer é criar uma classe em css que indicara como a borda deve ser não é nada complicado e eu explicarei isso direitinho.

Para fazer isso é só acessar o Admincp>Estilos e Templates>Gerenciador de Estilos>Template que esta como Default(padrão) ou o que você for usar, ai onde esta "Todos os Estilos" selecione "Main CSS" e va ate o final da pagina que abriu la você achara um quadro como o da imagem abaixo.

Nessa caixa vamos adcionar a classe css que informara como a borda deve ser.
*Notem que na minha caixa ja existe a classe vocês deveram cria-la é só adcionala no final.

Vocês podem usar isso como base

.nome_da_classe(altere para o nome que preferir) {
width: 180px;(largura)
height: 15px;(altura)
background: #F5F5FF;(cor do fundo)
border: 3px ridge #60971A;(na ordem - largura da borda, estilo da borda e cor da borda)
margin: 2px;(distancia entre as bordas(linhas) aconselho que não altere a não ser que queira mais distancia entre as linhas)
}

*Retirem os () e seu conteúdo.
Para escolher o estilo da borda você pode usar um desses

E substituir o "ridge" na linha border por um desses estilos acima. Use apenas o segundo nome como no exemplo:

 border: 3px outset #60971A;

E para alterar a cor use os codigos hexadecimais dessa TABELA HEXADECIMAL é só copiar o código iniciado em # e colar depois do estilo da borda assim:

 border: 3px outset  #FFFFFF;

Feito isso clique em salvar e volte para Admincp>Estilos e Templates>Gerenciador de Estilos e escolha novamente a template que esta usando mas dessa vez clique em << >> para expandir a template ela ficara assim

Clique novamente em << >> na que esta do lado do All Templates Groups fazendo isso a caixinha do lado esquerdo ira expandir.
Agora procure por postbit_legacy e de dois cliques em cima ira abrir uma caixa de edição.
Procure por isto

<if condition="$post['joindate']"><div>$vbphrase[join_date]: $post[joindate]</div></if>
                <if condition="$post['field2']"><div>$vbphrase[location_perm]: $post[field2]</div></if>
                <if condition="$post['age']"><div>$vbphrase[age]: $post[age]</div></if>
                <div>
                    $vbphrase[posts]: $post[posts]
                </div>

Aqui ficam as informações que devem aparecer nos posts, agora nos vamos adcionar a classe que criamos anteriormente se prestarem atenção ao código perceberão que existem as seguintes tags <div> e </div> nos colocaremos a classe dentro dessas tags ficando da seguinte forma <div class="nome_da_classe"> ficando assim

<if condition="$post['joindate']"><div class="nome_da_classe">$vbphrase[join_date]: $post[joindate]</div></if>

                <if condition="$post['field2']"><div class="nome_da_classe">$vbphrase[location_perm]: $post[field2]</div></if>

                <if condition="$post['age']"><div class="nome_da_classe">$vbphrase[age]: $post[age]</div></if>

                <div class="nome_da_classe">
                    $vbphrase[posts]: $post[posts]
                </div>

*Não esqueça de alterar o "nome_da_classe" para o nome que você deu.
Agora clique em salvar e pronto.

Fazendo isso as informações ja ficarão com bordas,
agora se você tem o mod de agradecimento você tem que editar mais um arquivo ache post_thanks_postbit_info da mesma forma que achou postbit_legacy e de dois cliques na caixa de edição que abriu edite da seguinte forma

<if condition="$post[userid]">
    <div class="nome_da_classe">Agradeceu: $post[post_thanks_user_amount_formatted]</div>
    <div class="nome_da_classe">
        <if condition="$post[post_thanks_thanked_times] == 1">
            $vbphrase[post_thanks_time_post]
        <else />
            <if condition="$post[post_thanks_thanked_posts] == 1">
                <phrase 1="$post[post_thanks_thanked_times_formatted]">$vbphrase[post_thanks_times_post]</phrase>
            <else />
                <phrase 1="$post[post_thanks_thanked_times_formatted]" 2="$post[post_thanks_thanked_posts_formatted]">$vbphrase[post_thanks_times_posts]</phrase>
            </if>
        </if>
    </div>
</if>

*Note que a <div> fica antes de $post[post_thanks_user_amount_format ted] e <if condition="$post[post_thanks_thanked_times] == 1">
$vbphrase[post_thanks_time_post] caso ela não exista basta cria-la não esquecendo de fechar com </div> da mesma forma que esta acima.
Salve e pronto.

Espero ter sido bastante claro é meu primeiro tutorial qualquer sugestão para melhora lo é só dizer.
E se tiver qualquer duvida é só postar aqui que eu tentarei ajudar.


PS: Eu gostaria que quem usasse esse tutorial colocasse uma foto pra gente ver como ficou o seu.

[Lord Of War]

Ae muito bom esse tutorial.

[lordozzy3112]

to gostando de ver a galera. parabens =]

[Bucck]

Muito bom AngelinDark... mais reputação... ;-)

abraços

[killerofnet]

Parabéns amigo. Está mandando muito bem, hein...

+ REP

[Arkanoidblue]

Caro amigo, segui rigorosamente seu tuto, porem não houve modificações na aparencia.

Alguem, mais tentou?? Caso alguem obteve sucesso, queira postar aqui para que possamos verificar onde estou errando.

Sem mais desde ja agradeço.

Em tempo. Estou usando o template SOFT_BLUE
O referido usa uma imagen no formato gif de 1x1px azul que se repete ao lndo de todo forum.
Seria esse o motivo da sua CSS não surtir efeito?
Espero que possam me ajudar, pois achei super interessante esse tipo de alteração

[AngelinDark]

Amigo, se possivel coloque aqui os arquivos que alterou para que assim eu possa estar verificando o que ah de errado.

[Arkanoidblue]

Postado Originalmente por AngelinDark

Amigo, se possivel coloque aqui os arquivos que alterou para que assim eu possa estar verificando o que ah de errado.

O meu ficou MAIN CSS assim:

.profile_post {
width: 180px;
height: 15px;
background: #87CEFA;
border: 3px inset #E0FFFF;
margin: 2px;
}

(notei na screen postada aqui que no final deste existe mais uma configuração)

color: #000000}

testei com ele e não funcionou tambem.

meu postbit_legacy ficou assim:

Código PHP:

<if condition="$post['joindate']"><div class="profile_post">$vbphrase[join_date]: $post[joindate]</div></if>
                <if condition="$post['field2']"><div class="profile_post">$vbphrase[location_perm]: $post[field2]</div></if>
                <if condition="$post['age']"><div class="profile_post">$vbphrase[age]: $post[age]</div></if>
                <div class="profile_post">
                    $vbphrase[posts]: $post[posts]
                </div> 


post_thanks_postbit_info

Código PHP:

<if condition="$post[userid]">
    <div class="profile_post">$vbphrase[post_thanks_thanks]: $post[post_thanks_user_amount_formatted]</div>
    <div class="profile_post">
        <if condition="$post[post_thanks_thanked_times] == 1">
            $vbphrase[post_thanks_time_post]
        <else />
            <if condition="$post[post_thanks_thanked_posts] == 1">
                <phrase 1="$post[post_thanks_thanked_times_formatted]">$vbphrase[post_thanks_times_post]</phrase>
            <else />
                <phrase 1="$post[post_thanks_thanked_times_formatted]" 2="$post[post_thanks_thanked_posts_formatted]">$vbphrase[post_thanks_times_posts]</phrase>
            </if>
        </if>
    </div>
</if> 


o que não ficou claro aqui pra mim foi que vc citou abaixo:
edite da seguinte forma e logo mais abaixo diz em nota:

*Note que a <div> fica antes de $post[post_thanks_user_amount_format ted] e <if condition="$post[post_thanks_thanked_times] == 1">
$vbphrase[post_thanks_time_post] caso ela não exista basta cria-la não esquecendo de fechar com </div> da mesma forma que esta acima.
Salve e pronto.

Sabendo se que anteriormente no lugar da TAG <div class="profile_post"> ja existia apenas <div> onde devo abrila. e fecha-la se é que estou certo no meu raciocínio.

Fazendo isso as informações ja ficarão com bordas,
agora se você tem o mod de agradecimento você tem que editar mais um arquivo ache post_thanks_postbit_info da mesma forma que achou postbit_legacy e de dois cliques na caixa de edição que abriu edite da seguinte forma

Tirei uma Screem de como esta atualmente, que apenas nos post thanks alterou..

[adrianobr]

Postado Originalmente por Arkanoidblue

O meu ficou MAIN CSS assim:
(notei na screen postada aqui que no final deste existe mais uma configuração)

testei com ele e não funcionou tambem.

meu postbit_legacy ficou assim:

Código PHP:

<if condition="$post['joindate']"><div class="profile_post">$vbphrase[join_date]: $post[joindate]</div></if>
                <if condition="$post['field2']"><div class="profile_post">$vbphrase[location_perm]: $post[field2]</div></if>
                <if condition="$post['age']"><div class="profile_post">$vbphrase[age]: $post[age]</div></if>
                <div class="profile_post">
                    $vbphrase[posts]: $post[posts]
                </div> 


post_thanks_postbit_info

Código PHP:

<if condition="$post[userid]">
    <div class="profile_post">$vbphrase[post_thanks_thanks]: $post[post_thanks_user_amount_formatted]</div>
    <div class="profile_post">
        <if condition="$post[post_thanks_thanked_times] == 1">
            $vbphrase[post_thanks_time_post]
        <else />
            <if condition="$post[post_thanks_thanked_posts] == 1">
                <phrase 1="$post[post_thanks_thanked_times_formatted]">$vbphrase[post_thanks_times_post]</phrase>
            <else />
                <phrase 1="$post[post_thanks_thanked_times_formatted]" 2="$post[post_thanks_thanked_posts_formatted]">$vbphrase[post_thanks_times_posts]</phrase>
            </if>
        </if>
    </div>
</if> 


o que não ficou claro aqui pra mim foi que vc citou abaixo:
edite da seguinte forma e logo mais abaixo diz em nota:

Sabendo se que anteriormente no lugar da TAG <div class="profile_post"> ja existia apenas <div> onde devo abrila. e fecha-la se é que estou certo no meu raciocínio.

Tirei uma Screem de como esta atualmente, que apenas nos post thanks alterou..

============================== ============================== ====

O meu se encontra desta forma, caso queira testar.

/* ***** user profile info ***** */ 
.user_info {
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #EAF4FF;
border-top: 1px solid #C8E2FF;
border-right: 2px solid #90AFD7;
border-left: 2px solid #90AFD7;
border-bottom: 1px solid #C8E2FF;
margin-bottom: 3px;
}

E em postbit_legacy, fica dessa forma

Código PHP:

<!---------- Borda no Perfil do usuario ---------->         
            <div class="smallfont">
                &nbsp;<br />
                <div class="user_info">Status: $post[onlinestatus]</div>
                <div class="user_info">$vbphrase[posts]: $post[posts]</div>
$template_hook[postbit_userinfo_right_after_posts]
                <if condition="$post['joindate']"><div class="user_info">$vbphrase[join_date]: $post[joindate]</div></if>
                <if condition="$post['field2']"><div class="user_info">$vbphrase[location_perm]: $post[field2]</div></if>
                <if condition="$post['age']"><div class="user_info">$vbphrase[age]: $post[age]</div></if>
                <if condition="$show['infraction']"><div class="user_info">$vbphrase[infractions]: $post[warnings]/$post[infractions] ($post[ipoints])</div></if>
                <if condition="$show['reputation']"><if condition="$show['reppower']"><div class="user_info"><span id="reppower_$post[postid]_$post[userid]">$vbphrase[reppower]</span>: $post[reppower]</div></if></if>
                
            </div>
$template_hook[postbit_userinfo_right]                    
        <div class="user_info">$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</div>
<!---------- Borda no Perfil do usuario ---------->