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
