template joomla  

Hola,

Para pegar la caja arriba del todo tienes que editar el archivo templates/jaw034/css/template.css y eliminar la línea 199 que tiene el siguiente código:

margin-top: 20px !important;

Una vez que hayas hecho el cambio pulsa Control+F5 para refrescar los estilos CSS de tu navegador y comprueba el resultado, mirando además que el cambio no te haya afectado a otras partes de la web.

Para el menú de la parte superior, tendrás que mirar el mismo archivo css de antes, buscando el texto art-menu. El menú se construye con el código de esa parte, y está compuesto por multitud de parámetros.

Es muy importante que antes de realizar cambios en el archivo template.css realices una copia de seguridad de archivo por si algo no funciona y tienes que retornar al estado anterior.

Buenos dias

Lo de el espacio superior solventado no era la linea 199 si no la 399 ahora me falta lo otro

los menús de selección que aparecen arriba es lo que quiero cambiar que me salgan abajo pero no toda la linia por que si muevo la linea la coronilla del perro desaparece

esto es lo que tengo pero tengo muchos parámetros a tocar

.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover

{

text-align:left;

text-decoration:none;

outline:none;

letter-spacing:normal;

word-spacing:normal;

}

.art-menu, .art-menu ul

{

margin: 0;

padding: 0;

border: 0;

list-style-type: none;

display: block;

}

.art-menu li

{

margin: 0;

padding: 0;

border: 0;

display: block;

float: left;

position: relative;

z-index: 5;

background:none;

}

.art-menu li:hover

{

z-index: 10000;

white-space: normal;

}

.art-menu li li

{

float: none;

}

.art-menu ul

{

visibility: hidden;

position: absolute;

z-index: 10;

left: 0;

top: 0;

background:none;

}

.art-menu li:hover>ul

{

visibility: visible;

top: 100%;

}

.art-menu li li:hover>ul

{

top: 0;

left: 100%;

}

.art-menu:after, .art-menu ul:after

{

content: ".";

height: 0;

display: block;

visibility: hidden;

overflow: hidden;

clear: both;

}

.art-menu, .art-menu ul

{

min-height: 0;

}

.art-menu ul

{

background-image: url(../images/spacer.gif);

padding: 10px 30px 30px 30px;

margin: -10px 0 0 -30px;

}

.art-menu ul ul

{

padding: 30px 30px 30px 10px;

margin: -30px 0 0 -10px;

}

div.art-nav-center

{

position:relative;

float:right;

right:50%;

}

ul.art-menu

{

position:relative;

float:left;

left:50%;

}

/* menu structure */

.art-menu

