random de background

Wesley Developer · Janeiro 5, 2009

bom galera minha duvida é a seguinte, gostaria de saber como posso fazer um random com backgrounds?

sei fazer com php e javascript porem com imagens normais nunca com background'

estou utilizando tableless no site e gostaria de saber como fazer esse rand no background com o css !

valeu galera grato ! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

espiculo · Janeiro 5, 2009

bg com css ??? ta loko ... css so da com um cor de fundo ou com borda hehehe degrade vai fica muito feio com css ... no IE nao funfa ainda .....varios n avegador ..

se voce ja sabe fazer em php pq que fazer em css ???

o meu e em php e randomico .. cada pagina muda o fundo .. iqual do firefox ..

http://pt-br.www.mozilla.com/pt-BR/firefox/central/

eles puxa o topo da imagem coloca um margi-top no css ..e fundo da cor azul ... e isso que voce quer ????

Paulo de Tarso F. M. · Janeiro 5, 2009

Você pode fazer de duas maneiras: utilizar um estilo dentro da própria página, mais ou menos assim:

<?php

	echo "<style type=\"text/css\">\n";
	echo "body { background:url(imagem.jpg) center repeat-x; }\n";
	echo "</style>\n";

?>

Aí, no caso da imagem, você pode criar um array das imagens que deseja e utilizar uma função qualquer para pegar um valor aleatório deste array.

Ou poderia fazer o seguinte (na minha opinião mais indicado): na página você gera um nome de class atribuído ao <body> (ou ao elemento que deseja aplicar a imagem) e no seu CSS você cria as classes possíveis, assim:

CSS

body.img1 { background-image:url(imagem1.jpg); }
body.img2 { background-image:url(imagem2.jpg); }
body.img3 { background-image:url(imagem3.jpg); }
body.img4 { background-image:url(imagem4.jpg); }
body.img5 { background-image:url(imagem5.jpg); }

E na página:

<?php

	echo "<body class=\"";

	$array = array("img1", "img2", "img3", "img4", "img5");
	$class = array_rand($array);
	echo $array[$class] . "\">\n";

?>

Captou a idéia?

Wesley Developer · Janeiro 5, 2009

bg com css ??? ta loko ... css so da com um cor de fundo ou com borda hehehe degrade vai fica muito feio com css ... no IE nao funfa ainda .....varios n avegador ..

se voce ja sabe fazer em php pq que fazer em css ???

o meu e em php e randomico .. cada pagina muda o fundo .. iqual do firefox ..

http://pt-br.www.mozilla.com/pt-BR/firefox/central/

eles puxa o topo da imagem coloca um margi-top no css ..e fundo da cor azul ... e isso que voce quer ????

<_<

posso até ter me interpretado errado, mas qualquer mais burro sabe que não da pra fazer rand com css --'

o que eu quero é como concatenar o js ou php com o css tipo isso :

function rotativo(){

var imagens = new Array()

imagens[0]="images/header_bg.gif"

imagens[1]="images/header_bg2.gif"

imagens[2]="images/header_bg.gif"

var rodando = Math.floor(Math.random()*imagens.length);

document.write('<div><img src="'+imagens[rodando]+'" border=0></div>');

}

rotativo();

</script>

isso que fiz aee imprime a imagem dentro da div certo ?

porem o que eu quero é concatenar um rand com o stilo css que estou usando!

que no caso ta assim:

#direita{

background:url(images/header_bg.gif) no-repeat top left #FFFFFF;

color:#000000; width:468px; padding:422px 20px 0 0;

float:left;

}

intendeu aee?

Wesley Developer · Janeiro 5, 2009

Você pode fazer de duas maneiras: utilizar um estilo dentro da própria página, mais ou menos assim:
<?php

	echo "<style type=\"text/css\">\n";
	echo "body { background:url(imagem.jpg) center repeat-x; }\n";
	echo "</style>\n";

?>
Aí, no caso da imagem, você pode criar um array das imagens que deseja e utilizar uma função qualquer para pegar um valor aleatório deste array.

