Sobre editar archivo CSS, parametros y etiquetas!!!

Lo que te podria decir es que cambies de version. Utilices la version 1.2 de la template, lo cual te soluciona varios de esos problemas; ya que la version 1.1, tenia varios bugs; y entre otros detalles estaban estos a los que haces referencia.

Muchas cuestiones no se pueden ver en IE.

Saludos y suerte. B)

O sea lo que tengo no es un problema en si de la plantilla, sino que quiero modificar lo que viene predeterminado. Se puede o no??

Y dime una cosa, he venido trabajando bastante en esta plantilla, como por ejemplo: colores, tamaño de titulares, etc….

Podría instalar la nueva plantilla y luego reemplazar los archivos CSS???

Muchas gracias por la ayuda,

Saludos

Siempre puedes reemplazar los archivos, pero siempre con el cuidado de mantener una copia de respaldo. Solamente baja el .css y haz una copia en una carpeta a parte por las dudas.

No obstante ello, puedes modificar todo lo que sea necesario; aunque insisto la nueva version te solucionara varios problemas.

Saloudos cordiales B)

Ah ia, entonces sí puedo reemplazar los archivos CSS de Jateline III 1.1 en Jateline III 1.2 Qué alivio!!! 😀

O sea tú estas diciendo que lo que he puesto en mi post es un problema de la plantilla?????

Pero así instale Jateline III cómo puedo colocar esa etiqueta que me falta para poder cambiar lo predeterminado de la plantilla??

Gracias por la ayuda

Lo que entiendo yo es que quieres modificar la manera tradicional en que trabaja , y quieres que cada seccion tenga su propio color, de hecho desde el hover, me gusta la idea.

de hecho creo que solo tendras que añadir algunas etiquetas al CSS de tu plantilla y desde el item del menu en el administrador podemos aplicar un estilo o decirle que estilo debe aplicar a cada item del menu 😉 dejame checar y te ayudo nomas tengo que terminar un trabajo :S (sucks) pero en cuanto termine checo lo de tu plantilla va,

Ahora mientras baja la otra version de la plantilla, quiza eso soluciona lo que quieres aunque en los demos que yo he visto, el hover del boton es basicamente un gris,

Mira queria crearte las etiquetas pero no creo tener chance pero es basicamente crear una etiqueta para cada item del menu con el background que quieras, luego ve a tu admin, metete al menu, luego te metes al item al que quieres asignar una clase de css, busca esto en los parametros Page Class Suffix

Ahi escribes el nombre de la clase que creaste para ese item en el css, aqui hay mas documentacion http://docs.joomla.org/Page_class_suffixes

Saludos y suerte si tienes bronca aqui andare.

Hola Monclee,

Gracias por tu ayuda.

Entendí todo lo que me dijsite, sin embargo no sé como crear una etiqueta, ese es mi problema. Si lees mi primer post ahí lo explico todo.

Y estas etiquetas las pondría en el archivo Template.CSS????

PEro no sé ni cómo crear una etuiqueta 🙁

Espero que me uedas ayudar porque esto ahciendo un trabajo para la universidad y me han dejado esa misión 🙁

Muchas gracias por todo

Saludos 🙂

Mira es bien facil si me pasas un URL yo te armo las etiquetas va y te digo aqui en el foro como las debes insertar para que funcionen , pero si es básicamente asi

1.Añadir la etiqueta al template.css aja, las puedes poner hasta abajo y comentadas para que no se te olvide, checa la hoja de estilos y asi veras como escriben los comentarios, ;), /* no tiene mucho ciencia, asi es */

2. Entramos al Administrador > Menus > Menu > Item del Menu, y ahi buscamos Page Class Suffix en los parametros, le decimos que clase creamos en el template y woala, 😉 todo listo solo tenemos de hecho como bien mencionas copiar la etiqueta orignial que afecta el hover y cambiar el background, Tienes toda la teoria, de hecho no se donde te pierdes, pero no te preocupes, igual hasta te imaginas que es mas dificil de lo que es, pero no te preocupes, en los foros luego es donde uno más aprende.

3.. Mira tiene tiempo que no uso esto pero aqui estos documentos explican como crear las etiquetas, NO SUFRAS COMO YO, RECUERDA CUANDO ENTRES A PARAMETROS “PAGE CLASS SUFFIX”, no importa lo que pongas ponle como en el ejemplo que esta en el link espacio+.+tuclase el espacio en blanco es importante lee ahi y veras.

en el siguiente viene menos claro en mi opinion pero te dara gusto ver la info creeme, pero basate en el manual anterior para llegar a lo que quieres, ya sabes crear etiquetas porque sabes bien como cambiarlo, el nombre de etiqueta te lo explican bien en el doc anterior. recuerda el espacio alguna vez sufri mucho jajaja.

http://docs.joomla.org/Tutorial:Using_Class_Suffixes_in_Joomla!_1.5#Menu_Class_Suffix_and_Menu_Tag_ID

Hola Monclee, gracais por tu generosidad en ayudarme 🙂

