Duvida não estou consiguindo programar

Qual é minha questão:
NÃO ESTOU CONSIGUINDO PROGRAMAR ESSE SLIDE
COM SEGUINTES ITENS
Quero isso!
Quero os seguintes tamanha 500por 220
quero essas imagens nesse 4 imagens são:
Essa Imagen nas 4 imagens de slide
https://i.imgur.com/bq5Yg.jpg


Medidas que eu tomei para corrigir o problema:
TENTEI MAIS NÃO CONSEGUIR

Links e imagens do meu problema:

Código:

<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("http://a.imageshack.us/img198/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="http://1.bp.blogspot.com/_SQlLjkpotBo/Sm5KJ42ZusI/AAAAAAAAAK4/IegmCz-tjfo/S1600-R/Sem+t%C3%ADtulo+1.jpg"><img height="177" width="354" src="http://elementdowns.blogspot.com/search/label/video%20aulas" title="Fernando Lou" />

eleiçoes 2012


<span>
Em 2012 Vote Com o Coraçao

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



<div id="nav">

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

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

<a href="http://elementdowns.blogspot.com/search/label/video%20aulas"><img height="30" width="46" onmouseout="tvch(1,0)" onmouseover="tvch(1,1)" src="http://1.bp.blogspot.com/_SQlLjkpotBo/Sm5KJ42ZusI/AAAAAAAAAK4/IegmCz-tjfo/S1600-R/Sem+t%C3%ADtulo+1.jpg" class="transp" id="tvn1" /></a>

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

<a href="http://elementdowns.blogspot.com/search/label/Linux"><img height="30" width="46" onmouseout="tvch(2,0)" onmouseover="tvch(2,1)" src="http://databytegrajau.files.wordpress.com/2009/12/linux1.jpg" class="opac" id="tvn2" /></a>

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

<a href="http://elementdowns.blogspot.com/search/label/Anti-Virus"><img height="30" width="46" onmouseout="tvch(3,0)" onmouseover="tvch(3,1)" src="http://2.bp.blogspot.com/_6wpjcdoMXQc/SZSO1sAFQZI/AAAAAAAAAA0/Rwid1mY82ag/s320/antivirus.gif.jpg" class="transp" id="tvn3" /></a>

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

<a href="http://elementdowns.blogspot.com/search/label/Compactadores"><img height="30" width="46" onmouseout="tvch(4,0)" onmouseover="tvch(4,1)" src="http://img.banjig.net/d/bb/user_uploads/301381/winrar_jpg_c7c722b8.jpg" class="transp" id="tvn4" /></a>

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

<a href="http://elementdowns.blogspot.com/search/label/hacker"><img height="30" width="46" onmouseout="tvch(5,0)" onmouseover="tvch(5,1)" http: / /www.asupr.com /asureport /wp-content /uploads /2008 /10 /hacker1.jpgclass="transp" id="tvn5" /></a>
</div>


<ul id="hid">

<!-- SLIDES-->

<!-- SLIDE 1-->

<li id="tv1">
<a href="http://elementdowns.blogspot.com/search/label/video%20aulas"><img height="177" width="354" src="http://1.bp.blogspot.com/_SQlLjkpotBo/Sm5KJ42ZusI/AAAAAAAAAK4/IegmCz-tjfo/S1600-R/Sem+t%C3%ADtulo+1.jpg" title="conduit " />

video aulas


<span>

assista as video aulas e tire todas as suas duvidas

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


<!-- SLIDE 2-->

<li id="tv2">
<a href="http://elementdowns.blogspot.com/search/label/Linux"><img height="177" width="354" src="http://databytegrajau.files.wordpress.com/2009/12/linux1.jpg" title="Google Chrome 6 Beta" />

linux


<span>

Linux tudo o que vc precisa saber e baixar para linux esta aki

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

<!-- SLIDE 3-->

<li id="tv3">
<a href="http://elementdowns.blogspot.com/search/label/Anti-Virus"><img height="177" width="354" src="http://2.bp.blogspot.com/_6wpjcdoMXQc/SZSO1sAFQZI/AAAAAAAAAA0/Rwid1mY82ag/s320/antivirus.gif.jpg" title="Artisteer" />

anti-virus


<span>

baixe os melhores antivurus para seu pc e proteja-se contra todo tipo de ameaça

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

<!-- SLIDE 4-->

<li id="tv4">

<a href="http://elementdowns.blogspot.com/search/label/Compactadores"><img height="177" width="354" src="http://img.banjig.net/d/bb/user_uploads/301381/winrar_jpg_c7c722b8.jpg" title="AquaSnap" />

compactadores


<span>

todos os compactadores que vc precisa esta em um so lugar

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

<!-- SLIDE 5-->

<li id="tv5">

<a href="http://elementdowns.blogspot.com/search/label/hacker"><img height="177" width="354" src="http://www.asupr.com/asureport/wp-content/uploads/2008/10/hacker1.jpg" title="TK" />

Hacker


<span>

Programas hacker baixe os melhores e mais atualizados programas hacker

</span>

</a></li>
</ul>


<script type="text/javascript">
channel(1);
</script>
</div>

Endereço do meu fórum:
Aguardem novo

Versão do meu fórum:

Olá,

Você tentou efetuar a operação por este tutorial?

https://ajuda.forumeiros.com/t51052-

Até Mais!

Sim
Mais quero esse tipo de Slide!:/

Olá, mande-me as imagens os titulos e os links que eu faço um codigo para você, até mais

Quero essa imagen so:https://i.imgur.com/bq5Yg.jpg
e esses titulo :Novo forum
Esses Lincks: http://dvexpert.umforum.net/

Bom dia!

Abaixo, modifique os termos que desquei em colorido em verde e azul. O CSS do código poderá adicionar em sua folha de estilo CSS.

<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="ENDEREÇO_DA_PRIMEIRA_IMAGEM"><img height="177" width="354" src="ENDEREÇO_DE_URL" />

eleiçoes 2012


<span>
Em 2012 Vote Com o Coraçao

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



<div id="nav">

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

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

<a href="http://elementdowns.blogspot.com/search/label/video%20aulas"><img height="30" width="46" onmouseout="tvch(1,0)" onmouseover="tvch(1,1)" src="ENDEREÇO_DA_PRIMEIRA_IMAGEM" class="transp" id="tvn1" /></a>

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

<a href="http://elementdowns.blogspot.com/search/label/Linux"><img height="30" width="46" onmouseout="tvch(2,0)" onmouseover="tvch(2,1)" src="http://databytegrajau.files.wordpress.com/2009/12/linux1.jpg" class="opac" id="tvn2" /></a>

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

<a href="http://elementdowns.blogspot.com/search/label/Anti-Virus"><img height="30" width="46" onmouseout="tvch(3,0)" onmouseover="tvch(3,1)" src="http://2.bp.blogspot.com/_6wpjcdoMXQc/SZSO1sAFQZI/AAAAAAAAAA0/Rwid1mY82ag/s320/antivirus.gif.jpg" class="transp" id="tvn3" /></a>

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

<a href="http://elementdowns.blogspot.com/search/label/Compactadores"><img height="30" width="46" onmouseout="tvch(4,0)" onmouseover="tvch(4,1)" src="http://img.banjig.net/d/bb/user_uploads/301381/winrar_jpg_c7c722b8.jpg" class="transp" id="tvn4" /></a>

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

<a href="http://elementdowns.blogspot.com/search/label/hacker"><img height="30" width="46" onmouseout="tvch(5,0)" onmouseover="tvch(5,1)" http: / /www.asupr.com /asureport /wp-content /uploads /2008 /10 /hacker1.jpgclass="transp" id="tvn5" /></a>
</div>


<ul id="hid">

<!-- SLIDES-->

<!-- SLIDE 1-->

<li id="tv1">
<a href="ENDEREÇO_DE_URL"><img height="177" width="354" src="ENDEREÇO_DA_PRIMEIRA_IMAGEM" title="conduit " />

video aulas


<span>

assista as video aulas e tire todas as suas duvidas

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


<!-- SLIDE 2-->

<li id="tv2">
<a href="http://elementdowns.blogspot.com/search/label/Linux"><img height="177" width="354" src="http://databytegrajau.files.wordpress.com/2009/12/linux1.jpg" title="Google Chrome 6 Beta" />

linux


<span>

Linux tudo o que vc precisa saber e baixar para linux esta aki

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

<!-- SLIDE 3-->

<li id="tv3">
<a href="http://elementdowns.blogspot.com/search/label/Anti-Virus"><img height="177" width="354" src="http://2.bp.blogspot.com/_6wpjcdoMXQc/SZSO1sAFQZI/AAAAAAAAAA0/Rwid1mY82ag/s320/antivirus.gif.jpg" title="Artisteer" />

anti-virus


<span>

baixe os melhores antivurus para seu pc e proteja-se contra todo tipo de ameaça

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

<!-- SLIDE 4-->

<li id="tv4">

<a href="http://elementdowns.blogspot.com/search/label/Compactadores"><img height="177" width="354" src="http://img.banjig.net/d/bb/user_uploads/301381/winrar_jpg_c7c722b8.jpg" title="AquaSnap" />

compactadores


<span>

todos os compactadores que vc precisa esta em um so lugar

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

<!-- SLIDE 5-->

<li id="tv5">

<a href="http://elementdowns.blogspot.com/search/label/hacker"><img height="177" width="354" src="http://www.asupr.com/asureport/wp-content/uploads/2008/10/hacker1.jpg" title="TK" />

Hacker


<span>

Programas hacker baixe os melhores e mais atualizados programas hacker

</span>

</a></li>
</ul>


<script type="text/javascript">
channel(1);
</script>
</div>

Até mais!

ei
por favor pode tirar aqueles assim
ant hacker tirar aquelas imagens!

up

up

up

up

Boa noite!

Você deve editar o código. Precione no seu teclado "Ctrl + F" e digite HTTP://, aparecerá vários endereços e assim você pode modificar. A mesma coisa são com os nomes do slide.

ok duvida respondida