Apoio com uma modificação de postbit

WMYomo · 10/03/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/03/2014

Buenas amigo tu Link hace referencia a otra cosa.

WMYomo · 10/03/2014

4ngeluxpunk disse:
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/03/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/03/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/03/2014

4ngeluxpunk disse:
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 disse:
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/03/2014

WMYomo disse:
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/03/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/03/2014

Acá un imagen, al 40%:

Apoio com uma modificação de postbit

WMYomo

4ngeluxpunk

WMYomo

4ngeluxpunk

Eduardo Leon

WMYomo

4ngeluxpunk

OLMID

4ngeluxpunk

Tópicos similares