Slide do Baixaki

Copie o código abaixo.

<style type="text/css">

#tv a {

font-size:16px;

font-weight:bold;

}

#tv span {

color:#434343;

font-size:12px;

font-weight:normal;

}

#hid {

display:none;

left:-5000px;

position:absolute;

top:-5000px;

}

#tv #nav {

height:170px;

left:359px;

overflow:hidden;

position:absolute;

top:5px;

width:46px;

}

#tv #nav img {

cursor:pointer;

height:30px;

margin:0 0 5px;

width:46px;

}

#tv .opac {

margin-bottom:5px;

opacity:1;

}

#tv .transp {

margin-bottom:5px;

opacity:0.1;

}

#tv img {

display:block;

margin-bottom:7px;

margin-left:-10px;

border:thin solid;

}

img {

border:medium none;

}

#tv {

background:url("https://img31.imageshack.us/img31/2656/tvbg.png") no-repeat scroll 0 0 transparent;

float:left;

height:255px;

overflow:hidden;

padding:0 61px 0 10px;

position:relative;

width:344px;

}

#corpoh {

text-align:left;

}

</style>

<div id="tv">

<script type='text/javascript'>

 // JavaScript para tv //

var index = 1; var menu_time = 6000; var anterior = 5; var timer = setTimeout('trocaMsg()',menu_time); 

function trocaMsg() { index = index%5 +1; channel(index); tempo(); }         

function tempo() { clearTimeout(timer);    timer = setTimeout("trocaMsg()",menu_time);} 

function channel(id) { index = id; document.getElementById("tvn" + anterior).className= "transp"; document.getElementById("tvn" + id).className = "opac"; document.getElementById('tvshow').innerHTML=document.getElementById('tv' + id).innerHTML;    anterior = id;}

function tvch(id, out) {if (out == 1)    { clearTimeout(timer);    channel(id);} else { tempo();}}

//channel(1);

// JavaScript para tv-papeis //

var index_p = 1; var menu_time_p = 2800; var anterior_p = 5; var timer_p = setTimeout('trocaMsg_p()',menu_time_p); 

function trocaMsg_p() { index_p = index_p%5 +1; channel_p(index_p); tempo_p(); }         

function tempo_p() { clearTimeout(timer_p);    timer_p = setTimeout("trocaMsg_p()",menu_time_p);} 

function channel_p(idx) { index_p = idx; document.getElementById("tvp" + anterior_p).className= "transp"; document.getElementById("tvp" + idx).className = "opac"; document.getElementById('paptv').innerHTML=document.getElementById('ptv' + idx).innerHTML;    anterior_p = idx;}

function tvch_p(idx, out) {if (out == 1)    { clearTimeout(timer_p);    channel_p(idx);} else { tempo_p();}}

//channel_p(1);

//Função p/ n Aparecer erro de JS no navegador do Tiozinho

function semerro(){

return true;}

window.onerror=semerro;

</script>

<div id="tvshow">

<!-- SLIDE INICIAL-->

<a href="é o link do destino dessa slide"><img height="177" width="354" src=" coloque a url da imagem pra esse slide " title="é o titulo do slide" />

é o titulo do slide

<br /><span>

é a descrição do slide

</span></a></div>

<div id="nav">

<!-- SLIDE  DE NAVEGAÇÕES // escolher o slide a ser visto-->  

<!-- SLIDE  DE NAVEGAÇÃO 1--> 

<a href=" é o link do destino dessa slide "><img height="30" width="46" onmouseout="tvch(1,0)" onmouseover="tvch(1,1)" src=" coloque a url da imagem pra esse slide " class="transp" id="tvn1" /></a>

