Editar la plantilla JA Teline IV para cambiar colores y modificar CSS  

Hola Lizeth,

Lo que no entiendo es que necesidad tienes de editar CSS para asignar un layout de color diferente cuando estos ya vienen predefinidos tal como te explique en la anterior captura:

Cuando estableces un color por defecto, este no se aplica a TODA la plantilla sino a determinados ítems. No es un cambio de color que muestre todos los menús, títulos, etc., con ese color, sino que en función de las categorías de Magazine (Menú) se mostrarán de un color u otro.

Quizás nosotros nos estemos explicando mal, pero esta plantilla no permite un cambio global de color.

Saludos

mas o menos quiero que sea así (claro no tan mal editado)

y el fondo un color más suave

Hola Lizeth,

En el siguiente artículo del Blog de Webempresa se explica el uso de Firebug, herramienta destinada a localizar cadenas de código, estilos, etc., desde tu navegador:

-

Firebug Lite for Google Chrome:
- https://chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench

Fifebug Firefox:
- https://addons.mozilla.org/es-es/firefox/addon/firebug/

Puedes cambiar los ficheros mediante tu administrador de ficheros de cPanel te adjunto el siguiente video tutorial que te será de utilidad:

Administrador de Archivos de cPanel

Saludos.

Disculpa pero este es el tipo de menú que maneja mi página y no tengo la opcion administrador de archivos, o es que tengo que manejarlo con axtplorer

Hola Lizeth,

Para ingresar al administrador de ficheros de tu cPanel debes escribir el enlace: tudominio.com/cpanel , la opción que indicas también es valida mediante la extensión eXtplorer.

Saludos.

A que fichero correspondería el menú principal y como editar este. si me muestra la siguiente imagen

Hola Lizeth,

Mediante el Firebug debes localizar el archivo a editar, la ruta debería ser la siguiente: public_html/templates/tuplantilla/css/

Saludos.

🙁
Lamentablemente el código de firebug es distinto al que tengo en c panel

Que parte debería de cambiar si mi codigo es

/**
* ------------------------------------------------------------------------
* JA Teline IV Template for Joomla 2.5
* ------------------------------------------------------------------------
* Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
* @license - Copyrighted Commercial Software
* Author: J.O.O.M Solutions Co., Ltd
* Websites: http://www.joomlart.com - http://www.joomlancers.com
* This file may not be redistributed in whole or significant part.
* ------------------------------------------------------------------------
*/

#ja-cssmenu { border-bottom: 5px solid #000; }

/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
#ja-cssmenu li {
border-left: 1px solid #ccc;
font-family: ArialNarrowBold, "Arial Narrow", Arial, sans-serif;
}

#ja-cssmenu li a {
display: block;
margin: 3px;
padding: 4px 12px 3px;
text-decoration: none;
color: #000;
text-transform: uppercase;
font-size: 125%;
font-weight: bold;
}

#ja-cssmenu li a:hover,
#ja-cssmenu li a.sfhover {
color: #fff;
}

#ja-cssmenu li:hover,
#ja-cssmenu li.sfhover,
#ja-cssmenu li.havechildsfhover,
#ja-cssmenu li.havechild-activesfhover {
background: #000;
color: #fff;
}

#ja-cssmenu li a.active,
#ja-cssmenu li a.active:hover {
background: #000;
color: #fff;
}

/* 2nd level and above */
#ja-cssmenu li ul {
background: #000;
border: 1px solid #000;
color: #fff;
margin-top: 0;
padding-top: 4px;
}

#ja-cssmenu li li {
font-family: Arial, sans-serif;
}

#ja-cssmenu li ul a {
border-right: 0;
border-left: 0;
margin: 0;
padding: 7px 15px;
color: #ccc;
font-size: 92%;
font-weight: normal;
text-transform: none;
background: none;
}

#ja-cssmenu li ul a:hover,
#ja-cssmenu li ul a:active,
#ja-cssmenu li ul a:focus,
#ja-cssmenu ul li:hover,
#ja-cssmenu ul li.sfhover,
#ja-cssmenu ul li.havesubchildsfhover,
#ja-cssmenu ul li.havesubchild-activesfhover,
#ja-cssmenu ul ul li:hover,
#ja-cssmenu ul ul li.sfhover,
#ja-cssmenu ul ul li.havesubchildsfhover,
#ja-cssmenu ul ul li.havesubchild-activesfhover {
background: #2a2a2a;
}

