Avisos
Vaciar todo

Bajar banner, centrarlo y mover el registro hacia la derecha.  

 
Ginés
 Ginés
Reputable Member

Buenas tardes, aprovechando el dia festivo yo sigo trabajando en mi joomla, espero que esteis descansando porque lo teneis bién merecido, vuestra ayuda es impagable.

Quiero haceros una petición muy importante para la web, lo he ido dejando hasta tener todo casi enfocado, pero este paso es FUNDAMENTAL necesito insertar un banner arriba para patrocinar algun espacio que tengo comprometido a cambido de ciertos contenidos, es muy importante.

Llevo dias dandole vueltas al asunto y mirando donde mejor podemos adaptarlo y no queda otra que la imagen que acompaño.

He creado el banner en el xml para que aparezca en los módulos, depués en el archivo:

empresatemplatesgk_corporate2layoutsblocksnav.php

He introducido el siguiente código en el archivo nav.php

*********************************************************

*********************************************************
El sitio ha sido este:

Ahora después fuí a los banner alta de cliente, depués cree el módulo y lo activé, resultado se puede ver en la web:

http://www.inveuro.es/empresa

Ahora, necesito bajarlo y centrarlo, justo encima del MENU principal.

Bién, centradito necesito mover el modulo de "ENTRAR" encima del cajón de BÚSQUEDA.

Y crear una opción al lado de "REGISTRO"

Todo como queda la imagen:

Resumiendo:

- Mover hacia abajo el banner
- Mover encima del cajón de búsqueda el "ENTRAR"
- Crear al lado de ENTRAR, REGISTRO, para dejarlos juntos encima del cajón BÚSQUEDA.

Creo que lo expliqué todo bién y gráficamente.

Os ruego por favor que me indiqueis como hacerlo, esto es muy importante, casi fundamental diria yo para la web, tomad el tiempo que necesiteis y cuando tengas un huequecito indicadme como ir insertando el código y en que archivos.

Gracias de antemano.

Citar
Respondido : 06/12/2011 4:17 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Tal como lo estás haciendo el banner no se te podrá quedar centrado. Hay que hacer varios cambios.

En primer lugar, edita el archivo templates/gk_corporate2/css/layout.css y cambia la línea 32:

#gkWrap1 {margin: 0 auto -5px}

por lo siguiente;

#gkWrap1 {margin: 0 auto -5px;position:relative;}

En el código que has agregado para crear la nueva posición del módulo quita las etiquetas y .

En el archivo templates/gk_corporate2/css/layout.css agregar al final el siguiente código:

#bannersup{
position:absolute;
top:5px;
left:0;
width:980px;
text-align:center;
}

Prueba a ir cambialo los valores de top y left en el caso de que no se muestre en la posición deseada.

ResponderCitar
Respondido : 07/12/2011 11:40 am

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

Ginés
 Ginés
Reputable Member

Gracias Pablo, genial, casi lo tenemos.

Mira como está.

http://www.inveuro.es/empresa

Pero me encuentro con el problema de que están inactivos, no se puede hacer clic en "Entrar" ni en el cajón de "Búsqueda" 🙁

Ahora necesitaria mover ese "ENTRAR" encima del cajón de búsqueda para poder seguir moviendo el modulo de banner y ajustarlo más,

Encima del cajón de busqueda colocar "ENTRAR / REGISTRO"

Eso seria ya la satisfación total 😉

Gracias compañero.

ResponderCitar
Respondido : 07/12/2011 12:19 pm
David Noguera
 David Noguera
Miembro Moderator

Hola Ginés,

para mover el enlace de Entrar arriba de la caja de texto, añade este código:

#gkPageTop a {
position: relative !important;
left: 40px !important;
top: -25px !important;
}

Por otro lado, yo si que puedo hacer click en el botón de entrar e introducir texto en la caja de texto, que navegador estás usando??

Para cambiar el texto que aparece de Entrar, busca en los ficheros de traducción que están en el directorio languages de tu web, tiene que haber un fichero de traducción para la plantilla donde esté traducida esta variable... si no lo encuentras envíanos un listado de ficheros que aparecen en ese directorio y lo revisamos..

Saludos

ResponderCitar
Respondido : 07/12/2011 1:29 pm

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