<!-- SLIDE  DE NAVEGAÇÃO 2--> 

 <a href=" é o link do destino dessa slide "><img height="30" width="46" onmouseout="tvch(2,0)" onmouseover="tvch(2,1)" src=" coloque a url da imagem pra esse slide " class="opac" id="tvn2" /></a>

 <!-- SLIDE  DE NAVEGAÇÃO 3--> 

 <a href=" é o link do destino dessa slide "><img height="30" width="46" onmouseout="tvch(3,0)" onmouseover="tvch(3,1)" src=" coloque a url da imagem pra esse slide " class="transp" id="tvn3" /></a>

<!-- SLIDE DE NAVEGAÇÃO 4--> 

 <a href=" é o link do destino dessa slide "><img height="30" width="46" onmouseout="tvch(4,0)" onmouseover="tvch(4,1)" src=" coloque a url da imagem pra esse slide " class="transp" id="tvn4" /></a>

<!-- SLIDE DE NAVEGAÇÃO 5-->  

 <a href=" é o link do destino dessa slide "><img height="30" width="46" onmouseout="tvch(5,0)" onmouseover="tvch(5,1)" src=" coloque a url da imagem pra esse slide " class="transp" id="tvn5" /></a>

 </div> 

<ul id="hid">

<!-- SLIDES--> 

<!-- SLIDE  1--> 

<li id="tv1">

<a href=" é o link do destino dessa slide "><img height="177" width="354" src=" coloque a url da imagem pra esse slide " title=" é o titulo do slide " />

é o titulo do slide

<br /><span>

é a descrição do slide

</span></a></li>

<!-- SLIDE  2--> 

<li id="tv2">

<a href=" é o link do destino dessa slide "><img height="177" width="354" src=" coloque a url da imagem pra esse slide " title=" é o titulo do slide " />

é o titulo do slide

<br /><span>

é a descrição do slide

</span></a></li>

<!-- SLIDE  3--> 

<li id="tv3">

<a href=" é o link do destino dessa slide "><img height="177" width="354" src=" coloque a url da imagem pra esse slide " title=" é o titulo do slide " />

é o titulo do slide

<br /><span>

é a descrição do slide

</span></a></li>

<!-- SLIDE  4--> 

<li id="tv4">

<a href=" é o link do destino dessa slide "><img height="177" width="354" src=" coloque a url da imagem pra esse slide " title=" é o titulo do slide " />

é o titulo do slide

<br /><span>

é a descrição do slide

</span></a></li>

<!-- SLIDE  5--> 

<li id="tv5">

<a href=" é o link do destino dessa slide "><img height="177" width="354" src=" coloque a url da imagem pra esse slide " title=" é o titulo do slide " />

é o titulo do slide

<br /><span>

é a descrição do slide

</span>

</a></li>

</ul>

<script type="text/javascript">

channel(1);

</script>

</div>

Modifique como esta aqui:

Azul - é o link do destino dessa slide
Verde - coloque a url da imagem pra esse slide
Rosa - é o titulo do slide
Vermelho -  é a descrição do slide

Obs - coloque os links de destino e da imagem dos slides iguais

Exemplo

Essa parte

<!-- SLIDE  DE NAVEGAÇÃO 1-->

<a href="https://www.cblogger.tk/2010/05/barra-de-menu-do-seu-site-para.html"><img height="30" width="46" onmouseout="tvch(1,0)" onmouseover="tvch(1,1)" src="https://www.codigosbr.co.cc/imagens/conduit.png" class="transp" id="tvn1" /></a>

 é dessa

<!-- SLIDE  1-->

<li id="tv1">

<a href="https://www.cblogger.tk/2010/05/barra-de-menu-do-seu-site-para.html"><img height="177" width="354" src="https://www.codigosbr.co.cc/imagens/conduit.png" title="conduit " />

 <!-- SLIDE  DE NAVEGAÇÃO 2-->   

   é do 

< !-- SLIDE  2-->

  E ASSIM VAI...

Então coloque o link de destino e imagem da slide <!-- SLIDE  DE NAVEGAÇÃO 2--> por exemplo,   igual a do < !-- SLIDE  2>