Tutorial: "Enquadrar" os dados do postbit

Se eu te passar o código para você copiar e colar, você sempre vai precisar de ajuda. É melhor eu te explicar um pouquinho como fazer e você tentar.

Viemos falando neste tópico sobre o template postbit_legacy e, portanto, é nele que queremos fazer a modificação. Vamos lá!!

Pelos cambios que você fez, deduzo que já sabe como encontrar e editar o template, então não vamos perder tempo explicando como chegar até ele.

Pelo que você diz, sua ideia é colocar os dados fixos do postbit em negrito e cor, e os resultados exibidos em texto simples. Vamos buscar um desses dados e modificá-lo. Por exemplo, a data de ingresso. Pode ser que você não saiba como se chama essa variável, mas pode ver que ela está abaixo do avatar, então, uma vez editado o template postbit_legacy, basta escrever avatar em "Buscar no Template", clicar em "Buscar" e isso nos levará a essa referência. Olhando um pouquinho mais abaixo, vemos a seguinte linha Isso parece ser o que estamos procurando, já que faz referência a uma data de união ou algo parecido 🙂 Esta parte $vbphrase[join_date]: $post[joindate] chama especialmente a atenção, não é? Pois sim, essas são as duas frases Data de ingresso: dia-mês-ano.

A primeira parte você quer colocar em negrito e cor, por exemplo, vermelho. Se você não sabe as tags de html, basta olhar qualquer manual para ver que <b> ou <strong> coloca em negrito e <font color="#xxxxxx"> coloca a fonte na cor escolhida. O código das cores em hexadecimal também podemos encontrar em múltiplas páginas na internet. Sabendo disso, vamos modificar a linha anterior </font> e </b> são as tags de fechamento, que devem ser colocadas em ordem inversa às de abertura (a primeira que abre é a última que fecha).

Com essa simples modificação o trabalho estará feito e você obterá Data de ingresso: Junho-09

Como eu dizia, também pode ser feito utilizando css, mas acho que é um pouquinho mais complicado e também não faz sentido nos enrolarmos mais.

Para o restante das frases, é a mesma coisa e você encontrará todas na sequência da anterior.

Ah!, como você tem o postbit em quadros, pode ser que veja esse código um pouquinho diferente, mas na essência é o mesmo.

Qualquer dúvida, exponha a seguir, mas por favor, que seja concreta. Que demonstre que você tentou 😉

Muito obrigado, vou tentar e já postarei o resultado por aqui.

Certo, já estou quase lá, agora me deparo com o problema dos agradecimentos, estou procurando por eles, mas não sei em qual template buscar, já procurei em post_thanks_postbit_legacy e em post_thanks_postbit_info, mas não sei em quais linhas colocar a informação. É assim que está agora.

Data de Registro: março-2009
Localização: Granada
Idade: 43
Mensagens: 2.214
Nº de posts que você agradeceu: 6
Nº de vezes que você foi agradecido 12 vezes em 11 mensagens
Poder de Credibilidade: 68




Edito novamente, após muitos testes e mexendo no arquivo post_thanks_postbit_info, a coisa fica assim:

Data de Registro: março-2009
Localização: Granada
Idade: 43
Mensagens: 2.214
Nº de posts que você agradeceu: 6
Nº de vezes que você foi agradecido 12 vezes em 11 mensagens
Poder de Credibilidade: 68

Só me falta uma linha para modificar, mas não consigo, ou fica inteira em laranja ou toda em preto, uma ajudinha?

É que isso é uma frase só, que contém duas variáveis. Algo assim: Nº de vezes que você foi agradecido {1} vezes em {2} mensagens. O original em inglês é: Thanked {1} Times in {2} Posts

Você verá o que quer colocar na cor laranja. Edite a frase e modifique-a ao seu gosto. Não procure em templates.

Efetivamente, já está solucionado, cara você é um monstro, muito obrigado, assim fica no final:

Data de Registro: março-2009
Localização: Granada
Idade: 43
Mensagens: 2.214
Nº de posts que você agradeceu: 6
Nº de vezes que você foi agradecido: 12 vezes em 11 mensagens
Poder de Credibilidade: 68

Uma pergunta, eu quero destacar tudo, ou seja, a data de registro, a idade, tudo, você me diria o que tenho que destacar?

Obrigado, vou testar, já que o meu parece um pouco desordenado :S

tem alguma forma de fazer isso no vB4?

Olá HostKing

Isso pode te servir

Link removido

abraços

