[TIP] User area a la derecha

User area a la derecha

Hola, bueno hoy les dejo este tip para los que estan haciendo un theme y quieren poner el user area a la derecha, es muy simple, solo modificando el css se puede ok, aqui se los dejo. Nota: Esto es una modificacion del theme default.

Resultado:



Index.css (Themes/default/css)
Buscar:

Code: [Select]

div#upper_section div.user
{
width: 50%;
float: left;
overflow: auto;
}
div#upper_section div.user p
{
float: left;
margin: 0 1em 1em 0;
padding: 0;
}Reemplazar por:

Code: [Select]

div#upper_section div.user
{
width: 50%;
float: right;
overflow: auto;
text-align: right;
}
div#upper_section div.user p
{
float: right;
margin: 0 0 0 1em;
padding: 0;
}
Buscar:

Code: [Select]

#upper_section div.news
{
width: 50%;
float: right;
text-align: right;
}Reemplazar por:

Code: [Select]

#upper_section div.news
{
width: 50%;
float: left;
text-align: left;
}
Y listo, es muy simple y rapido, espero que les guste.
Saludos!

buen tip Daniiel y de mucha utilidad para todos !

Cool! +1

Genial!

Buen tip sirve mucho

A mi me gusta solo modificar la parte:

Code: [Select]

div#upper_section div.user
{
   width: 50%;
   float: right ;
   overflow: auto;
}
Asi la imagen del avatar queda a la izquierda.

Muy bueno daniel

Pero, si la pones en el default la parte de buscar queda en el medio

Pero, si la pones en el default la parte de buscar queda en el medio

Para eso se modifica esto:

Code: [Select]

#upper_section div.news
{
width: 50%;
float: right;
text-align: right;
}Reemplazar por:

Code: [Select]

#upper_section div.news
{
width: 50%;
float: left;
text-align: left;
}