Avisos
Vaciar todo

modificar layout.css  

 
Ivan
 Ivan
Estimable Member

Hola, he estado modificando el archivo layout.css pero no me funcionan las modificaciones del fondo ni margen en toolbar-l en toolbar-r ni tampoco en logo; en cambio en headerbar (teléfono e iconos facebook y twitter) me funciona correctamente. ¿Me podríais echar una mano para ver que estoy haciendo mal?; he revisado el código pero no encuentro el error. Adjunto el fichero por si pudiéseis ayudarme. Muchas gracias.

/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License ( http://www.yootheme.com/license)  */

@import url(../warp/css/layout.css);


/* Spacing
----------------------------------------------------------------------------------------------------*/

.module,
#header,
#content { margin: 10px; }

#breadcrumbs { margin: 15px 10px 5px 10px; }

#toolbar,
#footer { margin: 0 10px; }

#footer .module { margin: 0; }

#headerbar { 
	/*Pablo*/
	/*padding: 20px 0;*/
	padding: 0 0 20px
}

/*Jose*/

#headerbar .module {
float:right;
margin-right:0;
margin-top:1px;
max-width:400px;
background:url(../images/menubar.png) 0 0 repeat;
}

#logo .module {
margin-top:1px;
background:url(../images/menubar.png) 0 0 repeat;
}

#toolbar-l .module {
margin-top:1px;
background:url(../images/menubar.png) 0 0 repeat;
}

#tToolbar-r .module {
margin-top:1px;
background:url(../images/menubar.png) 0 0 repeat;
}

/* Blocks----------------------------------------------------------------------------------------------------*/

/* Toolbar */
#block-toolbar { padding: 5px 0; }

/* Main */
#block-main { padding: 10px 0; }

/* Bottom */
#block-bottom { padding: 20px 0; }

/* Footer */
#block-footer {
	padding: 20px 0;
	background: url(../images/footer.png) 0 0 repeat-x;
}


/* Layout
----------------------------------------------------------------------------------------------------*/

/* Toolbar */
#toolbar {
	line-height: 24px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

/* Menu */
#menubar {
	padding: 10px;
	background: url(../images/menubar.png) 0 0 repeat;
}

/* System */
#content {
	padding: 15px;
	background: url(../images/content.png) 0 0 repeat;
}

/* Footer */
#footer {
	font-size: 12px;
	text-align: left;
}

#totop-scroller {
	display: block;
	position: absolute;
	top: 10px;
	right: 0;
	z-index: 1;
	width: 29px;
	height: 30px;
	background: url(../images/totop_scroller.png) 0 0 no-repeat;
	text-decoration: none;
}

#totop-scroller:hover { background-position: 0 -35px; }
Citar
Respondido : 04/04/2012 11:02 am
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Ivan,

Necesitamos nos indiques la url del sitio web para poder visualizar. Y que nos indiques que cambios son lo que quieres realizar.

Con solo un fragmento de un fichero, y sin saber que plantilla de Yootheme es la que estás usando no se puede hacer nada.

Saludos

ResponderCitar
Respondido : 04/04/2012 2:11 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Ivan
 Ivan
Estimable Member

Muchas gracias por adelantado Jordi; el sitio es http://bentrone-cp17.webjoomla.es/

ResponderCitar
Respondido : 04/04/2012 2:15 pm
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Ivan,

Veo el fragmento de archivo que has enviado, y parece que puede haber algún error:

#tToolbar-r .module {

pero no se exactamente que deseas cambiar en el sitio web (a nivel de fondo y margen), adjunto captura de pantalla de como lo veo ahora:

Saludos

ResponderCitar
Respondido : 04/04/2012 3:00 pm