Power Pixel - Conteúdos e suporte a sua volta.
Redes Sociais:
FÓRUM ESTARÁ PASSANDO POR MUDANÇAS. SÁBADO, 01 JUL ESTAREMOS DE VOLTA 100%

Você não está conectado. Conecte-se ou registre-se

[Tutorial] Fundo Aletório

Mensagem - Página 1 de 1

1 [Tutorial] Fundo Aletório em Sab 19 Jul 2014 - 21:26

Membro Diamante

avatar
Olá, hoje trarei um tutorial de como colocar um fundo aleatório em sua CMS, ou seja, cada vez que o player entrar na página aparecerá um fundo aleatório, veja como fazer isto no tutorial abaixo:

 Abra o seu arquivo "header.php" e entre o <head> e </head> adicione o código:

Código:

<!-- fundo alternado -->
<script language=
"JavaScript"
>
var
 
randnum = Math.random();
var
 
inum = 4;
// o numero acima refere-se ao numero de imagens para alternar
var
 
rand1 = Math.round(randnum * (inum-1)) + 1;
images = 
new
 
Array
images[1] = 
"imagens/fundo1.jpg"
images[2] = 
"imagens/fundo2.jpg"
images[3] = 
"imagens/fundo3.jpg"
images[4] = 
"imagens/fundo4.jpg"
// coloque acima o caminho para cada uma das imagens
var
 
image = images[rand1]
</script>

e adicione este outro código entre <body> e </body>

Código:

<script language=
"JavaScript"
>
document.write(
'<body background="'
 
+ image + 
'" text="white">'
)
</script>

Espero ter ajudado :D
Gostou? Não custa dar +1 :vara:


Até.

2 Re: [Tutorial] Fundo Aletório em Sab 19 Jul 2014 - 21:33

Membro Platina

avatar
Olá,


Tutorial muito bom!
Acho que poucos Usuários sabiam disso, só aqueles que fica fuçando.
Obrigado por compartilhar, um dia usarei Wink 
Irá ajudar os Usuários bastante!

Atenciosamente.

3 Re: [Tutorial] Fundo Aletório em Sab 19 Jul 2014 - 21:44

Membro Elite

avatar
Olá

Tem códigos melhores para fazer essa função !
Mas de toda forma obrigado por postar e compartilhar conosco.

Atenciosamente
Example

4 Re: [Tutorial] Fundo Aletório em Sab 19 Jul 2014 - 21:51

Membro Platina

avatar
Olá Convidado,
obrigado por compartilhar, talvez eu use.
Até.

5 Re: [Tutorial] Fundo Aletório em Dom 20 Jul 2014 - 12:13

Membro Bronze

avatar
Muito bom o tutorial, não sabia disso. Obrigado por compartilhar conosco

Mensagem - Página 1 de 1

Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum