Avisos
Vaciar todo

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

Página 2 / 3
 
Lizeth
 Lizeth
Usuario eminente

Necesito ayuda urgente, no puedo editar la plantilla de teline-iv. No tiene la opcion para css ni me deja cambiar el color, intenté cambiando a ingles pero no funciona.

Ayu

URL del sitio: www.eltunari.com

Citar
Respondido : 31/07/2012 6:40 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

ResponderCitar
Respondido : 02/08/2012 7:10 pm

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

Lizeth
 Lizeth
Usuario eminente

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

y el fondo un color más suave

ResponderCitar
Respondido : 02/08/2012 8:54 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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:

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

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
https://www.webempresa.com/blog/administrador-de-archivos-de-cpanel.html

Saludos.

ResponderCitar
Respondido : 02/08/2012 11:45 pm

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

Lizeth
 Lizeth
Usuario eminente

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

ResponderCitar
Respondido : 03/08/2012 4:41 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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.

ResponderCitar
Respondido : 03/08/2012 4:49 am

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

Lizeth
 Lizeth
Usuario eminente

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

ResponderCitar
Respondido : 04/08/2012 4:36 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola Lizeth,

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

Saludos.

ResponderCitar
Respondido : 04/08/2012 4:54 am

Cursos Gratuitos WordPress

Lizeth
 Lizeth
Usuario eminente

🙁
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;
}

ResponderCitar
Respondido : 06/08/2012 3:49 am
Jordi Sala
 Jordi Sala
Miembro Admin

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

ResponderCitar
Respondido : 06/08/2012 9:05 am

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

Lizeth
 Lizeth
Usuario eminente

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

ResponderCitar
Respondido : 07/08/2012 3:27 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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.

ResponderCitar
Respondido : 07/08/2012 3:37 am

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

Lizeth
 Lizeth
Usuario eminente

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

ResponderCitar
Respondido : 07/08/2012 4:12 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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:

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

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.

ResponderCitar
Respondido : 07/08/2012 4:24 am

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

Lizeth
 Lizeth
Usuario eminente

Si pero estos elementos son utiles a todos

AYUDA!!!
solamente necesito convertir esto:

en esto

ResponderCitar
Respondido : 07/08/2012 6:39 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

HOla Lizeth

Te recomiendo utilizar firebug para localizar la clase a modificar

Guiate de la imagen adjunta, también revisa el siguiente artículo:
https://www.webempresa.com/blog/usando-firebug-para-modificar-la-apariencia-de-una-plantilla-joomla.html

Saludos.

ResponderCitar
Respondido : 07/08/2012 8:51 pm

Cursos Gratuitos WordPress

Página 2 / 3