Olá, antes de tudo obrigado pelo tópico, mas tenho um problema.
já adicionei o primeiro código
Ver o anexo 4845
mas não encontro nenhum botão que diga salvar nem nada disso, não sei se é por isso que aparece acima

Ver o anexo 4846

se esse for o problema, você me diz o que posso fazer ?????????

Skavenger disse:

He visto que mucha gente pregunta como "recuadrar" los datos que son mostrados en el postbit del usuario, por lo que decidi hacer este pequeño tutorial

Ver o anexo 620

Primero tienen que agregar el siguiente codigo en el estilo al que quieran agregar esta modificacion:

AdminCP > Estilos y Plantillas > Administrador de Estilos

Seleccionan el estilo y hacen click en Ir

Al final, donde dice Definición Adicional de CSS, agregan el siguiente codigo

Inserir CODE, HTML ou PHP:

.postbit {
    padding-left: 3px;
    padding-right: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #f7f7e6;
    border-top: 1px solid #dedec1;
    border-right: 2px solid #dedec1;
    border-left: 1px solid #dedec1;
    border-bottom: 2px solid #dedec1;
    margin-bottom: 3px;
}

Y editan los colores a su gusto para que queden con el mismo color del estilo que estan usando

Aca tienen una lista con colores HTML: HTML Color Names


Como segundo paso, van a tener que editar la plantilla postbit_legacy o la plantilla postbit [dependiendo cual de las dos usen, la primera muestra los datos de manera vertical, la segunda de manera horizontal]

AdminCP > Estilos y Plantillas > Administrador de Estilos

Buscan una de las dos plantillas anteriormente mencionadas y la editan

Ahora tienen que buscar el siguiente bloque de codigo

Inserir CODE, HTML ou PHP:

            <div class="smallfont">
                &nbsp;<br />
                <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>
                $template_hook[postbit_userinfo_right_after_posts]
                <if condition="$show['infraction']"><div>$vbphrase[infractions]: $post[warnings]/$post[infractions] ($post[ipoints])</div></if>
                <if condition="$show['reputation']"><div><if condition="$show['reppower']">$vbphrase[reppower]: <span id="reppower_$post[postid]_$post[userid]">$post[reppower]</span> </if><span id="repdisplay_$post[postid]_$post[userid]">$post[reputationdisplay]</span></div></if>
                $template_hook[postbit_userinfo_right]
                <div>$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</div>
            </div>

Aca van a tener que encerrar lo que quieran que aparezca con el recuadro con el siguiente codigo:

Inserir CODE, HTML ou PHP:

<div class="postbit">ACA VA EL CODIGO</div>

Por ejemplo, si quieren encerrar lo que dice "Posts:", editando quedaria asi:

Inserir CODE, HTML ou PHP:

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

Ah, para que no les quede un cuadrado vacio si los usuarios no han seleccionado ningun tipo de contacto, deben reemplazar esto:

Inserir CODE, HTML ou PHP:

                <div>$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</div>

Por esto:

Inserir CODE, HTML ou PHP:

                <if condition="$post[icqicon] or $post[aimicon] or $post[msnicon] or $post[yahooicon] or $post[skypeicon]"><div class="postbit">$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</div></if>

Con un poco de conocimientos de HTML y CSS pueden hacer muchisimas cosas mas


Esto sirve para cualquier version de vBulletin, siempre y cuando lo hagan a mano, ya que si copian y pegan pueden pasar por alto algun codigo que en nuevas versiones falte, como tambien puede haber codigo de mas

Clique para expandir...

Amigo me podrias ayudar a ponerle un cuadro al vbplaza o sea a la parte donde estan los puntos,banco,total de puntos,los regalos? gracias esta es mi web por si qieres hecharle un vistazo NextGenHax

É muito fácil dizer se este é meu site, você poderia fazer para mim? Bom, não creio que aqui se façam trabalhos personalizados, mas se oferece ajuda. E minha ajuda é que você busque o modelo do hack e aplique o que dizem neste tutorial a esses modelos.


Enviado com meu iPad2 e Tapatalk

MyPeSePe disse:

É muito fácil dizer se este é meu site, você poderia fazer para mim? Bom, não creio que aqui se façam trabalhos personalizados, mas se oferece ajuda. E minha ajuda é que você busque o modelo do hack e aplique o que dizem neste tutorial a esses modelos.


Enviado com meu iPad2 e Tapatalk

Clique para expandir...

Ei, acho que você deveria parar de criticar os outros, além disso não pedi ajuda a você, então não poste algo contra mim, já que eu não digo nada sobre você