Topic: Como cambia de colores el theme

June 21, 2011 - 12:30 12:30

Bueno esta idea la vi en stickplays web de diegorixo y muchos me estuvieron preguntando como era a si que aca se los dejo.
TODO LO MODIFICADO ES EN EL INDEX.TEMPLATE.PHP
Buscamos :

Code: [Select]

template_menu();Agregamos abajo:

Code: [Select]

		 <div id="colores">';
		 
			if ($context['theme_variant'] != "_rosa")
			echo '<a style="height:5px;width:10px;background-color:#F380FC;border:1px solid #000;display:inline;float:left;margin-right: 2px;" href="?variant=rosa"></a>';
			if ($context['theme_variant'] != "_azul")
			echo '<a style="height:5px;width:10px;background-color:#3E9BF7;border:1px solid #000;display:inline;float:left;margin-right: 2px;" href="?variant=azul"></a>';
			if ($context['theme_variant'] != "_verde")
			echo '<a style="height:5px;width:10px;background-color:#93FB32;border:1px solid #000;display:inline;float:left;margin-right: 2px;" href="?variant=verde"></a>';  
            
    echo '
      </div>';

Despues buscamos:

Code: [Select]

<head>';de bajo agregamos:

Code: [Select]

// The ?fin20 part of this link is just here to make sure browsers don't cache it wrongly.
    echo '
    <link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/index', $context['theme_variant'], '.css?fin20" />';

// Some browsers need an extra stylesheet due to bugs/compatibility issues.
foreach (array('ie7', 'ie6', 'webkit') as $cssfix)
if ($context['browser']['is_' . $cssfix])
echo '
<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/css/', $cssfix, '.css" />';

Luego buscamos:

Code: [Select]

	/* Set the following variable to true if this theme requires the optional theme strings file to be loaded. */
	$settings['require_theme_strings'] = false;
}

de bajo agregamos:

Code: [Select]

  /* Theme changer */
$settings['theme_variants'] = array('rosa', 'azul', 'verde');
}

Por ultimo en tu css al ultimo pones:

Code: [Select]

#colores {
float:right;
margin: 5px 10px 0 0;
text-align: center;
}

Recuerden subir sus css a la carpeta css de su theme poniéndola de la siguiente forma:
index_tuthemecolor.css cambian tuthemecolor por el color de su theme si quieren agregar mas colores solo me dicen y les paso el code para que lo agreguen. Dudas,correcciones comentadas

**Reply #1** June 21, 2011 - 12:34 12:34

Muy bueno .. podrias poner una imagen o un demo

**Reply #2** June 21, 2011 - 12:36 12:36

Lo segundo no es necesario, yo lo hice sin eso xD

Pon tu inspiración para haber echo el tutorial, o sea www.stickplays.net/foro

xD

**Reply #3** June 21, 2011 - 01:16 13:16

Quote from: Diegorixo on June 21, 2011 - 12:36 12:36

Lo segundo no es necesario, yo lo hice sin eso xD

Pon tu inspiración para haber echo el tutorial, o sea www.stickplays.net/foro xD

Excelente creación Diego, pero sería mejor con un poco de Ajax cosa que no resfresque toda la página web y cambie de URL. Si no con Ajax solamente carge la página y esconda lo de variant=color.

Saludos.

**Reply #4** June 21, 2011 - 01:24 13:24

Este lo ise xD mira stickplays web de diegorixo se lo puse i me inspiraron los usuarios que lo querían al ver tu web xD

**Reply #5** June 21, 2011 - 01:58 13:58

Bueno ya vi el Demo me gusta lo pondre en mi Proximo Theme

**Reply #6** June 21, 2011 - 02:08 14:08

Quote from: JTX3 on June 21, 2011 - 01:16 13:16

Quote from: Diegorixo on June 21, 2011 - 12:36 12:36
Lo segundo no es necesario, yo lo hice sin eso xD

Pon tu inspiración para haber echo el tutorial, o sea www.stickplays.net/foro xD
Excelente creación Diego, pero sería mejor con un poco de Ajax cosa que no resfresque toda la página web y cambie de URL. Si no con Ajax solamente carge la página y esconda lo de variant=color.

Saludos.

Pues si me dices de que forma podría lograrlo, puedo intentarlo xD

**Reply #7** June 21, 2011 - 03:23 15:23

Excelente tuto. Gracias por compartirlo

**Reply #8** June 21, 2011 - 03:39 15:39

Bueno lo estube poniendo y me salio errores con "<"

**Reply #9** June 21, 2011 - 03:42 15:42

Quote from: Shunsito on June 21, 2011 - 03:39 15:39

Bueno lo estube poniendo y me salio errores con "<"

Manda panta para ver

**Reply #10** June 21, 2011 - 03:59 15:59

**Reply #11** June 21, 2011 - 04:12 16:12

Quote from: Shunsito on June 21, 2011 - 03:59 15:59

isiste lo que te dije?

**Reply #12** June 21, 2011 - 04:15 16:15

Si todo

**Reply #13** June 21, 2011 - 04:20 16:20

Quote from: Shunsito on June 21, 2011 - 04:15 16:15

Si todo

adjuntame tu index.template.php

**Reply #14** June 21, 2011 - 04:38 16:38

Aqui esta

Como cambia de colores el theme