Ou poderia fazer o seguinte (na minha opinião mais indicado): na página você gera um nome de class atribuído ao <body> (ou ao elemento que deseja aplicar a imagem) e no seu CSS você cria as classes possíveis, assim:

CSS
body.img1 { background-image:url(imagem1.jpg); }
body.img2 { background-image:url(imagem2.jpg); }
body.img3 { background-image:url(imagem3.jpg); }
body.img4 { background-image:url(imagem4.jpg); }
body.img5 { background-image:url(imagem5.jpg); }
E na página:
<?php

	echo "<body class=\"";

	$array = array("img1", "img2", "img3", "img4", "img5");
	$class = array_rand($array);
	echo $array[$class] . "\">\n";

?>
Captou a idéia?

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

aee inteligente pra caramba !! (:

porem dessa forma não me ajuda :/

no meu caso tenho que configurar posicionamentos e em qual div colocar esse bg !

Bruno_Ferreira · Janeiro 5, 2009

Você pode fazer de duas maneiras: utilizar um estilo dentro da própria página, mais ou menos assim:
<?php

	echo "<style type=\"text/css\">\n";
	echo "body { background:url(imagem.jpg) center repeat-x; }\n";
	echo "</style>\n";

?>
Aí, no caso da imagem, você pode criar um array das imagens que deseja e utilizar uma função qualquer para pegar um valor aleatório deste array.

Ou poderia fazer o seguinte (na minha opinião mais indicado): na página você gera um nome de class atribuído ao <body> (ou ao elemento que deseja aplicar a imagem) e no seu CSS você cria as classes possíveis, assim:

CSS
body.img1 { background-image:url(imagem1.jpg); }
body.img2 { background-image:url(imagem2.jpg); }
body.img3 { background-image:url(imagem3.jpg); }
body.img4 { background-image:url(imagem4.jpg); }
body.img5 { background-image:url(imagem5.jpg); }
E na página:
<?php

	echo "<body class=\"";

	$array = array("img1", "img2", "img3", "img4", "img5");
	$class = array_rand($array);
	echo $array[$class] . "\">\n";

?>
Captou a idéia?

creio que seja mais fácil o seguinte, crie as classes do body conforme acima, depois coloque pra imprimir mais ou menos o seguinte:

<body class="{$array[array_rand($array)]}">

só que você vai ter que carregar o array antes.

Wesley Developer · Janeiro 5, 2009

Você pode fazer de duas maneiras: utilizar um estilo dentro da própria página, mais ou menos assim:
<?php

	echo "<style type=\"text/css\">\n";
	echo "body { background:url(imagem.jpg) center repeat-x; }\n";
	echo "</style>\n";

?>
Aí, no caso da imagem, você pode criar um array das imagens que deseja e utilizar uma função qualquer para pegar um valor aleatório deste array.

Ou poderia fazer o seguinte (na minha opinião mais indicado): na página você gera um nome de class atribuído ao <body> (ou ao elemento que deseja aplicar a imagem) e no seu CSS você cria as classes possíveis, assim:

CSS
body.img1 { background-image:url(imagem1.jpg); }
body.img2 { background-image:url(imagem2.jpg); }
body.img3 { background-image:url(imagem3.jpg); }
body.img4 { background-image:url(imagem4.jpg); }
body.img5 { background-image:url(imagem5.jpg); }
E na página:
<?php

	echo "<body class=\"";

	$array = array("img1", "img2", "img3", "img4", "img5");
	$class = array_rand($array);
	echo $array[$class] . "\">\n";

?>
Captou a idéia?
creio que seja mais fácil o seguinte, crie as classes do body conforme acima, depois coloque pra imprimir mais ou menos o seguinte:
<body class="{$array[array_rand($array)]}">
só que você vai ter que carregar o array antes.

http://forum.imasters.com.br/public/style_emoticons/default/pinch.gif

preciso saber de uma forma que consegui imprimir dentro da div !! não no corpo do documento inteiro !!

Bruno_Ferreira · Janeiro 5, 2009

Você pode fazer de duas maneiras: utilizar um estilo dentro da própria página, mais ou menos assim:
<?php

	echo "<style type=\"text/css\">\n";
	echo "body { background:url(imagem.jpg) center repeat-x; }\n";
	echo "</style>\n";

?>
Aí, no caso da imagem, você pode criar um array das imagens que deseja e utilizar uma função qualquer para pegar um valor aleatório deste array.

Ou poderia fazer o seguinte (na minha opinião mais indicado): na página você gera um nome de class atribuído ao <body> (ou ao elemento que deseja aplicar a imagem) e no seu CSS você cria as classes possíveis, assim:

CSS
body.img1 { background-image:url(imagem1.jpg); }
body.img2 { background-image:url(imagem2.jpg); }
body.img3 { background-image:url(imagem3.jpg); }
body.img4 { background-image:url(imagem4.jpg); }
body.img5 { background-image:url(imagem5.jpg); }
E na página:
<?php

	echo "<body class=\"";

	$array = array("img1", "img2", "img3", "img4", "img5");
	$class = array_rand($array);
	echo $array[$class] . "\">\n";

?>
Captou a idéia?
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

aee inteligente pra caramba !! (:

porem dessa forma não me ajuda :/

no meu caso tenho que configurar posicionamentos e em qual div colocar esse bg !

como assim?

você quer mudar o background da pagina inteira (body) ou de uma div? por acaso seria tipo esse site?

www.cifraclub.com.br

note que a cada página que você acessa muda a imagem de fundo do cabeçalho.

Wesley Developer · Janeiro 5, 2009

Você pode fazer de duas maneiras: utilizar um estilo dentro da própria página, mais ou menos assim:
<?php

	echo "<style type=\"text/css\">\n";
	echo "body { background:url(imagem.jpg) center repeat-x; }\n";
	echo "</style>\n";

?>
Aí, no caso da imagem, você pode criar um array das imagens que deseja e utilizar uma função qualquer para pegar um valor aleatório deste array.

Ou poderia fazer o seguinte (na minha opinião mais indicado): na página você gera um nome de class atribuído ao <body> (ou ao elemento que deseja aplicar a imagem) e no seu CSS você cria as classes possíveis, assim:

CSS
body.img1 { background-image:url(imagem1.jpg); }
body.img2 { background-image:url(imagem2.jpg); }
body.img3 { background-image:url(imagem3.jpg); }
body.img4 { background-image:url(imagem4.jpg); }
body.img5 { background-image:url(imagem5.jpg); }
E na página:
<?php

	echo "<body class=\"";

	$array = array("img1", "img2", "img3", "img4", "img5");
	$class = array_rand($array);
	echo $array[$class] . "\">\n";

?>
Captou a idéia?
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

aee inteligente pra caramba !! (:

porem dessa forma não me ajuda :/

no meu caso tenho que configurar posicionamentos e em qual div colocar esse bg !
como assim?

você quer mudar o background da pagina inteira (body) ou de uma div? por acaso seria tipo esse site?

www.cifraclub.com.br

note que a cada página que você acessa muda a imagem de fundo do cabeçalho.

isso aee bouua referencia ! eh um bg numa div em rand !!

isso aee (:

que eu quero se poder me explicar de um geito bom de fazer seria grato !!

se não ja consegui fazer ake !

(:

flou galera grande abraço!

Bruno_Ferreira · Janeiro 5, 2009

Você pode fazer de duas maneiras: utilizar um estilo dentro da própria página, mais ou menos assim:
<?php

	echo "<style type=\"text/css\">\n";
	echo "body { background:url(imagem.jpg) center repeat-x; }\n";
	echo "</style>\n";

?>
Aí, no caso da imagem, você pode criar um array das imagens que deseja e utilizar uma função qualquer para pegar um valor aleatório deste array.

Ou poderia fazer o seguinte (na minha opinião mais indicado): na página você gera um nome de class atribuído ao <body> (ou ao elemento que deseja aplicar a imagem) e no seu CSS você cria as classes possíveis, assim:

CSS
body.img1 { background-image:url(imagem1.jpg); }
body.img2 { background-image:url(imagem2.jpg); }
body.img3 { background-image:url(imagem3.jpg); }
body.img4 { background-image:url(imagem4.jpg); }
body.img5 { background-image:url(imagem5.jpg); }
E na página:
<?php

	echo "<body class=\"";

	$array = array("img1", "img2", "img3", "img4", "img5");
	$class = array_rand($array);
	echo $array[$class] . "\">\n";

?>
Captou a idéia?
creio que seja mais fácil o seguinte, crie as classes do body conforme acima, depois coloque pra imprimir mais ou menos o seguinte:
<body class="{$array[array_rand($array)]}">
só que você vai ter que carregar o array antes.
http://forum.imasters.com.br/public/style_emoticons/default/pinch.gif

preciso saber de uma forma que consegui imprimir dentro da div !! não no corpo do documento inteiro !!

é só você colocar esse atributo class dentro da div na qual você quer mudar o background

<div class="{$array[array_rand($array)]}">

só que aí no estilo você vai ter que mudar a classe

div.img1 { background-image:url(imagem1.jpg); }
div.img2 { background-image:url(imagem2.jpg); }
div.img3 { background-image:url(imagem3.jpg); }
div.img4 { background-image:url(imagem4.jpg); }
div.img5 { background-image:url(imagem5.jpg); }

Wesley Developer · Janeiro 5, 2009

Você pode fazer de duas maneiras: utilizar um estilo dentro da própria página, mais ou menos assim:
<?php

	echo "<style type=\"text/css\">\n";
	echo "body { background:url(imagem.jpg) center repeat-x; }\n";
	echo "</style>\n";

?>
Aí, no caso da imagem, você pode criar um array das imagens que deseja e utilizar uma função qualquer para pegar um valor aleatório deste array.

Ou poderia fazer o seguinte (na minha opinião mais indicado): na página você gera um nome de class atribuído ao <body> (ou ao elemento que deseja aplicar a imagem) e no seu CSS você cria as classes possíveis, assim:

CSS
body.img1 { background-image:url(imagem1.jpg); }
body.img2 { background-image:url(imagem2.jpg); }
body.img3 { background-image:url(imagem3.jpg); }
body.img4 { background-image:url(imagem4.jpg); }
body.img5 { background-image:url(imagem5.jpg); }
E na página:
<?php

	echo "<body class=\"";

	$array = array("img1", "img2", "img3", "img4", "img5");
	$class = array_rand($array);
	echo $array[$class] . "\">\n";

?>
Captou a idéia?
creio que seja mais fácil o seguinte, crie as classes do body conforme acima, depois coloque pra imprimir mais ou menos o seguinte:
<body class="{$array[array_rand($array)]}">
só que você vai ter que carregar o array antes.
http://forum.imasters.com.br/public/style_emoticons/default/pinch.gif

preciso saber de uma forma que consegui imprimir dentro da div !! não no corpo do documento inteiro !!
é só você colocar esse atributo class dentro da div na qual você quer mudar o background
<div class="{$array[array_rand($array)]}">
só que aí no estilo você vai ter que mudar a classe
div.img1 { background-image:url(imagem1.jpg); }
div.img2 { background-image:url(imagem2.jpg); }
div.img3 { background-image:url(imagem3.jpg); }
div.img4 { background-image:url(imagem4.jpg); }
div.img5 { background-image:url(imagem5.jpg); }

a tah (:

intendido ! que besta ! falta de atenção' kkkkk'

poun' galera valeu aee mais uma veiz (:

grande abraço !! :rolleyes:

Edivaldo_Reis · Janeiro 5, 2009

Basta criar uma folha de estilos.

Aí você cria uma função e coloca as imagens em um array. Depois é só dar um random.

Arquivado

random de background

Recommended Posts

Wesley Developer 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

espiculo 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Paulo de Tarso F. M. 24

Compartilhar este post

Link para o post

Compartilhar em outros sites

Wesley Developer 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Wesley Developer 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Bruno_Ferreira 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Wesley Developer 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Bruno_Ferreira 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Wesley Developer 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Bruno_Ferreira 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Wesley Developer 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Edivaldo_Reis 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

PHP+Codeigniter - Dúvida em Relação a Teclas

Conexão mysql com outro domínio

[Resolvido] JavaScript - Exibir logo dentro da Tabela html

Fóruns

Tempo Real

Informação importante