Aunque es evidente y ya deberíamos estar acostumbrados, no dejas de sorprender.
Magnífico tutorial Jhonnyf!!!
Esta es una discusión para el tema Alinear la Firma hacia abajo en postbit_legancy en el foro Tips y tutoriales, bajo la categoría Recursos para vBulletin (Descargas); Si en tu foro usas el postbit_legancy, notaras que la firma aparece inmediatamente despues del mensaje de los usuarios, y si el lado de los datos (avatar, nombre, etc) es muy largo, la firma queda ...
Página:
Si en tu foro usas el postbit_legancy, notaras que la firma aparece inmediatamente despues del mensaje de los usuarios, y si el lado de los datos (avatar, nombre, etc) es muy largo, la firma queda mal
Si usas FIREFOX, puedes presionar CTRL y hacer click sobre las celdas para selecionarlas (como en la imagen) y asi ver que es lo que contiene
******************************************
lo que tenemos que hacer es:
- Dividir la parte del mensaje en MENSAJE y FIRMA, para eso usaremos el TR, TD de la tabla
- la Nueva Fila que se a creado para que contenga la firma, debemos ponerle el vertical-align:bottom en su TD en la parte del style para que su contenido sea puesto siempre en la parte indeferior
- Como se ha creado una nueva Fila, debemos hacer que el sector 1 se junte con la nueva fila (no se ve aun en la imagen, pero puedes ver la ultima imagen de este tutorial para que te hagas una idea)
para todo eso debemos editar la plantilla postbit_legancy y buscar
Vamos a hacer el punto 1 y 2, es decir, debemos pasar a una nueva final y ademas alineado hacia abajo, para eso primero cerraremos el /TD del mensaje, luego el /TR de esa fila y volveremos a aperturar el TR y el TD, no es necesario cerrarlo de nuevo porque usará el que tenia anteriormente (el del mensaje)Código HTML:$template_hook[postbit_signature_start] $ad_location[ad_showthread_firstpost_sig] <if condition="$post['signature']"> <!-- sig --> <div> __________________<br /> $post[signature] </div> <!-- / sig --> </if>
pero para mantener el estilo, vamos a ver como abre el TD del mensaje (del sector 2)Código HTML:</td> </tr> <tr> <td style="vertical-align:bottom">
******************************************Código HTML:<if condition="$show['moderated']"> <td class="alt2" id="td_post_$post[postid]" style="border-$stylevar[right]: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]"> <else /> <td class="alt1" id="td_post_$post[postid]" style="border-$stylevar[right]: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]"> </if>
y lo copiaremos agregando el vertical-align:bottom, entonces lo que vamos a poner finalmente será
******************************************Código HTML:</td> </tr> <tr> <if condition="$show['moderated']"> <td class="alt2" id="td_post_$post[postid]" style="border-$stylevar[right]: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; vertical-align:bottom"> <else /> <td class="alt1" id="td_post_$post[postid]" style="border-$stylevar[right]: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; vertical-align:bottom"> </if> $template_hook[postbit_signature_start] $ad_location[ad_showthread_firstpost_sig] <if condition="$post['signature']"> <!-- sig --> <div> __________________<br /> $post[signature] </div> <!-- / sig --> </if>
Luego de eso debemos hacer el punto 3, juntar el sector 1 con la nueva celda que se creó por dividir el mensaje, para eso ubicamos esta parte del codigo
y le ponemos el rowspan="2" a ese TD (del sector 1 que contiene el avatar y demas)Código HTML:<tr valign="top"> <td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px">
******************************************Código HTML:<tr valign="top"> <td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px" rowspan="2">
si has hecho correctamente todos esos puntos finalmente tendrás el postbit de esta manera
Aunque es evidente y ya deberíamos estar acostumbrados, no dejas de sorprender.
Magnífico tutorial Jhonnyf!!!
Que tal amigo, perdon por la lata, pero esque me confundi demasiado jejejeje.
mira te adjunto mi postbit legacy
Haber si me echas una mano, te estaria totalmente agradecido
LecterSoft, ¿qué problema tienes?
Lo acabo de probar con tu postbit y no es nada complicado. Sólo hay que leer lo que dice Jhonnyf y seguir los pasos que explica de forma bien detallada.
Gracias amigos, tenias razón mcloud, creo que aveces uno por querer hacer las cosas rapido no le salen jajajaja.
Pero ya me quedo. He aqui mi resultado:
Salduos y gracias.
Eres un master quedo muy bien, muchas gracias por el tiempo y la dedicacion que le pones a este foro brother gracias una vez mas.
Pues no estoy tan seguro de haberlo hecho bien, como no salío ningun error, supongo que si, que lo hice bien.
Gracias tío![]()
se ve interesante, aunque nucna me habia fijado en eso de la firma
no entiendo exactamente eso de los vectores y sectores, podrías decir exactamente con otras palabras? (sustituye esto por esto otro y colocalo despues de esto otro). Es que soy un poco torpe![]()
puxa yo tambien me confundi ... encuentro lo primero pero de ahi
eso no lo encuentro.. tomese en cuenta k tengo un skin creado por un user ...Código PHP:<tr valign="top">
<td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px">
usen el Firefox, presionen CTRL+ CLICK y seleccionarán el codigo HTML de ese TD, si es un SKIN personalizado quizás no va a coindicidir, asi que tienen que ser un poco habiles y buscar donde hace esa division
Ojo, tienen que tener conocimientos basicos de HTML
oie brother sorry que sea tan molesto pero no encueentro en codigo haberi te lo dejo y si tu me pudieras ayudar ;D y tambien si te pasas por mi post en vbulletin 3.8.x para cambiar imagenes.....
adjunto borrado por mi xk ya no tiene importancia este skin
Última edición por Dj MasterLive; 08/10/2009 a las 21:09
cambie mi skin al cyberhiper pero iual no logro encontrar este codigo :
Código:<tr valign="top"> <td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px">
mira este es mi postbit del skin cyberhype haber si me puedes ayudar como debe kedar...
No lo he probado, pero creo que a esta parte del código
Es la que tienes que modificar poniendo el rowspan="2". Quedaría asíCódigo HTML:<tr valign="top"> <td class="alt2" width="175">Código HTML:<tr valign="top"> <td class="alt2" width="175" rowspan="2">