{

padding: 0px 5px 0px 5px;

Muchas gracias

Hola granmascota.com,

El problema inicial, como bien tu mismo comentas es que la parte superior que pinta el header incluye el fondo del propio menú y la "coronilla" del perro, y que a su vez se sitúa en la posición "user-3", tal como se aprecia en la siguiente imagen:

El problema añadido es que en la parte inferior de esa cabecera no existe ninguna posición por lo que situar el menú que ahora se muestra en "user-3" ahí abajo, sin existir posición es complejo, pudiendose hacer modificando valores en los estilos, pero claro, colateralmente podemos provocar que en otros navegadores que no sean por ejemplo Firefox se visualice desplazado o fuera de lugar.

Además está el problema adicional de que una vez creada la nueva posición y movido el menú a la misma, en la parte superior no se mostrará el menú (ítems) pero si la barra horizontal vacía tal como se muestra en la captura.

Y que se ve afectado por el estilo CSS del archivo /templates/jaw034/css/template.css

ul.art-menu {
float:left;
left:50%;
position:relative;
top:210px;
}

Esto tiene también el inconveniente de tener que diseñar una barra similar a la de arriba para que tu menú vuelva a tener un fondo.

He revisado la plantilla "jaw034" y veo que es muy básica en cuanto a estilos y funcionalidades lo cual supongo limitará en mayor o menor medida su manipulación para adaptarla a nuevas necesidades.

Saludos

Muchas gracias

Buenos dias

ya me he pasado a algo mas sencillo a la ja purity 2 que viene por defecto y modificar esta.
veo que en la configuración pone que los colores , se pueden elegir pero no se como.

¿os suena un manual para editar esta plantilla como se cambian cosas por html?

Muchas gracias

Hola granmascota

En la dirección aún se visualiza tu template anterior http://granmascota.com/

La edición de una plantilla a veces puede ser un trabajo de no sólo configuración sino más bien de editar archivo CSS

No tenemos un tutorial que muestra modificaciones en Ja Purity, pero puedes revisar por ejemplo el siguiente artículo en el cual se explica las modificaciones a ja zeolite

Un template Joomla no utiliza archivos html, sino más bien archivos .php , el html se genera dinámicamente.

Saludos.

Buenos dias

No claro no he cambiado el template esta seria la previsualizacion

bien quiero cambiar el color de de la barra ( en las opciones del template lo pone pero no se como hacerlo, no queda muy claro), el fondo en el que no hay nada lo quiero poner de otro color que ahora es blanco. el header y el logo ya lo se cambiar (bueno el header de los laterales que sale negro no lo se cambiar )

aqui os dejo las opciones que da el template incluso, me parece que puedes cambiar el tipo de botones, colores etc.

Muchas gracias

Hola granmascota.com,

Los colores que muestras en tu captura, sobre la plantilla JA Purity II, no se refieren al cambio global de color de la plantilla, sino a la aplicación de colores a módulos determinados a través del "Sufijo Clase Módulo" de tal forma que si determinado módulo quieres que muestre el fondo en otro color, con las tipografías en blanco o como esté preestablecidas en dicho estilo debes utilizar el identificador para el "Sufijo correspondiente "_green", "_blue", "_red" o "_black" por ejemplo.

Tal como muestro en la siguiente captura lo aplicas en el módulo que te interese, en el "Sufijo Clase Módulo".

Con el siguiente resultado:

Saludos

Buenas noches

o sea puedo cambiar los colores de los módulos, que tengo en la pagina , vale pues como se cambia lo que decía yo antes, a lo de cambiar el logo de joomla no me sale tampoco he cambiado los 2 logo.gif y me sigue sin salir

muchas gracias

Hola granmascota.com,

¿Puedes, por favor, hacer un esfuerzo en explicarte mejor para poder entenderte y así darte información correcta y concreta?. 🙂

Por ejemplo:

- Necesito cambiar el logo de tal lugar que esta en tamaño tal y podéis ver en la url tal para que se muestre de tal forma y a tal tamaño en la posición tal de mi plantilla.

De esta forma nuestra ayuda sera más eficaz. 😉

Saludos y ánimo

Buenos dias

Si a veces es dificil de explicar

1ª quiero cambiar el logo de Joomla superior que tiene el texto (because open source maters)
para poner el mio

2ª el menu superior horizontal que aparece home , Blog G.M., etc. quiero poder cambiarlo de color

3ª el header donde aparece una especie de trigo, quiero cambiarlo y quitar los selectores de tamaño de texto

4ª en la zona que no hay nada que ahora es blanco quiero cambiarlo a un color que ahora por ejemplo en mi pagina esta de color marrón difuminado http://granmascota.com/
o sea la parte que no se rellena por si el cliente tiene una configuracion de pantalla de 640 X 480

5ª Y en la parte mas superior esta una linea muy ancha horizontal negra por la derecha y izquierda de los menus, etc. eso lo quiero fusionar con lo del apartado 4

muchas gracias

Hola granmascota.com

Deberías tener tu una copia de tu sitio con las modificaciones ya que ahora mismo vemos que http://granmascota.com/ no muestra el template cambiado

El logo se debería cambiar desde la configuración de la plantilla, revisa si tienes esta opción, en caso no tenerla será necesario cambiarlo manualmente.

La plantilla no es muy flexible en el cambio de color de los elementos superiores, son imágenes q juegan con el degradado por lo que esto no se podrá realizar de manera simple con un sufijo.

Tal como te comento para ayudarte necesitamos ver los cambios que estas haciendo on line y actualmente vemos en tu sitio web otro template aplicado.

Saludos.

Buenos dias

No he cambiado la plantilla hasta que no este modificada

A ver lo que quiero hacer es modificar de la misma manera que tenéis la plantilla de https://www.webempresa.com/

lo de los degradados no lo se si se podrá hacer del mismo modo que se modifica el header (retocando el header.jpg)

Para cada punto decirme como se modifica si es en una posicion html de un fichero o en una imagen
decirme como se hace cada punto y ya lo modificare.

muchas gracias

Buenos dias

O si os suena una plantilla mas configurable con lo que quiero
también me vale

Muchas gracias

Hola granmascota.com,

1ª quiero cambiar el logo de Joomla superior que tiene el texto (because open source maters) para poner el mio

El logo lo modificas subiendo un archivo en el formato .png transparente (preferible) a la ruta /templates/ja_purity_ii/images/logo.png

Si vas a colocar una imagen de tamaño mayor al espcio asignado deberás realizar las modificaciones oportunas en el archivo de la hoja de estilos templates/ja_purity_ii/css/template.css

h1.logo a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/logo.png) no-repeat scroll left center;
display:block;
height:50px;
margin-top:15px;
width:207px;
}

