segunda-feira, 27 de agosto de 2012

Molduras e bordas pra página de site

Barra e bordas
Barra de rolagem e bordas Coloridas

domingo, 26 de agosto de 2012

sábado, 25 de agosto de 2012

HTML MODELO ANTIGO DO BLOG. COM A NAVYBAR DO BLOG

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Son of Moto (Mean Green Blogging Machine variation)
Date:     23 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

/* Variable definitions
   ====================
   <Variable name="mainBgColor" description="Main Background Color"
             type="color" default="#ffffff" value="#e1771e">
   <Variable name="mainTextColor" description="Text Color"
             type="color" default="#555544" value="#555544">
   <Variable name="pageHeaderColor" description="Blog Title Color"
             type="color" default="#ffffee" value="#ffffee">
   <Variable name="blogDescriptionColor" description="Blog Description Color"
             type="color" default="#ffffee" value="#ffffee">
   <Variable name="linkColor" description="Link Color"
             type="color" default="#669922" value="#669922">
   <Variable name="hoverLinkColor" description="Link Hover Color"
             type="color" default="#88bb22" value="#88bb22">
   <Variable name="dateHeaderColor" description="Date Header Color"
             type="color" default="#555544" value="#555544">
   <Variable name="sidebarHeaderColor" description="Sidebar Title Color"
             type="color" default="#555544" value="#555544">
   <Variable name="sidebarTextColor" description="Sidebar Text Color"
             type="color" default="#555544" value="#555544">

<Variable name="bodyFont" description="Text Font" type="font"
             default="normal normal 100% tahoma, 'Trebuchet MS', lucida, helvetica, sans-serif" value="normal normal 100% tahoma, 'Trebuchet MS', lucida, helvetica, sans-serif">
   <Variable name="startSide" description="Start side in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="End side in blog language"
             type="automatic" default="right" value="right">
*/

/* Primary layout */

body {
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
  color: $mainTextColor;
  background: #692 url(http://www.blogblog.com/moto_son/outerwrap.gif) top center repeat-y;
  font-size: small;
}

img {
  border: 0;
  display: block;
}

.clear { 
  clear: both;
}
	/* Wrapper */

#outer-wrapper {
  margin: 0 auto;
  border: 0;
  width: 692px;
  text-align: $startSide;
  background: $mainBgColor url(http://www.blogblog.com/moto_son/innerwrap.gif) top $endSide repeat-y;
  font: $bodyFont;
}

/* Header */

#header-wrapper	{
  background: #8b2 url(http://www.blogblog.com/moto_son/headbotborder.gif) bottom $startSide repeat-x;
  margin: 0 auto;
  padding-top: 0;
  padding-$endSide: 0;
  padding-bottom: 15px;
  padding-$startSide: 0;
  border: 0;
}

#header h1 {
  text-align: $startSide;
  font-size: 200%;
  color: $pageHeaderColor;
  margin: 0;
  padding-top: 15px;
  padding-$endSide: 20px;
  padding-bottom: 0;
  padding-$startSide: 20px;
  background-image: url(http://www.blogblog.com/moto_son/topper.gif);
  background-repeat: repeat-x;
  background-position: top $startSide;
}

h1 a, h1 a:link, h1 a:visited {
  color: $pageHeaderColor;
}

#header .description {
  font-size: 110%;
  text-align: $startSide;
  padding-top: 3px;
  padding-$endSide: 20px;
  padding-bottom: 10px;
  padding-$startSide: 23px;
  margin: 0;
  line-height:140%;
  color: $blogDescriptionColor;
}

/* Inner layout */

#content-wrapper {
  padding: 0 16px;
}
	
#main {
  width: 400px;
  float: $startSide;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

#sidebar {
  width: 226px;
  float: $endSide;
  color: $sidebarTextColor;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
	
/* Bottom layout */

#footer	{
  clear: $startSide;
  margin: 0;
  padding: 0 20px;
  border: 0;
  text-align: $startSide;
  border-top: 1px solid #f9f9f9;
}
	
