• ¡Bienvenido a XenFácil!

    Estás viendo el sitio como Invitado. Para poder participar en este sitio

    y obtendrás privilegios adicionales, acceso a otras áreas y mucho mas.

    ¡Es gratis!


    ¿Ya eres miembro? Inicia sesión

Truco Mover la siderbar a la izquierda con CSS

lenin

XenForoUser
#1
bueno siguiendo con la idea de tener todo al revez, de DL Gushh_ de tener todo al revez, se me ocurrio
mover el sidebar a la izquierda.. es muy facil
en si admincp se van a estilos/estilo que usan/plantillas, luego buscan sidebar.css

estando ahi buscan este codigo css :
/* sidebar structural elements */


.mainContainer
{
float: left;
margin-right: -{xen:calc '@sidebar.width + 10'}px;
width: 100%;
}


.mainContent
{
margin-right: {xen:calc '@sidebar.width + 10'}px;
}


.sidebar
{
@property "sidebar";
font-size: 11px;
float: right;
width: 250px;
@property "/sidebar";}
y lo reemplazan por este :

/* sidebar structural elements */

.mainContainer
{
float: right;
margin-left: -{xen:calc '@sidebar.width + 10'}px;
width: 100%;
}

.mainContent
{
margin-left: {xen:calc '@sidebar.width + 10'}px;
}

.sidebar
{
@property "sidebar";
font-size: 11px;
float: left;
width: 250px;
@property "/sidebar";
}

eso es todo..

nota: cambie el search_bar a la izquierda (no se ve así en la captura)
pero no me gusto como quedaba al igual que el navbar.. asi que lo dejé asi, mi ver se ve mas bonito.
pero si alguien quiere que les diga como hacerlos ps que lo diga con gusto compartimos...
les dejo capturas:
Normal:
sidebar normal.png
Modificado:
modificado.png
no me gusta como se ve pero si lo quieren me lo hcen saber:
capt3.png
 

lms

Administrador
#2
Bueno, no está mal. Por lo menos tenerlo en cuenta. Aunque no te guste, díme como.

Gracias por el aporte

salud2
 
#3
vi un foro que la tenia a la izquierda y me encanto! pero no es mi estilo :)

a ver si me ayudan... sabran como poner la sidebar horizontal arriba de los foros??

Saludos y gracias por la mencion lenin :p
 

lenin

XenForoUser
#5
ummm interesante idea... deja veo si puedo hacer algo que se me ocurrio haber que pasa. si todo sle bien yo te aviso.
 

lms

Administrador
#8
Solo agregar el siguiente CSS a la plantilla EXTRA.css

Panel de Control de Administración -> Aspecto -> Estilos & Plantillas -> Plantilla ( asegurarse de elegir el estilo correcto ) -> EXTRA.css

Agregar el siguiente contenido y guardar :
Rich (BB code):
.mainContainer {
    float: right;
    margin-left: -{xen:calc '@sidebar.width + 10'}px;
    margin-right: 0px;
    width: 100%;
}

.mainContent {
    margin-left: {xen:calc '@sidebar.width + 10'}px;
    margin-right: 0px;
}

.sidebar {
    @property "sidebar";
    font-size: 11px;
    float: left;
    width: 250px;
    @property "/sidebar";
}
Capturas:

2.png
Autor: M@rc
Tema original en XenForo: http://xenforo.com/community/resources/moving-xenforo-sidebar-from-right-to-left.338/
Salud2
 
Arriba