Deberás ajustar los valores height y width a las necesidades del nuevo logo.

2ª el menu superior horizontal que aparece home , Blog G.M., etc. quiero poder cambiarlo de color

Las posiciones "user1" etc., no admiten usar Sufijos que cambien el color por lo que deberás editar el código de la hoja de estilos y cambiar lo siguiente:

#ja-topsl {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#444444 none repeat scroll 0 0;
border-bottom:1px solid #666666;
border-top:1px solid #666666;
color:#CCCCCC;
}

Donde debes cambiar el color de background:#444444 por el valor hexadecimal que desees.

3ª el header donde aparece una especie de trigo, quiero cambiarlo y quitar los selectores de tamaño de texto

Puedes quitar los selectores de fuente AAA editando el archivo: /templates/ja_purity/ja_templatetools.php

Localiza y borra las siguientes líneas:

	      
<img style="cursor: pointer;" title="" src="templateurl();?>/images/user-increase." alt=""  id="ja-tool-increase" onclick="switchFontSize('template."_".JA_TOOL_FONT;?>','inc'); return false;"  />
		  
<img style="cursor: pointer;" title="" src="templateurl();?>/images/user-reset." alt=""  id="ja-tool-reset" onclick="switchFontSize('template."_".JA_TOOL_FONT;?>',_tpl->params->get(JA_TOOL_FONT);?>); return false;"  />
		  
<img style="cursor: pointer;" title="" src="templateurl();?>/images/user-decrease." alt=""  id="ja-tool-decrease" onclick="switchFontSize('template."_".JA_TOOL_FONT;?>','dec'); return false;"  />
		

Realiza una copia de seguridad con Akeeba Backup antes de hacer cambios en el mencionado archivo, por si te surgen problemas, que no deben.

4ª en la zona que no hay nada que ahora es blanco quiero cambiarlo a un color que ahora por ejemplo en mi pagina esta de color marrón difuminado granmascota.com/ o sea la parte que no se rellena por si el cliente tiene una configuracion de pantalla de 640 X 480

Especifica mejor que zona es por favor.

5ª Y en la parte mas superior esta una linea muy ancha horizontal negra por la derecha y izquierda de los menus, etc. eso lo quiero fusionar con lo del apartado 4

Esta parte se agradecería que la explicases mejor.

Saludos