#footer .widget	{
  text-align: $startSide;
  margin: 0;
  padding: 10px 0;
  background-color: transparent;
}

/* Default links 	*/

a:link, a:visited {
  font-weight: bold;
  text-decoration: none;
  color: $linkColor;
  background: transparent;
}

a:hover {
  font-weight: bold;
  text-decoration: underline;
  color: $hoverLinkColor;
  background: transparent;
}

a:active {
  font-weight : bold;
  text-decoration : none;
  color: $hoverLinkColor;
  background: transparent;
}

/* Typography */
	
.main p, .sidebar p, .post-body {
  line-height: 140%;
  margin-top: 5px;
  margin-bottom: 1em;
}

.post-body blockquote {
  line-height:1.3em;  
}

h2, h3, h4, h5	{
  margin: 0;
  padding: 0;
}

h2 {
  font-size: 130%;
}

h2.date-header {
  color: $dateHeaderColor;
}

.post h3 {
  margin-top: 5px;
  font-size: 120%;
}

.post-footer { 
  font-style: italic;
}

.sidebar h2 { 
  color: $sidebarHeaderColor;
}

.sidebar .widget { 
  margin-top: 12px;
  margin-$endSide: 0;
  margin-bottom: 13px;
  margin-$startSide: 0;
  padding: 0;
}

.main .widget { 
  margin-top: 12px;
  margin-$endSide: 0;
  margin-bottom: 0;
  margin-$startSide: 0;
}

li  {
  line-height: 160%;
}

.sidebar ul { 
  margin-$startSide: 0;
  margin-top: 0;
  padding-$startSide: 0;
}

.sidebar ul li {
  list-style: disc url(http://www.blogblog.com/moto_son/diamond.gif) inside;
  vertical-align: top;
  padding: 0;
  margin: 0;
}

.widget-content { 
  margin-top: 0.5em;
}

/* Profile 
----------------------------------------------- */

.profile-datablock {
  margin-top: 3px;
  margin-$endSide: 0;
  margin-bottom: 5px;
  margin-$startSide: 0;
  line-height: 140%;
}
.profile-textblock { 
  margin-$startSide: 0;
}

.profile-img { 
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  border:4px solid #8b2;

}

#comments  {
  border: 0;
  border-top: 1px dashed #eed;
  margin-top: 10px;
  margin-$endSide: 0;
  margin-bottom: 0;
  margin-$startSide: 0;
  padding: 0;
}

#comments h4	{
  margin-top: 10px;
  font-weight: normal;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#comments dl dt 	{
  font-weight: bold;
  font-style: italic;
  margin-top: 35px;
  padding-top: 1px;
  padding-$endSide: 0;
  padding-bottom: 0;
  padding-$startSide: 18px;
  background: transparent url(http://www.blogblog.com/moto_son/commentbug.gif) top $startSide no-repeat;
}

#comments dl dd	{
  padding: 0;
  margin: 0;
}

.deleted-comment {
  font-style:italic;
  color:gray;
}

.feed-links {
  clear: both;
  line-height: 2.5em;
}

#blog-pager-newer-link {
  float: $startSide;
}
 
#blog-pager-older-link {
  float: $endSide;
}
 
#blog-pager {   
  text-align: center; 
}

/** Page structure tweaks for layout editor wireframe */

body#layout #outer-wrapper { 
  padding-top: 0;
}
body#layout #header,
body#layout #content-wrapper,
body#layout #footer { 
  padding: 0;
}
]]></b:skin>
  </head>

<span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>

<div class='clear'> </div>

</div>

</div></div> 
  <b:include data='blog' name='google-analytics'/>
</body>
</html>

HTML MODELO ANTIGO DO BLOG. COM A NAVYBAR DO BLOG

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Minima Black
Date:     26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