Aquí te paso un url para que puedas vizualizar mejor mi problema,

Mi pagina es: http://www.etc.pe

Espero que me pueda sayudar con lo de las etiquetas 😀

Muchas gracias por todo

Listo ¡¡ ya quedo.

Mira las etiquetas pruebalas asi..

#jasdl-mainnav ul li.menu-item3.hover a {

color: #000000;
}

Checa los parametros para que puedas modificarlos segun tu gusto.

1. background-image: url(../images/orange/mainnav-active.gif); debe redireccionar a la imagen del color que quieres, si no jala en primer instancia quiza puedes intentar :
background-image: url(../../images/orange/mainnav-active.gif); si de plano te da broncas esto, porque me ha pasado intenta la tura directa en tu caso
background-image: url(http://www.etc.pe/templates/ja_teline_iii/images/orange/mainnav-active.gif) esto seguro debe funcionar pero el primero me funciono a mi, solo por si acaso.

2. #jasdl-mainnav ul li.menu-item3.hover a … Ahi para el primer item del menu cambialo a menu-item1 y de ahi continua item2 item3 etc…

Enjoy¡¡

Hola Monclee

Muchas graaaaaacias!!!! los Hovers quedaron muy buenos 🙂

Sin embargo tengo una consulta. Si puedes visitar mi página, y cada vez que paso el cursos por alguno de los botones de la barra de secciones, abajo de ellos aparece una franja que aún sigue siendo gris, me gusta´ria que esta franja también cambie de color cuando coloco el mouse en uno de los botones.

Intenté poner esta etiqueta:


#ja-subnav ul li.menu-item3.hover a {
background: #3f7e15;
}


Pero no me resultó 🙁

A ver si me podrías ayudar con eso 😀

Muchas gracias por la ayuda gracias enserio 🙂

Efectivamente da el efecto de que son el mismo item, pero son dos diferentes, si ves el codigo fuente veras que se llaman algo asi jasdl-subnav, podrias intentar algo asi

#jasdl-subnav ul.jasdl-subnav2

Pero desafortunadamente solo vas a lograr cambiar el gris por otro color, pero no sera digamos :hover temdria que ser parte del mismo boton y bueno habria que realmente hacerlo de nuevo en cuanto a la estructura, o por lo menos yo no se hacerlo asi como esta construido el template.

Suerte, ojala alguien te pueda ayudar y visite tu pagina pero no puedo verlo porque estan dando mantenimiento, espero que quedara bien, saludos.

Hola Monclee muchas gracias por la ayuda,

Ya active mi página

Yo creo que si se puede, no podría agregarle esa etiqueta por cada sección??? así como los hovers???

Poruqe cada vez que yo entro a una sección mediante alguno de los botones de la barra, aquella barra gris que se ubica debajo de la barra de las secciones, cambia de color según el color que yo le he asignado a la sección. en el CSS de cada sección, cambié los valores de colores para que corresponda con cada sección.

Ojalá puedas ayudarme o entender a lo que me refiero,

Muchas gracias por tu ayuda, sinceramente la aprecio bastante 🙂

si te entiendo, pero ya lo haz dicho tu mejor que yo, cada que entras porque el css asigna a TODO ese elemento un nuevo color…

El hover funciona sobre los botones, haz que ese elemento se convierta en un boton (pero afectaras el css y el redireccionamiento de los subitems que aparecen en esa barra), ya se, ya se, algunos diran que Firefox, Safari y googlechrome ya pueden leer los hovers en divs perfectamente, pero la verdad en IE lo usual es usar javascript, porque solo puedes hasta donde se usar hover en los botones.

voy a bajar tu plantilla para darle una checada , igual se puede, pero asi de primera vista me parece que lo que quieres es mas un javacript, saludos

Muchas gracias por toda la ayuda y sorry si te molesto mucho 🙁

De verdad me gusta´ria que sólo quedase la barra con el color sin que saliera el nombre de la sección, osea no me importa si afecta el nombre de la categoría que aparece ahí abajo porque pineso deshacerme de ella a penas termine con esto a lo que me stoy ocuapndo, o sea a los hovers de las secciones.

Muchas gracias por la ayuda 🙂

No te preocupes, pues el tip ahi sta convierte esa barra en un boton el problema esque no se como haria yo para que al pasar el mouse por el boton, tambien la barra de abajo cambie, tendrias que pasar el mouse por la barra , a menos que uses un javascript, porque de lo contrario son dos botones separados. jaja no es flash..

Y no te preocupes no es molestia.. saludos..

Cuando tu pasas el mouse por alguno de los botones de las secciones la barra cambia de color a gris, lo único que se tendría que hacer no es solo colcoar un etiqueta con el rspectivo color y el respectivo nombre del menu-item???

Bueno no sé cómo convertir aquella abrra en botón, si me das las intrucciones pondré todo mi esfuerzo en hacerlo 🙂

Gracias por todo, te daré más Karma hasta quedarme con -1000 😀