Qual Eh O Codigo Pra Pessoa Escolher O Layout Da

#1 DarknessGirl

Novato no fórum

Usuários
4 posts

Sexo:Não informado

Posted 19/12/2003, 12:41

tpw tem alguns sites q oferecem essa opção de esclher o layout da pág, qual eh o codigo disso [entrem aki pra um ex.]

Blog Just a DarknessGirl >> Visitem ^.~x

Fórum CdC >> Visitem ^.~x
(Eu ser mod de lá ^^)

^^x

#2 RoCcO

Turista

Banidos
59 posts

Sexo:Não informado

Posted 19/12/2003, 13:40

No caso dessa página isso eh um simples javascript que mudou o fundo da página, dah uma olhada:

<a href="#" onclick="document.bgColor='black'">Clique aqui para deixar o fundo preto</a><br>
<a href="#" onclick="document.bgColor='red'">Clique aqui para deixar o fundo vermelho</a>

<?php

$nome = RoCcO
$experiência em Web = PhP, ASP, JavaScript, VBScript.
$experiência em programação = C, Delphi e Visual Basic.
$site = www.roccomail.tk
$email/msn = hacker@terra.com.br
$icq = 264765927

?>

#3 Without a Nick

Sem culpa no cartório

Usuários
2378 posts

Sexo:Não informado
Localidade:Guarulhos

Posted 19/12/2003, 13:42

Isso é Javascript, mas o que ela se referiu foi aos layouts (caderno, médico, tal). Para isso, o webmaster criou outra página.

#4 RoCcO

Turista

Banidos
59 posts

Sexo:Não informado

Posted 19/12/2003, 13:44

Na pagina que ela linkou no seu post soh mudava o fundo, que pode ser feito com o código que eu dei.

#5 Without a Nick

Sem culpa no cartório

Usuários
2378 posts

Sexo:Não informado
Localidade:Guarulhos

Posted 19/12/2003, 13:52

Olha mais para baixo. Você vai ver em baixo do iframe o tópico LAYOUTS. Clica sobre um deles.

#6 Towd

Visitantes

Posted 20/12/2003, 12:44

bom no caso do fundo do site
(descobri fuçando o codigo fonte daquele site lá)

eles fazem assim
<a href="#" onClick="document.bgColor= '#000000';">Preto</a>
(é claro q deve-se troca as cores né)

bom quanto aos layout deve ser alguma linguagem dinamica como asp, php ou outra sei lá chamado por uma função de java script, por que ue vasculhei o codigo fonte todo e só achei a função do java script mas naum achei o script. valeus.

#7 Chinello Cybernético

Simplesmente "Chinello"

Usuários
1892 posts

Sexo:Masculino
Localidade:Canoas - RS

Posted 20/12/2003, 19:39

bom quanto aos layout deve ser alguma linguagem dinamica como asp, php ou outra sei lá chamado por uma função de java script, por que ue vasculhei o codigo fonte todo e só achei a função do java script mas naum achei o script. valeus.

Lendo o tópico q está pendurado aqui na seção vc chega a conclusão d q não é nenhum linguagem dinâmica.. Porque a troca de lay é feita na hora, sem alguma requisição ao servidor..

A mundança de layout é um esquema bem simples, porém mto bem pensado..

É só uma mudança de folha de estilos, uma mudança de CSS..

Ou seja, vc faz a sua página toda baseada em CSS, num documento vc diz tudo, a fonte, a cor do fundo das tabelas, como vai ser o fundo da page, tudinho.. Aí vc faz vários desses, um diferente do outro, aí vc chama todos os arquivos, dessa forma:

Coloque isso entre <head> e </head>:

<link rel="stylesheet" type="text/css" href="estilo1.css" title="estilo1">
<link rel="stylesheet" type="text/css" href="estilo2.css" title="estilo2">
<link rel="stylesheet" type="text/css" href="estilo3.css" title="estilo3">
<link rel="stylesheet" type="text/css" href="estilo4.css" title="estilo4">

Pronto, agora vamos criar uma função para trocar de estilo, tb entre <head> e </head> (ps, é a mesma função usada no site):

<script>
function MudaEstilo( nome ) {
var i, a, main;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
a.disabled = true;
if(a.getAttribute("title") == nome) a.disabled = false;
}
}
}
</script>

Tá, com essa função na page, é só fazer os links para mudar o estilo, dessa forma:

<a href="java script: MudaEstilo('estilo2');">Estilo2</a> 
<a href="java script: MudaEstilo('estilo3');">Estilo3</a> 
<a href="java script: MudaEstilo('estilo4');">Estilo4</a>

E tá feito a nossa mudança de layout..

Fui..