Avisos
Vaciar todo
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:
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.
Respondido : 06/12/2011 4:17 pm
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.
Respondido : 07/12/2011 11:40 am
Gracias Pablo, genial, casi lo tenemos.
Mira como está.
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.
Respondido : 07/12/2011 12:19 pm
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
Respondido : 07/12/2011 1:29 pm
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.
Respondido : 07/12/2011 3:11 pm
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
Respondido : 07/12/2011 3:27 pm
David !!! Perfecto, mira como queda:
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
Respondido : 07/12/2011 3:33 pm
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!
Respondido : 07/12/2011 4:21 pm
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:
Respondido : 07/12/2011 4:31 pm
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!
Respondido : 07/12/2011 4:54 pm
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.
Gracias.
Respondido : 07/12/2011 4:58 pm
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
Respondido : 08/12/2011 1:47 am
