Frases Aleatorias II

Frase aleatria
Este script exibe uma frase aleatria a cada vez que a pgina
carregada.
Seguem os passos de como fazer para criar um widget com suas
prprias frases.
1. Defina as frases
Entre as tags <head> e </head> coloque os seguinte cdigo:
<script language='JavaScript' type='text/JavaScript'>
function makeQuote() {
Q = new Array();
Q[0] = "<i>Assim como o sol derrete o gelo, a gentileza evapora
mal-entendidos, desconfianas e hostilidade.</i>Albert Schweitzer"
Q[1] = "<i> impossvel fazer qualquer coisa prova de tolos,
porque os tolos so muito engenhosos.</i>Arthur Bloch"
Q[2] = "<i>Quem ama cr no impossvel.</i> Elisabeth B.
Browning"
index = Math.floor(Math.random() * Q.length);
document.writeln(Q[index]);
}
</script>
</head>
2. Folha de estilos
Entre as tags <style> e </style> (qualquer site) ou entre
<b:skin><![CDATA[/* e ]]></b:skin> (Blogger) insira o cdigo:
#newquote {color:gray; font-family:verdana; font-size:11px; textalign:right; padding:5px;}
#newquote i {display:block; color:black; font-family:georgia,
trebuchet ms; font-size:13px;}
#newquote small {display:block; text-align:right; margintop:10px;}
]]></b:skin>
Observe que voc pode utilizar seu conhecimento de CSS para
personalizar seu widget como achar melhor.
3. Insira o widget
No local de seu blog onde deseja que a frase aleatria aparea,
insira o seguinte cdigo:
<div id='newquote'>
<script language="javascript">
makeQuote();
</script> </div>
Deve ficar parecido com isso:
Sim, este widget bastante trabalhoso. Principalmente a parte de

ter que ficar adicionando nova frases. Por isso tenho outra opo.
Widget com frases escolhidas por mim
Se voc confia no meu gosto para escolha de frases, poder usar
meu script de frases aleatrias.
1. Insira o script
Entre as tags <head> e </head> insira:
<script type='text/javascript'
src='http://web.htmhelen.com/frase.js'
language='JavaScript'></script>
</head>
2. Insira a folha de estilos
Para utilizar a minha folha de estilos, insira depois de <head> e
antes de </head> o seguinte cdigo:
<link type='text/css' rel='stylesheet'
href='http://web.htmhelen.com/frase.css'></link>
</head>
Para personalizar a sua folha de estilos com as cores, tamanhos e
fontes que desejar, coloque o seguinte cdigo em sua folha de
estilos:
#newquote {color:gray; font-family:verdana; font-size:11px; textalign:right; padding:5px;}
#newquote i {display:block; color:black; font-family:georgia,
trebuchet ms; font-size:13px;}
#newquote small {display:block; text-align:right; margintop:10px;}
]]></b:skin>
3. Insira o widget no local desejado
<div id='newquote'>
<script language="javascript">
makeQuote();
</script> </div>
Deve ficar parecido com isso:
Leia mais: http://www.meutedio.com.br/2008/12/frasealeatoria.html#ixzz3tBEJbTG0
Frases Aleatorias
<html>
<head>
<title>Random Quote Demo</title>
<meta name="robots" content="nofollow,noindex">
</head>
<body link="#ff0000" vlink="#ff0000" alink="#ff0000"
onload="self.focus()" scroll="auto">
<br>
<center>
<font color="#0000FF" size="4" face="Verdana,Arial">
<script language="JavaScript">
//
==============================================
// Copyright 2004 by CodeLifter.com
// Free for all; but please leave in this header.
//
==============================================
var Quotation=new Array() // do not change this!
// Set up the quotations to be shown, below.

// To add more quotations, continue with the
// pattern, adding to the array. Remember

// to increment the Quotation[x] index!
Quotation[0] = "Time is of the essence! Comb your hair.";

Quotation[1] = "Sanity is a golden apple with no shoelaces.";
Quotation[2] = "Repent! The end is coming, $9.95 at Amazon.";
Quotation[3] = "Honesty blurts where deception sneezes.";
Quotation[4] = "Pastry satisfies where art is unavailable.";
Quotation[5] = "Delete not, lest you, too, be deleted.";
Quotation[6] = "O! Youth! What a pain in the backside.";
Quotation[7] = "Wishes are like goldfish with propellors.";
Quotation[8] = "Love the river's \"beauty\", but live on a hill.";
Quotation[9] = "Invention is the mother of too many useless toys.";
// ======================================
// Do not change anything below this line
// ======================================
var Q = Quotation.length;
var whichQuotation=Math.round(Math.random()*(Q-1));
function showQuotation()
{document.write(Quotation[whichQuotation]);}
showQuotation();
</script>
</font>
<br>
<br>
<br>
<font color="#ff0000" size="1" face="Verdana,Arial">
{ <a href="randomquotePop.html">refresh page</a> }
</font>
</center>
</body>
</html>
Exibir frases aleatrias no Blogger
Um gadget que eu acho muito bacana, aquele que permite-nos exibir

frases aleatrias nas pginas de nossos blogs. Isso significa que a cada vez
que as pginas forem carregadas, uma nova frase ser mostrada ao
visitante.
Para colocar esse gadget, super simples. Entre em "layout" e clique em
"adicionar gadget". Escolha o gadget "html/javascript" e cole o cdigo
abaixo:
<div style="border-left: 5px solid #ccc; padding:6px; font-style: italic; ">
citas = new Array(4)
citas[0] = "FRASE 0 "
citas[1] = "FRASE 1"
aleatorio = Math.random() * (citas.length)
aleatorio = Math.floor(aleatorio)
document.write(citas[aleatorio])
</script></div>
Onde est escrito FRASE, substitua pelas frases que voc deseja exibir em
seu blog. possvel colocar quantas frases quiser; para tanto repita a
seguinte linha:
Substitua [0] pelo nmero subsequente, ou seja, 4, 5, 6 e assim
sucessivamente.
Para mudar a o tipo de borda, cor de fundo e etc, s alterar o CSS desta
outra parte:
border-left: 5px solid #ccc; padding:6px; font-style: italic;
Vejam um exemplo que encontra-se em um outro blog meu:
Para colocar a borda em todo o espao, use o cdigo assim:

<div style="border: 5px solid #ccc; padding:6px; font-style: italic; ">
citas = new Array(4)
aleatorio = Math.random() * (citas.length)
aleatorio = Math.floor(aleatorio)
document.write(citas[aleatorio])
</script></div>
A parte que assinalei em vermelho a da cor. Para troc-la s usar uma
tabela de cores. A parte assinalada em azul se refere espessura da borda.

Frases Aleatorias II

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Frases Aleatorias II

Загружено:

Авторское право:

Доступные форматы

Frase aleatria

Sim, este widget bastante trabalhoso. Principalmente a parte de

Deve ficar parecido com isso:

Leia mais: http://www.meutedio.com.br/2008/12/frasealeatoria.html#ixzz3tBEJbTG0

var Quotation=new Array() // do not change this!

// Set up the quotations to be shown, below.

// pattern, adding to the array. Remember

Quotation[0] = "Time is of the essence! Comb your hair.";

Exibir frases aleatrias no Blogger

Um gadget que eu acho muito bacana, aquele que permite-nos exibir

Para colocar a borda em todo o espao, use o cdigo assim:

Вам также может понравиться