Problema ao inserir codigos

[facemigos]

Olá, estou tentando postar o codigo que faz um slide conforme o da pagina inacial do site www.baixaki.com.br,
mas quando salvo os novos codigos as imagens aparecem uma abaixo da outra.

o codigo ja foi testado no blogspot e esta funcionando perfeitamente.

segue o codigo para avaliação
<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://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="http://tmundi.webnode.com.br/videos-aulas/"><img height="177" width="354" src="http://www.portalpower.com.br/wp-content/uploads/31-iphone_youtube.jpg" title="Video Aulas" />
Video Aulas

<br /><span>

Onde você aprende rápido

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



<div id="nav">

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

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

<a href="http://tmundi.webnode.com.br/videos-aulas/"><img height="30" width="46" onmouseout="tvch(1,0)" onmouseover="tvch(1,1)" src=" http://www.portalpower.com.br/wp-conten ... outube.jpg " class="transp" id="tvn1" /></a>

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

<a href="http://www.baixaki.com.br/download/google-chrome-6-0-beta.htm"><img height="30" width="46" onmouseout="tvch(2,0)" onmouseover="tvch(2,1)" src=" http://www.testpreppractice.net/GRE/fre ... ftware.jpg " class="opac" id="tvn2" /></a>

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

<a href="http://www.codigosbr.tk/2010/05/criar-templates-para-o-blogger.html"><img height="30" width="46" onmouseout="tvch(3,0)" onmouseover="tvch(3,1)" src=" http://files.tmundi.webnode.com.br/2000 ... /bdhjf.png " class="transp" id="tvn3" /></a>

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

<a href="http://www.cblogger.tk/2010/05/tutorial-java-script.html"><img height="30" width="46" onmouseout="tvch(4,0)" onmouseover="tvch(4,1)" src=" http://www.wikinoticia.com/images/defin ... .carta.jpg " class="transp" id="tvn4" /></a>

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

<a href="http://www.cblogger.tk/2010/05/dominio-gratis-tk.html"><img height="30" width="46" onmouseout="tvch(5,0)" onmouseover="tvch(5,1)" src=" http://2.bp.blogspot.com/_a4qW21kpYxE/T ... pector.jpg " class="transp" id="tvn5" /></a>
</div>


<ul id="hid">

<!-- SLIDES-->

<!-- SLIDE 1-->

<li id="tv1">
<a href="http://tmundi.webnode.com.br/videos-aulas/"><img height="177" width="354" src="http://www.portalpower.com.br/wp-content/uploads/31-iphone_youtube.jpg" title="Video Aulas " />
Video Aulas

<br /><span>
Onde Você aprende rápido

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


<!-- SLIDE 2-->

<li id="tv2">
<a href="http://tmundi.webnode.com.br/downloads/"><img height="177" width="354" src="http://www.testpreppractice.net/GRE/free-gre-downloads%5Cgre-software.jpg" title="Downloads" />
Downloads

<br /><span>
Todos os programas que você precisa para fazer igual aos tutoriais.

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

<!-- SLIDE 3-->

<li id="tv3">
<a href="http://tmundi.webnode.com.br/atendimento-online/"><img height="177" width="354" src="http://files.tmundi.webnode.com.br/200000006-d5256d7191/bdhjf.png" title="Atendimento Online" />
Atendimento Online

<br /><span>
Dúvidas? Pergunte na hora para o atendimento online.

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

<!-- SLIDE 4-->

<li id="tv4">

<a href="http://tmundi.webnode.com.br/mensagens/"><img height="177" width="354" src="http://www.wikinoticia.com/images/definanzas/definanzas.com.wp-content.uploads.carta.jpg" title="Mensagens" />
Mande-nos Mensagens

<br /><span>
Mande comentários.

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

<!-- SLIDE 5-->

<li id="tv5">

<a href="http://www.youtube.com/tutorialmundi"><img height="177" width="354" src="http://2.bp.blogspot.com/_a4qW21kpYxE/TA_oS9odZeI/AAAAAAAAAmc/60ndVdkmvZQ/s1600/imagem_youtube_inspector.jpg" title="Tutorial Mundi" />
Canal youtube

<br /><span>
Visite nosso canal youtube.

</span>

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


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

aguardo...

[Buscaweb]

Olá,

Adicione este código abaixo de tudo na opção Personalizar template:

#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://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;
}


O resto do outro código insira no HTML do seu site normalmente.

Depois experimente novamente...

Abraços,

[facemigos]

Coloquei conforme conselhos acima, agora esta começando a funcionar.

mas ainda esta desconfigurado e alem disse era pra aparecer apenas uma caixa

mas esta aparecendo a caixa e as imagens abaixo dela.

poderia me orientar o ate da um forcinha..

segue aki o link da pagina onde o resto do codigo foi inserido


page teste 2



http://facemigos.do.comunidades.net/ind ... 1714279124

[Buscaweb]

Olá,

As imagens que me apresentou no slide, parecem ter sido deletadas, por este motivo as imagens laterais do slide, aparecem como um quadrado de erro.

Tente criar ou baixar as novas imagens e hospedar em seu site através do "Gestor de Imagens".

Depois disto substitua os links pelos das novas imagens, desta forma voltando a fazer novo teste.

Pelo teste que fiz, os thumbs do seu slide estão aparecendo ao lado do que seria os destaques do slide.

Depois disto tente criar uma tabela e inserir o slide nela, isto pode ajudar um pouco já que pelo que vi aqui ela não está ocupando a área do conteúdo corretamente.

Para criar uma tabela, caso sinta dúvidas por utilizar este ponto do manual: http://sites.comunidades.net/manual6.1.php

Acho que resolvendo o problema das imagens e inserindo a tabela no fundo o slide estará funcionando perfeitamente.

Abraços,

[Buscaweb]

Olá,

Apenas complementando a resposta acima, os links das imagens a serem substituídas, na verdade são apenas para serem completados.

Por exemplo este link:
http://www.wikinoticia.com/images/defin ... .carta.jpg
Deve ficar assim:
http://www.wikinoticia.com/images/definanzas/definanzas.com.wp-content.uploads.carta.jpg

Desculpe-me pelo erro. Para identificar os links corretos das imagens basta clicar neles, aqui no fórum os mesmos foram reduzidos, utilizando para isto a "...".

Abraços,