Si tengo un logo muy grande que ocupa casi toda la pantalla, cómo puedo poner el menú por debajo?  

 
kontactalia
 kontactalia
Reputable Member

Hola chicos, me encuentro con un problema y es que las plantillas que utilizo normalmente (camber y balck&white2) tienen la disposición del menú y un pequeño logo arriba.

Tengo un cliente que necesita que el logo sea alargado y que contenga el logo con una imagen que ocupa todo el ancho del web.

Necesito poner ese logo (como si fuera un banner superior) que se muestre en todas las paginas del web) y debajo el menú.

Tanto en la plantilla camber como en la black&white2 el espacio del logo es muy reducido y necesito que sea más largo, como mínimo hasta la mitad de la página. Y además el menú ha de estar por debajo con un estilo similar a www.lavostrallar.com donde ocurre esto.

Hay alguna manera de intercambiar esas posiciones en las plantillas? Podria utilizar la ubicación de "banner" pero luego no se como desplazar el menú por debajo de esa posición.

Por ejemplo en la black&white2, el menú siempre tiene que ir ahí, no puedo ponerlo en la posición que quiera? Por defecto en la plantilla parece ser que no puedo cambiar esa posición...

Alguna idea? Podria cambiar de plantilla si fuera preciso...aunque lo que mejor me iria seria poder poner un logo más grande (alto y ancho) en la camber, se puede configurar de alguna manera?

mil gracias

Citar
Respondido : 28/12/2011 1:16 pm
Jordi Sala
 Jordi Sala
Miembro Admin

Hola kontactalia,

En http://demopackempresa.webempresa.eu/blackwhite2/ es fácil hacer que el logo sea más ancho, solo hay que cambiar las css, y hacer la imagen del logo más grande:

h1.logo {
    float: left;
    height: 50px;
    margin-top: 30px;
    padding: 0;
    width: 260px;
}
h1.logo a {
    background: url("../images/logo.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 50px;
    margin: 0;
    text-indent: -999em;
    width: 260px;
}

El realizar el intercambio de posiciones entre el logo y la plantilla, es más complejo y todo depende de los conocimientos de CSS y de PHP que tengas, para realizar el cambio en el código de la plantilla.

body #rt-logo {
height: 84px;
width: 246px;
}

En la http://demopackempresa.webempresa.eu/camber/ el procedimiento es similar.

Si te interesa la disposición del logotipo y luego el menú debajo, mejor uses http://demopackempresa.webempresa.eu/pure/

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

ResponderCitar
Respondido : 28/12/2011 3:00 pm

Cursos Gratuitos WordPress

kontactalia
 kontactalia
Reputable Member

Hola Jordi, gràcies.

He utilitzat el Firebug per localitzar el codi del logo, l´he trobat pero m´indica que está al arxiu suplemen-cp43.webjoomla.es/lavostrallar/ no m,´indica l´arxiu exacte i m´estic tornant boig per cambiar l´ample dins del servidor...no sé trobar l´arxiu. Amb el firebug, normalment em diu el arxiu on es, l´edito i llestos pero en aquest cas, em senyala l´arrel del directori on tinc la web.

Em pots ajudar a saber com trobar-ho?

Mil gracies

ResponderCitar
Respondido : 28/12/2011 5:29 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola kontactalia,

Ayudaría mucho postear también en castellano para que te podamos responder con mayor celeridad y no tener que usar (en mi caso 🙂 ) un traductor online.

La web que facilitas http://www.lavostrallar.com/ no está desarrollada en Joomla y no podemos darte indicaciones de como han realizado lo que comentas.

Facilitanos la url de "tu" sitio donde podamos ver "tu" ejemplo y así te podremos dar indicaciones puntuales y concretas al problema que planteas.

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 29/12/2011 1:21 am

wpdoctor-revisa-la-salud-de-tu-wordpress

kontactalia
 kontactalia
Reputable Member

