Estilização dinâmica com PHP

Vamos aprender como fazer para oferecer aos seus visitantes ferramenta para que eles possam escolher qual a aparência preferida do seu site.

Por | @cristianogomes Programação
Vamos aprender como fazer para oferecer aos seus visitantes ferramenta para que eles possam escolher qual a aparência preferia do seu site.
É algo simples que utiliza os contraditórios cookies. Vamos lá!
Primeiro criamos um arquivo PHP que eu batizei de index.
Dentro do index.php iremos colocar o seguinte código com os devidos comentários:


//Força a recarregamento do site toda vez que o navegador entrar na página
header("http-equiv='Cache-Control' content='no-store, no-cache, must-revalidate'");

//verifica se existe a variável URL estilo
if($_GET['estilo" target="_blank"> != "")
{
    //caso exista
    $estiloUrl = $_GET['estilo" target="_blank">; // seta a variavel com o conteudo do $_GET
    setcookie('estilo', "", time()-3600); //Desativa possível cookie existe no computador do usuário
    setcookie('estilo', $estiloUrl, time()+60*60*24*30*12); // cria um novo cookie com expiração para daqui a um ano
    $estilo = $estiloUrl; // define a variável estilo para carregar o estilo que foi clicado pelo usuário
}
else
{
    // Se a variável $_GET estiver vazia, então procuramos por um cookie no computador
    if($_COOKIE['estilo" target="_blank"> != "")
    {
        $estilo = $_COOKIE['estilo" target="_blank">; // se existir o cookie nós capituramos ele e setamos a variável $estilo
    }
}
if($estilo == "") // Despois de tudo, se a variável $estilo ainda estiver vazia, sistema carregará estilo padrão que é 0
{
    $estilo = 0;
}
?>


Nossa página index.php ficou assim:

header("http-equiv='Cache-Control' content='no-store, no-cache, must-revalidate'");
if($_GET['estilo" target="_blank"> != "")
{
    $estiloUrl = $_GET['estilo" target="_blank">;
    setcookie('estilo', "", time()-3600);
    setcookie('estilo', $estiloUrl, time()+60*60*24*30*12);
    $estilo = $estiloUrl;
}
else
{
    if($_COOKIE['estilo" target="_blank"> != "")
    {
        $estilo = $_COOKIE['estilo" target="_blank">;
    }
}
if($estilo == "")
{
    $estilo = 0;
}
?>




troca de estilo





Agora entre as tags e colocaremos o seguinte código:


print("");
?>


O código acima, verifica a variável $estilo e carregue o arquivo de folha de estilo (.css) adequado. Se estilo for 1, então carregará o arquivo estilo1.css e assim por diante.
No corpo da página, entre as tags e colocaremos os links:

Estilo 1 | Estilo 2 | Estilo 3 | Estilo 0


Nosso código ficou assim:

header("http-equiv='Cache-Control' content='no-store, no-cache, must-revalidate'");
if($_GET['estilo" target="_blank"> != "")
{
    $estiloUrl = $_GET['estilo" target="_blank">;
    setcookie('estilo', "", time()-3600);
    setcookie('estilo', $estiloUrl, time()+60*60*24*30*12);
    $estilo = $estiloUrl;
}
else
{
    if($_COOKIE['estilo" target="_blank"> != "")
    {
        $estilo = $_COOKIE['estilo" target="_blank">;
    }
}
if($estilo == "")
{
    $estilo = 0;
}
?>





troca de estilo
print("");
?>



Estilo 1 | Estilo 2 | Estilo 3 | Estilo 0



Agora é só criar os arquivos de estilo com os devidos nomes na mesma pasta onde está o arquivo index.php
lembrando que caso não exista nenhum cookie e o usuário não tiver clicado em nenhum link, então será carregado o arquivo estilo.css indeciado pela variavel $estilo com valor 0;

Segue arquivo de exemplo

Mais sobre: php, estilização de sites, programação
Share Tweet
DESTAQUESRecomendadoMais compartilhados
Comentários
AINDA NÃO SE INSCREVEU?

Vem ver os vídeos legais que
estamos produzindo no Youtube.