/* Variable definitions
   ====================
   <Variable name="bgcolor" description="Page Background Color"
             type="color" default="#000" value="#000000">
   <Variable name="textcolor" description="Text Color"
             type="color" default="#ccc" value="#cccccc">
   <Variable name="linkcolor" description="Link Color"
             type="color" default="#9ad" value="#99aadd">
   <Variable name="pagetitlecolor" description="Blog Title Color"
             type="color" default="#ccc" value="#cccccc">
   <Variable name="descriptioncolor" description="Blog Description Color"
             type="color" default="#777" value="#777777">
   <Variable name="titlecolor" description="Post Title Color"
             type="color" default="#ad9" value="#aadd99">
   <Variable name="bordercolor" description="Border Color"
             type="color" default="#333" value="#333333">
   <Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#777" value="#777777">
   <Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#999" value="#999999">
   <Variable name="visitedlinkcolor" description="Visited Link Color"
             type="color" default="#a7a" value="#aa77aa">
   <Variable name="bodyfont" description="Text Font"
             type="font" default="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif">
   <Variable name="headerfont" description="Sidebar Title Font"
             type="font"
             default="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
   <Variable name="pagetitlefont" description="Blog Title Font"
             type="font"
             default="normal bold 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal bold 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif">
   <Variable name="descriptionfont" description="Blog Description Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif">
   <Variable name="postfooterfont" description="Post Footer Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
   <Variable name="startSide" description="Start side in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="End side in blog language"
             type="automatic" default="right" value="right">
*/

/* Use this with templates/template-twocol.html */

body {
  background:$bgcolor;
  margin:0;
  color:$textcolor;
  font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
  }
a:link {
  color:$linkcolor;
  text-decoration:none;
  }
a:visited {
  color:$visitedlinkcolor;
  text-decoration:none;
  }
a:hover {
  color:$titlecolor;
  text-decoration:underline;
}
a img {
  border-width:0;
  }

/* Header
-----------------------------------------------
 */

#header-wrapper {
  width:660px;
  margin:0 auto 10px;
  border:1px solid $bordercolor;
  }

#header-inner {
  background-position: center;
  margin-$startSide: auto;
  margin-$endSide: auto;
}

#header { 
  margin: 5px;
  border: 1px solid $bordercolor;
  text-align: center;
  color:$pagetitlecolor;
}

#header h1 {
  margin:5px 5px 0;
  padding:15px 20px .25em;
  line-height:1.2em;
  text-transform:uppercase;
  letter-spacing:.2em;
  font: $pagetitlefont;
}

#header a {
  color:$pagetitlecolor;
  text-decoration:none;
  }

#header a:hover {
  color:$pagetitlecolor;
  }

#header .description {
  margin:0 5px 5px;
  padding:0 20px 15px;
  max-width:700px;
  text-transform:uppercase;
  letter-spacing:.2em;
  line-height: 1.4em;
  font: $descriptionfont;
  color: $descriptioncolor;
}

#header img {
  margin-$startSide: auto;
  margin-$endSide: auto;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
  width: 660px;
  margin:0 auto;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  }

#main-wrapper {
  width: 410px;
  float: $startSide;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }

#sidebar-wrapper {
  width: 220px;
  float: $endSide;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

/* Headings
----------------------------------------------- */

h2 {
  margin:1.5em 0 .75em;
  font:$headerfont;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:$sidebarcolor;
}

/* Posts
-----------------------------------------------
 */
h2.date-header {
  margin:1.5em 0 .5em;
  }

.post {
  margin:.5em 0 1.5em;
  border-bottom:1px dotted $bordercolor;
  padding-bottom:1.5em;
  }
.post h3 {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
  display:block;
  text-decoration:none;
  color:$titlecolor;
  font-weight:bold;
}

.post h3 strong, .post h3 a:hover {
  color:$textcolor;
}

.post-body {
  margin:0 0 .75em;
  line-height:1.6em;
}

.post-body blockquote {
  line-height:1.3em;  
}

.post-footer {
  margin: .75em 0;
  color:$sidebarcolor;
  text-transform:uppercase;
  letter-spacing:.1em;
  font: $postfooterfont;
  line-height: 1.4em;
}

.comment-link {
  margin-$startSide:.6em;
  }
.post img, table.tr-caption-container {
  padding:4px;
  border:1px solid $bordercolor;
  }