Diosssss, no me he dado ni cuenta. No sé porque asocié a Jordi con el catalán y además ayer estuve hablando todo el dia en catalán y parece ser que mi cerebro ha patinado, cuando he leido tu mensaje he pensado kkkkkkkkkkk?¿??¿ Mil disculpas.

Te comento, si si, la web está hecha en joomla, es una camber:

mi web es : http://suplemen-cp43.webjoomla.es/lavostrallar/

es que la estoy haciendo en una ruta de un dominio temporal. Simplemente puse como ejemplo la de www.lavostrallar.com para que vierais que tiene el logo en grande encima de las pestañas del menu y yo queria conseguir ese efecto en la camber, ya me respondió Jordi a eso. Al final he decidido dejar la camber como está con el menú por encima pero necesito cambiar las medidas del logo mediante css porque tengo que poner uno más grande. He utilizado el firebug y en vez de indicarme un archivo donde modificarlo me señala la raiz de la web, es decir la ruta suplemen-cp43.webjoomla.es/lavostrallar/ me dice que esta en la linea 74 (el ancho y el alto del espacio para el logo). Me he vuelto loco buscando el archivo al que se refiere. Pensaba que estaria en el index pero no. Es que realmente no sé en que archivo se guarda el codigo fuente de la home, porque parece ser que está ahi... en fin, sabes en que archivo puedo encontrar el tamaño del logo? En joomla, donde se guarda el codigo fuente de la home? si es que está ahi claro..

Mil gracias

ResponderCitar
Respondido : 29/12/2011 6:12 am
Jordi Sala
 Jordi Sala
Miembro Admin

Hola kontactalia,

La gran mayoría de nosotros entiende o habla el catalán, pero claro es un foro abierto en castellano y por eso algún usuario del foro no podría entender 100% de que estamos hablando.

Cuando se trata de modificar CSS, los archivos se localizan generalmente en la carpeta CSS de la plantilla que se haya seleccionado:

#rt-logo {
    height: 117px;
    width: 173px;
}

No puedo precisar más, ya que desde Firebug no indica el fichero exacto, pero seguramente sea el fichero template.css

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

ResponderCitar
Respondido : 29/12/2011 9:43 am

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

kontactalia
 kontactalia
Reputable Member

Hola Jordi, he repasado todos los css que hay en la plantilla, de hecho no sólo he hecho eso sino que me he bajado el directorio entero de la web y con un programa que mira dentro de los archivos he puesto que me localice el 173 para ver en que archivo estaba... y me ha dado unos cuantos archivos pero no eran de esto...o sea que no lo encuentro por ningún lado.

Me encuentro perdidísimo con esto...en algún lado debe estar! pero he mirado como digo todos los archivos de la plantilla y no hay ninguno que tenga 173 por ejemplo... alguna idea??

No se como funciona Joomla pero imagino que la home se construye pero no está editada como en una web normal no? puede ser que los números se construyan de alguna manera pero no estén escritos en ningún lado? porque yo no puedo entrar en la pagina "index" donde salen los metas, titles, etc...no? está en esa pagina, por eso el firbug me muestra que el codigo del logo esta en la raiz pero por eso no lo encuentra en ningun archivo.

Igual he dicho una tonteria...pero no se como hacerlo..

mil gracias

ResponderCitar
Respondido : 29/12/2011 11:18 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

El CSS con las dimensiones del logo se cargan directamente en el código de la web y no de un archivo CSS, por lo que es posible que se genere de forma dinámica en función del tamaño que la imagen que esté utilizando.

¿Has probado a subir una imagen para el logo mucho más ancha para ver si funciona de forma directa? Para hacer esto, sube una imagen con nombre logo.png en la ruta templates/rt_camber_j15/images/logo/dark y comprueba si se muestra correctamente.

Es posible que tengas que desactivar el módulo de idiomas que tienes en la parte superior para que se vea bien.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 29/12/2011 11:57 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

kontactalia
 kontactalia
Reputable Member

Manda huevos!! perfecto...vaya tela...gracias Pablo!!

ResponderCitar
Respondido : 29/12/2011 12:30 pm

Por favor Iniciar Sesión o Registro