Sobre editar archivo CSS, parametros y etiquetas!!!

Diseña tu página web con Joomla ¡ En 6 pasos ! Foros General Joomla en General Sobre editar archivo CSS, parametros y etiquetas!!!

  • Este debate tiene 17 respuestas, 1 mensaje y ha sido actualizado por última vez el hace 11 años, 1 mes por Anónimo.
Mostrando 17 respuestas a los debates
  • Autor
    Entradas
    • #85073
      Anónimo
      Invitado

      Hola a todos y a todas,

      Estoy trabjando la plantilla Jateline III (creo que como muchos de ustedes sabrán jejeje). Mi problema es el siguiente

      Cuando paso el cursor del mouse por alguna de las secciones de la barra principal, estas se resaltan con un color. Sin embargo lo que quisiera es que cuando pase la barra por algunas de las secciones, el color que resalte o el “hover” sea del color de la sección. Aquí les dejo unas capturas apra que entiendan mejor mi problema:

      http://img24.imageshack.us/img24/2250/problema001.jpg

      http://img4.imageshack.us/img4/4093/problema002.jpg

      En la imágen uno se muestra la barra cuando estoy en portada, y en la imagen 2 se muestra cuando coloco el cursor en alguna de las secciones, lo que quiero es cuando coloco el cursor en alguna de las secciones, no aparesca el color que aparece en la imagen, sino el color de la sección.

      Sé que tengo que modificar algo en este código, insertar algunas etiquetas, pero no sé cuales colocar 🙁


      #jasdl-mainnav a:hover,
      #jasdl-mainnav ul li.hover a {
      background: url(../../images/mainnav-hover.gif) repeat-x bottom #f7f7f7;
      color: #000;
      }

      Lo que tendría que hacer es crear etiquetas con la línea:


      background: url(../../images/CARPETA DEL COLOR QUE CORRESPONDA A LA SECCIÓN/mainnav-hover.gif) repeat-x bottom #f7f7f7;

      Y como cada “Jasdl-mainnav” tiene un código cada etiqueta debe de ir con un código, tengo los cídogs de Jasdl-mainnav que la plantilla asigna a cada sección.

      Si se dan cuenta se la teoría, pero no sé cómo aplicarlo a la práctica. Espero que me puedan ayudar

      Saludos a todos

      Ale

      P.D: El archivo que tendría que modificar se llama Dropline.css

    • #85078
      Anónimo
      Invitado

      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)

    • #85079
      Anónimo
      Invitado

      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

    • #85082
      Anónimo
      Invitado

      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)

    • #85083
      Anónimo
      Invitado

      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

    • #85096
      Anónimo
      Invitado

      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,

    • #85117
      Anónimo
      Invitado

      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.

    • #85136
      Anónimo
      Invitado

      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 🙂

    • #85152
      Anónimo
      Invitado

      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

    • #85162
      Anónimo
      Invitado

      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

    • #85176
      Anónimo
      Invitado

      Listo ¡¡ ya quedo.

      Mira las etiquetas pruebalas asi..

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

      background-color: #f7f7f7;

      background-image: url(../images/orange/mainnav-active.gif);

      background-repeat: repeat-x;

      background-attachment: scroll;

      background-position: center bottom;

      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¡¡

    • #85179
      Anónimo
      Invitado

      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 🙂

    • #85180
      Anónimo
      Invitado

      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.

    • #85181
      Anónimo
      Invitado

      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 🙂

    • #85182
      Anónimo
      Invitado

      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

    • #85183
      Anónimo
      Invitado

      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 🙂

    • #85184
      Anónimo
      Invitado

      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..

    • #85220
      Anónimo
      Invitado

      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 😀

Mostrando 17 respuestas a los debates
  • Debes estar registrado para responder a este debate.
Si te ha servido... ¡ Compartelo en tus Redes Sociales !
Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de sus datos para estos propósitos. Ver
Privacidad