#ja-cssmenu ul li a.active,
#ja-cssmenu ul li a.active:hover,
#ja-cssmenu ul li a.active:active,
#ja-cssmenu ul li a.active:focus {
font-weight: bold;
}

#ja-cssmenu li ul ul {}

#ja-cssmenu li ul li {
border-bottom: 1px solid #2a2a2a;
border-left: 0;
background: none;
}

Hola Lizeth,

Tal como se indica en la cabecera del foro:

No ofrecemos soporte a webs alojadas en localhost ni soporte css o programación.

En el firebug cuando se analizan CSS, indica la ruta del archivo a cambiar, el código no cambia de manera significativa del original.

Saludos

Éxito en la elaboración.

Sin embargo aún me falta la parte superior. Cuál deberia ser la ruta a la que debería de entrar y que fila es la que se cambiará.

Hola Lizeth,

Como te manifesté en el anterior post, dichos cambios requieres de conocimiento de programación CSS, debes revisar minuciosamente el video tutorial de Firebug para que puedas efectuar dichos cambios:

Hola Lizeth,

En el siguiente artículo del Blog de Webempresa se explica el uso de Firebug, herramienta destinada a localizar cadenas de código, estilos, etc., desde tu navegador:

- www.webempresa.com/blog/item/282-usando-firebug-para-modificar-la-apariencia-de-una-plantilla-joomla.html

Firebug Lite for Google Chrome:
- chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench

Fifebug Firefox:
- addons.mozilla.org/es-es/firefox/addon/firebug/

Puedes cambiar los ficheros mediante tu administrador de ficheros de cPanel te adjunto el siguiente video tutorial que te será de utilidad:

Administrador de Archivos de cPanel
www.webempresa.com/blog/item/859-administrador-de-archivos-de-cpanel.html

Saludos.

Saludos.

Veo la edición más facil con cpanel.

Agradecería mucho si alguien pudiera ayudarme con esto, necesito saber a cúal de estos debería de entrar para editar lo que se encuentra arriba del menú. Es cierto, se muy poco de esto pero necesito su ayuda Los archivos son:

gracias

Hola Lizeth,

No atendemos consultas de CSS ni Programación en el foro, después de nuestra experiencia de varios años atendiendo consultas sobre Joomla nos encontramos que la mayoría de usuarios que quieren modificar CSS acaban "estropeando" sus webs o bien por hacer modificaciones que luego no funcionan en los diferentes navegadores o bien por hacer modificaciones que acaban empeorando el diseño original de la plantilla.

Creemos que los clientes que no tienen conocimientos de CSS es mejor que usen joomla, para sacarle más partido a los contenidos y funcionalidades que permite joomla o sus extensiones y no creemos que sea recomendable realizar cambios CSS, para ello recomendamos usar plantillas profesionales de los diferentes clubes que desarrollan plantillas para joomla y partiendo de una buena plantilla rara vez es necesario tener que cambiar CSS.

Los clubes que actualmente más recomendamos para plantillas profesionales Joomla son http://www.gavick.com y http://www.joomlart.com

En todo caso, si prefieres cambiar CSS te recomendamos que aprendas a usar Firebug con el que podrás aprender a modificar CSS, aquí tienes un vídeo de ejemplo que le ayudará a utilizarlo:

También te recomendamos estos libros gratuitos sobre CSS que te permitirán iniciarte en CSS, tienes el libro de introducción y el avanzado:
http://www.librosweb.es/

El Foro es un servicio gratuito que ofrecemos a los clientes con el que pretendemos ayudar a resolver temas sobre joomla y que así consigamos que se use mejor joomla y sus extensiones, si desviamos la atención a CSS o Programación, suelen ser modificaciones muy concretas que no ayudan al resto de usuarios que leen el foro a sacarle más partido a joomla.

Saludos.

Si pero estos elementos son utiles a todos

AYUDA!!!
solamente necesito convertir esto:

en esto

HOla Lizeth

Te recomiendo utilizar firebug para localizar la clase a modificar

Guiate de la imagen adjunta, también revisa el siguiente artículo:

Saludos.