.tr-caption-container img {
  border: none;
  padding: 0;
}
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }

/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font-weight: bold;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color: $sidebarcolor;
  }

#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block .comment-author {
  margin:.5em 0;
  }
#comments-block .comment-body {
  margin:.25em 0 0;
  }
#comments-block .comment-footer {
  margin:-.25em 0 2em;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block .comment-body p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }

.feed-links {
  clear: both;
  line-height: 2.5em;
}

#blog-pager-newer-link {
  float: $startSide;
 }
 
#blog-pager-older-link {
  float: $endSide;
 }
 
#blog-pager {   
  text-align: center; 
 }

/* Sidebar Content
----------------------------------------------- */
.sidebar { 
  color: $sidebartextcolor;
  line-height: 1.5em;
 }

.sidebar ul {
  list-style:none;
  margin:0 0 0;
  padding:0 0 0;
}
.sidebar li {
  margin:0;
  padding-top:0;
  padding-$endSide:0;
  padding-bottom:.25em;
  padding-$startSide:15px;
  text-indent:-15px;
  line-height:1.5em;
  }

.sidebar .widget, .main .widget { 
  border-bottom:1px dotted $bordercolor;
  margin:0 0 1.5em;
  padding:0 0 1.5em;
 }

.main .Blog { 
  border-bottom-width: 0;
}

/* Profile 
----------------------------------------------- */
.profile-img { 
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  padding: 4px;
  border: 1px solid $bordercolor;
}

.profile-data {
  margin:0;
  text-transform:uppercase;
  letter-spacing:.1em;
  font: $postfooterfont;
  color: $sidebarcolor;
  font-weight: bold;
  line-height: 1.6em;
}

.profile-datablock { 
  margin:.5em 0 .5em;
}

.profile-textblock { 
  margin: 0.5em 0;
  line-height: 1.6em;
}

.profile-link { 
  font: $postfooterfont;
  text-transform: uppercase;
  letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer {
  width:660px;
  clear:both;
  margin:0 auto;
  padding-top:15px;
  line-height: 1.6em;
  text-transform:uppercase;
  letter-spacing:.1em;
  text-align: center;
}
]]></b:skin>
  </head>

<span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>

<div class='clear'> </div>

</div>

</div></div> 
  <b:include data='blog' name='google-analytics'/>
</body>
</html>

sexta-feira, 24 de agosto de 2012

beto carrero

quarta-feira, 22 de agosto de 2012

IMAGEM

terça-feira, 21 de agosto de 2012

IMAGEM DE FUNDO DO SITE

http://cdn.qpcdni.com/release20120816/themes/verde/images/bk_black.jpg
Myspace Backgrounds

SlideShow

Criar esse SlideShow aqui:

Hello World!

segunda-feira, 20 de agosto de 2012

FOTO GRANDE

FOTO DE COMPARTILHAMENTO NO FACEBOOK

http://a1.sphotos.ak.fbcdn.net/hphotos-ak-snc6/s720x720/200771_436342603075693_893092532_n.jpg

http://paraiso.etfto.gov.br/biblioteca/material/info/des_web/tutorial/marquee/marquee2.htm">

segunda-feira, 13 de agosto de 2012

Link útil!

domingo, 12 de agosto de 2012

Read the blog post

Hover Zoom Demo

ALEX.COM Photo by Matt Bango

quinta-feira, 9 de agosto de 2012

Sala das Promessas da Basílica de Nossa Senhora Aparecida in Brazil

imagem ou texto

As únicas coisas que precisa alterar aqui são os endereços das imagens ou texto e as legendas nesta linha.
clique aqui e paga luz COLOQUE AQUI O TEXTO

COLOQUE AQUI O TEXTO 3

COLOQUE AQUI O TEXTO 4

COLOQUE AQUI O TEXTO 5

COLOQUE AQUI O TEXTO 6

COLOQUE AQUI O TEXTO 7

COLOQUE AQUI O TEXTO 8

COLOQUE AQUI O TEXTO 9