Ginés
 Ginés
Reputable Member

Buenas tardes David.

Uso el navegador Firefox, porque trabajo con fireburg, por lo tanto yo el cajón de busqueda y Entrar los tengo inactivos.

Por otro lado el texto que indicas que tengo que añadir, a que archivo debo añadirlo?

Gracias de antemano.

ResponderCitar
Respondido : 07/12/2011 3:11 pm
David Noguera
 David Noguera
Miembro Moderator

Hola Ginés,

has de añadir el código al final de este fichero:

templates/gk_corporate2/css/layout.css

Prueba y nos dices..

Saludos

ResponderCitar
Respondido : 07/12/2011 3:27 pm

Cursos Gratuitos WordPress

Ginés
 Ginés
Reputable Member

David !!! Perfecto, mira como queda:

http://www.inveuro.es/empresa

Falta que el cajón de "BÚSQUEDA" está inactivo, probado con Firefox y Explorer.

Una pregunta, si quisiera darle un cambio, estoy viendo que quedaria quizás mejor el Cajón de busqueda y Entrar al lado izquierdo, y el banner al final.

Mover el banner al final se moverlo cambio el valor siguiente:

#bannersup{
position:absolute;
top:5px;
left:0;
width:980px;
text-align:center;
}

Pero si quisiese mover el cajón de busqueda y el Entrar, que valores deberia tocar?

Estamos a un pasito de algo grande !!!

Gracias compañero

ResponderCitar
Respondido : 07/12/2011 3:33 pm
David Noguera
 David Noguera
Miembro Moderator

Hola Ginés,

el problema de la caja de búsqueda inactiva es debido a que hay un div por encima de ella que imposibilita que se haga click sobre la caja de búsqueda, añadiendo este código al mismo fichero se soluciona eso:

ARREGLAR TEMA DEL CLICK EN CAJA DE BUSQUEDA

#bannersup {
left: 322px !important;
position: absolute;
text-align: center;
top: 2px;
width: 500px !important;
}

CAMBIAR DE ORDEN LA IMAGEN Y CAJA DE BUSQUEDA

Si aplicas el cambio que te acabo de decir, para mover el baner a la izquierda solo necesitas modificar el valor left, así:

#bannersup {
left: 512px !important;
position: absolute;
text-align: center;
top: 2px;
width: 500px !important;
}

y después añadir este código al final del fichero:

#gkPageTop {
color: #6C6459;
margin: 0;
overflow: hidden;
padding: 30px 0 3px;
width: 505px !important;
}

Saludos!

ResponderCitar
Respondido : 07/12/2011 4:21 pm

Ginés
 Ginés
Reputable Member

Gracias David, eres un máquina, todo solucionado, que satisfacción decir que este post se puede cerrar.

David, perdona antes de cerrar este post.

Si quisiese quitar el cajón de Búsqueda? Lo desactivo en el administrador de joomla, pero me desaparece el Entrar y Registro.

:laugh:

ResponderCitar
Respondido : 07/12/2011 4:31 pm
David Noguera
 David Noguera
Miembro Moderator

Hola Ginés,

sí, es normal, yo lo que haría si quisiese quitar el cajón de búsqueda y conservar el enlace, sería quitar solo el textbox con CSS, aplicando este código:

input[name=searchword]{
display:none !important;
}

Me alegro de que hayas podido dejar tu web como querías 🙂

Saludos!

ResponderCitar
Respondido : 07/12/2011 4:54 pm

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

Ginés
 Ginés
Reputable Member

Buenas David, si hago eso, el "Entrar / Registro" desaparece.

Como puedo hacer para que eso no ocurra, quitar el cajón de búsqueda y dejar el Entrar, o lo que es el Login vamos.

Fijate como está ahora, he metido ese código al final del layout.css y desaparece el cajón de búsqueda, pero el Entrar / Registrarse también.

http://www.inveuro.es/empresa

Gracias.

ResponderCitar
Respondido : 07/12/2011 4:58 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Ginés,

Si desactivas el modulo "mod_search" desde el Gestor de Módulos, entiendo que solo se deshabilitaría este módulo y no afectaría al texto Entrar/Registrarse ¿correcto?.

Saludos

ResponderCitar
Respondido : 08/12/2011 1:47 am

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