Apoyo con una modificacion de postbit

WMYomo · 10 Mar 2014

haber si alguien me puede hechar una mano yo ocupo el vbulletin 4.2.1 y quisiera colocarle el diseño de este que esta usando vb 5.0

adjunto imagen.

http://i60.tinypic.com/1gp01v.jpg

Espero alguien me pueda ayudar, como podran notar quiero que los datos de usuario salgan en recuadro en esa posicion diagonal, espero el apoyo agradecido de antemano.

4ngeluxpunk · 10 Mar 2014

Buenas amigo tu Link hace referencia a otra cosa.

WMYomo · 10 Mar 2014

4ngeluxpunk dijo:
Buenas amigo tu Link hace referencia a otra cosa.

Creo que se a que te refieres asi que cambie el link por una imagen de como se ve su POSTBIT, como ya dije me interesa esa modificación de los datos en diagonal en cuadros, si alguien puede hecharme un cable con ello porfavor.

4ngeluxpunk · 10 Mar 2014

Te vas a Configuración > Opciones > Configuración de idioma y estilo > Utilizar la plantilla postbit Legacy (Vertical) y ahy pones en NO y guardas.

Eduardo Leon · 10 Mar 2014

Hola

La modificación de ese Postbit es personalizada.

Deberás de preguntarle a "Hoxxy" si desea brindarte el codigo de ese postbit.

WMYomo · 10 Mar 2014

4ngeluxpunk dijo:
Te vas a Configuración > Opciones > Configuración de idioma y estilo > Utilizar la plantilla postbit Legacy (Vertical) y ahy pones en NO y guardas.

no me referia al horizontal si no al diseño.

Eduardo Leon dijo:
Hola

La modificación de ese Postbit es personalizada.

Deberás de preguntarle a "Hoxxy" si desea brindarte el codigo de ese postbit.

eh ahi el problema, el no responde y creí que alguien aca sabia manejar bien los codigos ya que jhonnyf ahora cobra por su apoyo y mcloud no lo eh visto pues no se a quien recurrir.

4ngeluxpunk · 10 Mar 2014

WMYomo dijo:
no me referia al horizontal si no al diseño.

eh ahi el problema, el no responde y creí que alguien aca sabia manejar bien los codigos ya que jhonnyf ahora cobra por su apoyo y mcloud no lo eh visto pues no se a quien recurrir.

Ahy esta el punto ya todos cobramos xD

OLMID · 11 Mar 2014

Si solamente quieres rotar los texto, coloca en la plantilla additional.css el siguiente código:

HTML:

.postbit .userinfo .userinfo_extra{
    -ms-transform:rotate(25deg);
    -webkit-transform:rotate(25deg);
    transform:rotate(25deg);
}

Pero si quieres hacerlo como está en la imagen, tendrías que retocar la plantilla postbit
Esta sería una forma para empezar, seguramente habrán otras, pruébala y ves como te va quedando

Edita la plantilla postbit y busca:

HTML:

                    <dl class="userstats">
                        <vb:if condition="$post['joindate']"><dt>{vb:rawphrase join_date}</dt> <dd>{vb:raw post.joindate}</dd></vb:if>
                        <vb:if condition="$post['field2']"><dt>{vb:rawphrase location_perm}</dt> <dd>{vb:raw post.field2}</dd></vb:if>
                        <vb:if condition="$post['age']"><dt>{vb:rawphrase age}</dt> <dd>{vb:raw post.age}</dd></vb:if>
                        <dt>{vb:rawphrase posts}</dt> <dd>{vb:raw post.posts}</dd>    
                        {vb:raw template_hook.postbit_userinfo_right_after_posts}
                    </dl>

Lo cambias por este:

HTML:

                    <dl class="userstats">
                         <vb:if  condition="$post['joindate']"><dt>{vb:rawphrase  join_date}: {vb:raw  post.joindate}</dt></vb:if>
                         <vb:if condition="$post['field2']"><dt>{vb:rawphrase  location_perm}: {vb:raw  post.field2}</dt></vb:if>
                         <vb:if condition="$post['age']"><dt>{vb:rawphrase  age}: {vb:raw post.age}</dt></vb:if>
                        <dt>{vb:rawphrase posts}: {vb:raw post.posts}</dt>    
                        {vb:raw template_hook.postbit_userinfo_right_after_posts}
                    </dl>

Luego añade este código a la plantilla additional.css

HTML:

.postbit .userinfo, .postbit .userinfo_noavatar{
overflow:hidden;
}
.postbit .userinfo_extra{
margin-top:45px;
}
.postbit .userinfo_extra dl dt {
background:#CFDBE9;
color:#5485A4;
border:1px solid #5485A4;
border-radius:4px;
width:300px;
text-align:left;
margin-top:4px;
padding:3px 5px;
-ms-transform:rotate(25deg);
-webkit-transform:rotate(25deg);
transform:rotate(25deg);
}
.postbit .userinfo_extra dl dt:after  {
content:none;
}

Puedes modificar o añadir más css y dejarlo tal como desees 🙂

Nota: antes de hacer modificaciones, guarda una copia de la plantilla.

Un saludo

4ngeluxpunk · 11 Mar 2014

Acá un imagen, al 40%:

Apoyo con una modificacion de postbit

WMYomo

4ngeluxpunk

WMYomo

4ngeluxpunk

Eduardo Leon

WMYomo

4ngeluxpunk

OLMID

4ngeluxpunk

Temas similares