var pausebetweenmsg=10 //customize pause in miliseconds between each message showing up (3000=3 seconds)
var glidespeed=50 //customize glide speed in pixels per frame.

var curobjindex=0

function actualstyle(el, cssproperty){
if (el.currentStyle)
return el.currentStyle[cssproperty]
else if (window.getComputedStyle){
var elstyle=window.getComputedStyle(el, "")
return elstyle.getPropertyValue(cssproperty)
}
}

function collectElementbyClass(){
var classname="glidetext"
glidearray=new Array()
var inc=0
var alltags=document.all? document.all : document.getElementsByTagName("*")
for (i=0; i<alltags.length; i++){
if (alltags[i].className==classname)
glidearray[inc++]=alltags[i]
}
if (glidearray.length>0)
onebyoneglide()
}

function onebyoneglide(){
if (curobjindex<glidearray.length)
glidetimer=setInterval("glideroutine()",50)
}

function glideroutine(){
if (parseInt(actualstyle(glidearray[curobjindex], "left"))<0)
glidearray[curobjindex].style.left=parseInt(actualstyle(glidearray[curobjindex], "left"))+10+"px"
else{
glidearray[curobjindex].style.left=0
curobjindex++
clearInterval(glidetimer)
setTimeout("onebyoneglide()", pausebetweenmsg)
}
}

if (window.addEventListener)
window.addEventListener("load", collectElementbyClass, false)
else if (window.attachEvent)
window.attachEvent("onload", collectElementbyClass)
else if (document.getElementById)
window.onload=collectElementbyClass
</script>

<img class="expa" src=" COLOQUE AQUI O ENDEREÇO DA IMAGEM " /><br /> <style>   img.expa {     cursor: pointer;     max-width: 150px;   }   img.expa:hover {     max-width: none;   } </style></div>

</div><div class="glidetext">

<img class="expa" src=" COLOQUE AQUI O ENDEREÇO DA IMAGEM" /><br /> <style>   img.expa {     cursor: pointer;     max-width: 150px;   }   img.expa:hover {     max-width: none;   } </style>

</div><div class="glidetext">

<img class="expa" src="COLOQUE AQUI O ENDEREÇO DA IMAGEM " /><br /> <style>   img.expa {     cursor: pointer;     max-width: 150px;   }   img.expa:hover {     max-width: none;   } </style>

COLOQUE AQUI O TEXTO 3 </div><div class="glidetext">

<img class="expa" src=" COLOQUE AQUI O ENDEREÇO DA IMAGEM" /><br /> <style>   img.expa {     cursor: pointer;     max-width: 150px;   }   img.expa:hover {     max-width: none;   } </style>

COLOQUE AQUI O TEXTO 4 </div><div class="glidetext">

COLOQUE AQUI O TEXTO 5   </div><div class="glidetext" style="left: -800px;">

COLOQUE AQUI O TEXTO 6 </div><div class="glidetext">

COLOQUE AQUI O TEXTO 7 </div><div class="glidetext">

COLOQUE AQUI O TEXTO 8  </div><div class="glidetext">

COLOQUE AQUI O TEXTO 9 </div>

letra de sombra grande

Texto 1 vai aqui SEU TEXTO 2 AQUI

quarta-feira, 8 de agosto de 2012

letra de sombra grande, que muda de cor automático

<div style="text-shadow: 5px 5px 7px black;"><h1><span style="color: #0000FF;"><script>
/*
RAINBOW TEXT Script by Matt Hedgecoe (c) 2002
Featured on JavaScript Kit
For this script, visit http://www.javascriptkit.com
*/

// ********** MAKE YOUR CHANGES HERE

var text=" Trouxeste sol para a minha vida e luz para o meu caminho. Se eu me perder na estrada sei que não estarei sozinho! " // YOUR TEXT
var speed=80 // SPEED OF FADE
// ********** LEAVE THE NEXT BIT ALONE!
if (document.all||document.getElementById){
document.write('<span id="highlight">' + text + '</span>')
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</script><br />
<br />
</b><br />
<div align="center"><br />
<a href="http://javascriptkit.com/"></a></div></span>    </div>