Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Como cambia de colores el theme
#1
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 :
Código:
template_menu();
Agregamos abajo:
Código:
        <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:
Código:
<head>';
de bajo agregamos:
Código:
// 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:
Código:
    /* 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:
Código:
/* Theme changer */
$settings['theme_variants'] = array('rosa', 'azul', 'verde');
}
Por ultimo en tu css al ultimo pones:
Código:
#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

[size=18pt]Para agregar mas colores hacer esto:[/size]
Mira buscas este codigo:
Código:
/* Theme changer */
$settings['theme_variants'] = array('rosa', 'azul', 'verde');
}
y de pendiendo del color que sea le pones esto:
Código:
'tu color',
ejemplo le agregamos el color naranja :
Código:
'naranja',
lo agregamos y nos tendria que quedar asi:
Código:
/* Theme changer */
$settings['theme_variants'] = array('rosa', 'azul', 'verde' 'naranja');
}

y para dar la opcion buscamos esto:
Código:
        <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>';
y si queremos agregar sigamos con el color naranja agregas esto:
Código:
            if ($context['theme_variant'] != "_naranja")
            echo '<a style="height:5px;width:10px;background-color:#TUCOLOR;border:1px solid #000;display:inline;float:left;margin-right: 2px;" href="?variant=naranja"></a>';

y listo ahora explico:
donde dice:
Código:
_naranja
lo remplazaras por
Código:
_tucolor
y donde dice
Código:
#TUCOLOR
lo remplazas por el codigo de tu color ejemplo: #000000

Nota de diegorixo:
Les recuerdo que en los css para cada css, por ejemplo "index_naranja.css"

Debemos buscar TODOS los:

url(../images/theme/main_block.png)

Y los reemplazamos por:

url(../images/_naranja/theme/backdrop.png)

Y lo mismo con el menu_gfx y demás imágenes que tengamos cambiadas en la carpeta theme.

Claro que no debe ser _naranja, es solo un ejemplo


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  GamerZ Theme SMF 2.0.4 Agente007 10 1.406 11-02-2014, 06:58 PM
Último mensaje: Aeoris
  [Pedido] El mejor theme de SMF Juliens 10 3.913 10-10-2013, 02:16 AM
Último mensaje: kodycia
  Losox Theme losox 3 1.654 06-03-2013, 05:40 AM
Último mensaje: romero
  Theme RedHead azecktR12 2 957 24-08-2012, 11:31 AM
Último mensaje: papi
  SMF Theme Creator Gratis y en Línea Taquion 14 2.039 21-01-2012, 05:16 AM
Último mensaje: AHRLabs



Usuarios navegando en este tema: 1 invitado(s)