Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Greed Greed  • Sáb 4 Jan 2014 - 17:04

Sistema de slide automatico Empty Sistema de slide automatico Sáb 4 Jan 2014 - 17:04

Qual é minha questão:
Gostaria de um sistema de slide que se atualiza-se automaticamente com os últimos posts e que fosse todo em html. Se num for pedir demais gostaria que o mesmo código funciona-se tanto na forumeiros quanto na plataforma blogger pois estou com um projeto q envolve o blogger tbm.
Se precisar do link do meu Blog: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Modelo de slide que gostaria: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Desde já obrigado.

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

ModToolsBS ModToolsBS  • Ter 7 Jan 2014 - 10:12

Sistema de slide automatico Empty Re: Sistema de slide automatico Ter 7 Jan 2014 - 10:12

Tenho um aqui se desejar, é igual ao do Baixaki (na versão Verde)
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://2.bp.blogspot.com/-ekW2fPdkxrg/UbD8hQLOKZI/AAAAAAAAANo/ISrA74zfysQ/s1600/Foto%2BHumorzao.png"><img height="177" width="354" src="http://huumoorzaao.blogspot.com.br/" title="Bem Vindo Ao Humorzão" />

Bem Vindo Ao Humorzão

<br /><span>
Humorzão 100% Atualizado Para você

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



<div id="nav">

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

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

<a href="http://huumoorzaao.blogspot.com/p/noticia-1.html"><img height="30" width="46" onmouseout="tvch(1,0)" onmouseover="tvch(1,1)" src="http://1.bp.blogspot.com/-6eLvyhgZf1g/TcmEAZsxKmI/AAAAAAAAACc/I-n07Cgnhlg/s1600/7d388a0f632154e36f3a4b0a2f231a72.jpg" class="transp" id="tvn1" /></a>

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

 <a href="http://huumoorzaao.blogspot.com/p/noticia-2.html"><img height="30" width="46" onmouseout="tvch(2,0)" onmouseover="tvch(2,1)" src="http://t3.gstatic.com/images?q=tbn:ANd9GcTka3iOCHsLcCa5xP97bLgJ8aylJ4dlziGiS_Sg87prStLYV9y0vQ" class="opac" id="tvn2" /></a>

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

 <a href="http://huumoorzaao.blogspot.com/p/noticia-3.html"><img height="30" width="46" onmouseout="tvch(3,0)" onmouseover="tvch(3,1)" src="http://facecoverz.com/static/img/uploads/o_facecoverz.com-1319235479376.png" class="transp" id="tvn3" /></a>

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

 <a href="http://huumoorzaao.blogspot.com/p/noticia-4.html"><img height="30" width="46" onmouseout="tvch(4,0)" onmouseover="tvch(4,1)" src="http://www.vilaesperanca.org/public/2008/11/radio.gif" class="transp" id="tvn4" /></a>

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

 <a href="http://huumoorzaao.blogspot.com/p/noticia-5.html"><img height="30" width="46" onmouseout="tvch(5,0)" onmouseover="tvch(5,1)"http://3.bp.blogspot.com/-c_gxxle-rkm/t-mflbankji/aaaaaaaadrg/ppd1jfsl3yu/s1600/troll-face-kapak-fotograflari+%2810%29.jpg"transp" id="tvn5" /></a>
 </div>


<ul id="hid">

<!-- SLIDES-->

<!-- SLIDE  1-->

<li id="tv1">
<a href="http://huumoorzaao.blogspot.com/p/noticia-1.html"><img height="177" width="354" src="http://img534.imageshack.us/img534/2118/4doi.jpg" title="Aniversario Humorzão " />

Aniversario Humorzão

<br /><span>

Vamos Comemorar ?

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


<!-- SLIDE  2-->

<li id="tv2">
<a href="http://huumoorzaao.blogspot.com/p/noticia-2.html"><img height="177" width="354" src="http://img163.imageshack.us/img163/3365/892.png" title="Super Packs" />

Super Pack Tirinhas 2013

<br /><span>

Já disponivel pra download

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

<!-- SLIDE  3-->

<li id="tv3">
<a href="http://huumoorzaao.blogspot.com/p/noticia-3.html"><img height="177" width="354" src="http://facecoverz.com/static/img/uploads/o_facecoverz.com-1319235479376.png" title="Capa Humorzão" />

Melhor Capa Com o Nome Humorzão

<br /><span>


Campeonato Quem Será que vai ganhar?

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

<!-- SLIDE  4-->

<li id="tv4">

<a href="http://huumoorzaao.blogspot.com/p/noticia-4.html"><img height="177" width="354" src="http://3.bp.blogspot.com/-gY8KUZ0AoMw/UPSkYCk2YqI/AAAAAAAAABg/oVGiagyW24Q/s1600/internet-radio.jpg" title="Radio Humorzão" />

Radio Humorzão

<br /><span>


Noticias da Radio Que Sumiu Sozinha O_O

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

<!-- SLIDE  5-->

<li id="tv5">

<a href="http://huumoorzaao.blogspot.com/p/noticia-5.html"><img height="177" width="354" src="http://2.bp.blogspot.com/-ekW2fPdkxrg/UbD8hQLOKZI/AAAAAAAAANo/ISrA74zfysQ/s1600/Foto%2BHumorzao.png" title="Tirinhas Futuras" />

5 Novas Tirinhas Futuras

<br /><span>


Ela Nem Deviam Estar Aqui

</span>

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


<script type="text/javascript">
channel(1);
</script>
</div>
Edite de seus gostos
até mais

~Rafra ~Rafra  • Ter 7 Jan 2014 - 12:35

Sistema de slide automatico Empty Re: Sistema de slide automatico Ter 7 Jan 2014 - 12:35

Olá,
O Codigo Poderar Bugar .

Código:
<div style='clear:both;'></div>
<div class='slider-wrap-bodo'>
<div class='slider-wrap'>
<div class='slider'>
<div>
<a href='#'><img alt='' src='http://u.cubeupload.com/Nabilah/BN01.jpg'/></a>
</div>
<div>
<a href='www.contempop.com.br/2014/01/lady-gaga-vai-muito-bem-obrigada.html#.UsT3TNJDvQY'><img alt='' src='http://u.cubeupload.com/Nabilah/BN02.jpg'/></a>
</div>
<div>
<a href='http://www.contempop.com.br/2014/01/participe-da-nossa-promocao-beyonce_1.html#.UsT3ntJDvQY'><img alt='' src='http://u.cubeupload.com/Nabilah/BN03.jpg'/>
</a>
</div>
<div>
<a href='http://www.contempop.com.br/2014/01/a-ressurreicao-de-christina-aguilera.html#.UsT3gtJDvQY'><img alt='' src='http://u.cubeupload.com/Nabilah/BN04.jpg'/></a>
</div>
</div>
</div></div>
<div id='body-wrapper'>
<div id='outer-wrapper'>
<div id='wrap2'>
<div id='content-wrapper'>
<div id='main-wrapper'>

@EDIT

Testei no Blogspot , é não houve Erros

Conteúdo patrocinado  • 

Sistema de slide automatico Empty Re: Sistema de slide automatico

Permissões neste sub-fórum
Não podes responder a tópicos