Tutorial: "Recuadrar" los datos del postbit

Si te pongo el código para que copies y pegues, siempre vas a necesitar ayuda. Es mejor que te explique un poquito como hacerlo y lo intentes tú.

Venimos hablando en este tema de la plantilla postbit_legacy y por lo tanto es en ella en la que queremos hacer la modificación. Vamos allá!!

Por los cambios que has hecho, deduzco que ya sabes como encontrar y editar la plantilla, así es que no vamos a perder el tiempo en explicar como llegar a ella.

Por lo que dices, tu idea es poner los datos fijos del postbit, en negrita y color y los resultado mostrados, en texto llano. Vamos a buscar uno de esos datos y modificarlo. Por ejemplo, la fecha de ingreso. Puede que no sepas como se llama esa variable, pero si puedes ver que está por debajo del avatar, así pues, una vez editada la plantilla postbit_legacy, basta con escribir avatar en "Buscar en Plantilla", pinchar en "Buscar" y nos llevará a esa referencia. Mirando un poquito mas abajo, vemos la siguiente linea Eso parece ser lo que andamos buscando, ya que hace referencia a una fecha de unión o algo parecido 🙂 Esta parte $vbphrase[join_date]: $post[joindate] llama especialmente la atención la atención ¿no?, pues sí, esa son las dos frases Fecha de ingreso: día-mes-año.

La primera parte quieres ponerla en negrita y color, por ejemplo rojo. Si no sabes las etiqueta de html, basta con mirar cualquier manual para ver que <b> o <strong> lo pone en negrita y <font color="#xxxxxx"> pone la fuente del color elegido. El código de los colores en hexadecimal, tambien lo podemos encontrar en multiples de páginas por internet. Sabiendo esto, vamos a modificar la linea anterior </font> y </b> son las etiqueta de cierre, que deben ser puestas en orden inverso a las de apertura ( la primera que abre es la última que cierra.

Con esa simple modificación estará el trabajo hecho y obtendras Fecha de ingreso: Junio-09

Como te decía, tambien se puede hacer utilizando css, pero creo que es un pelin mas complicado y tampoco tiene sentido liarnos más.

Para el resto de frases, es lo mismo y las encontrarás todas a continuación de la anterior.

Ah!, como tú tienes recuadrado el potbit, puedes que veas ese código un poquito diferente, pero en esencia es lo mismo.

Cualquier duda, exponla a continuación, pero por favor, que sea concreta. Que demuestre que lo has intentado 😉

Muchisimas gracias, lo intentaré y ya os pondré por aqué el resultado.

Vale, ya lo tengo casi, ahora me encuentro con el problema de los agradecimientos, los ando buscando pero no se en que plantilla buscar, ya he buscado en post_thanks_postbit_legacy y en post_thanks_postbit_info, pero no se en que lineas poner la información. Así es como lo tengo ahora.

Fecha de Ingreso: marzo-2009
Ubicación: Granada
Edad: 43
Mensajes: 2.214
Nº de post que has agradecido: 6
Nº de veces que has sido agradecido 12 veces en 11 mensajes
Poder de Credibilidad: 68




Edito nuevamente, tras muchas pruebas y tocando el fichero post_thanks_postbit_info, la cosa queda así:

Fecha de Ingreso: marzo-2009
Ubicación: Granada
Edad: 43
Mensajes: 2.214
Nº de post que has agradecido: 6
Nº de veces que has sido agradecido 12 veces en 11 mensajes
Poder de Credibilidad: 68

Solo me queda una linea por modificar pero no soy capaz, o se pone entera en naranja o toda en negro, ¿una ayudita?

Es que eso es una sola frase, que contiene dos variables. Algo así: Nº de veces que has sido agradecido {1} veces en {2} mensajes. El original en inglés es: Thanked {1} Times in {2} Posts

Tú verás que es lo que quieres poner de color naranja. Edita la frase y modifícala a tu gusto. No busques en plantillas.

Efectivamente, ya está solucionado, tio eres un monstruo, muchisimas gracias, así queda al final:

Fecha de Ingreso: marzo-2009
Ubicación: Granada
Edad: 43
Mensajes: 2.214
Nº de post que has agradecido: 6
Nº de veces que has sido agradecido: 12 veces en 11 mensajes
Poder de Credibilidad: 68

Una pregunta, yo quiero remarcar todo, osea la fecha de registro, la edad, todo, me dirías que tengo que remarcar ?

Gracias lo probaré, ya que el mio se vé algo desordenado :S

¿hay alguna forma de hacer esto en vB4?

Hola HostKing

Esto puede servirte

Enlace eliminado

un saludo

Hola antes q nada gracias por el tema pero tengo un problema.
ya agrege el primer codigo
Ver el archivo adjunto 4845
peor no encuentro ningun boton q diga guardar ni nada de eso, no se si sea por esto q sale arriba

Ver el archivo adjunto 4846

si ese es el problema me dices q puedo hacer ?????????

Skavenger dijo:

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 el archivo adjunto 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

Insertar CODE, HTML o 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

Insertar CODE, HTML o 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:

Insertar CODE, HTML o PHP:

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

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

Insertar CODE, HTML o 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:

Insertar CODE, HTML o PHP:

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

Por esto:

Insertar CODE, HTML o 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

Hacer clic 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

Es muy fácil decir si esta es mi web , podrías hacermelo ? Bueno pues no creo que aquí se hagan trabajos personalizados , pero si se ofrece ayuda . Y mi ayuda esque busques la plantilla del hack y apliques lo que en este tutorial dicen a esas plantillas .


Enviado con mi iPad2 y Tapatalk

MyPeSePe dijo:

Es muy fácil decir si esta es mi web , podrías hacermelo ? Bueno pues no creo que aquí se hagan trabajos personalizados , pero si se ofrece ayuda . Y mi ayuda esque busques la plantilla del hack y apliques lo que en este tutorial dicen a esas plantillas .


Enviado con mi iPad2 y Tapatalk

Hacer clic para expandir...

Oye creo que deberias dejar de criticar a los demas , ademas no te pedi ayuda a ti asi que no postees algo en contra mia que yo no digo nada sobre ti