• ¡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
Mensajes
467
Puntuación de reacciones
215
Puntos
43
Sitio web
kpumco.com
País
El Salvador
Versión de XenForo
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
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Bueno, no está mal. Por lo menos tenerlo en cuenta. Aunque no te guste, díme como.

Gracias por el aporte

salud2
 

DL Gushh_

Miembro
Mensajes
64
Puntuación de reacciones
49
Puntos
18
Sitio web
desload.net
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
Mensajes
467
Puntuación de reacciones
215
Puntos
43
Sitio web
kpumco.com
País
El Salvador
Versión de XenForo
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
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
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
 

gimomo

XenForoUser
Mensajes
131
Puntuación de reacciones
67
Puntos
28
Sitio web
www.buggame.cl
País
Chile
Versión de XenForo
Página web
Web
me gusto mucho este css. ya lo tengo aplicado a mi web, gracias nuevamente luis por compartir ;)
 
Arriba