Colocar numeros nos slides do meu fórum

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Colocar numeros nos slides do meu fórum

Mensagem por MayconMaximiano em 28/01/13, 03:14 am

Qual é minha questão:
Http://llinfinitoll.123.st/forum

Eu tenho um slide no meu fórum, eu estou querendo colocar numeração a cada slide que passar !!!
lembrando que desejo os números abaixo dos slides *-*

qual  html ou css  sei lá eo coloco.

queria um códico para por no meu slide.

Códico do meu slide que eu uso é este.


#tv a {
font-size:20px;
font-weight:bold;
}
#tv span {
color:#434343;
font-size:12px;
font-weight:normal;
}
#hid {
display:none;
left:-610px;
position:absolute;
top:-610px;
}

#tv #nav {
height:865px;
left:1455px;
overflow:hidden;
position:absolute;
top:5px;
width:300px;
}

#tv #nav img {
cursor:pointer;
height:56px;
margin:0 0 5px;
width:250px;
}
#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:350px;
overflow:hidden;
padding:0 61px 0 10px;
position:relative;
width:1710px;
}
#corpoh {
text-align:left;
}



 // 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;




Google Chrome 6 Beta


As atualizações para o navegador do Google não param! Experimente a nova versão de testes liberada.


 
 
http://i47.tinypic.com/23tjjhx.jpg " style="width: 90;height: 40" alt="" />
 
 http://i49.tinypic.com/35j9zid.jpg " style="width: 90;height: 40" alt="" />
  
 http://i49.tinypic.com/1zcnxch.jpg " style="width: 90;height: 40" alt="" />
 
 http://i48.tinypic.com/30jha1e.jpg " style="width: 90;height: 40" alt="" />
 
 http://i46.tinypic.com/2rgmfyq.jpg " style="width: 90;height: 40" alt="" />
  

     
     

  • http://i47.tinypic.com/23tjjhx.jpg " style="width: 1710;height: 320" alt="" />
    CONQUISTE ZERO E SUA NOVA EVOLUÇÃO, O ERRANTE!!!


    GC TRAINER E CHÃOS TRAINER NÃO ESTAM FUNCIONANDO AINDA.

     

  • http://i49.tinypic.com/35j9zid.jpg " style="width: 1710;height: 320" alt="" />
    O SISTEMA VIP VOLTA COM O COLAR DO DRAGÃO NEGRO: AURA AZUL!!!


    AS MELHORES BANDAS DE ROCK DO MUNDO CHEGA EM TOP GC.

     

  • http://i49.tinypic.com/1zcnxch.jpg " style="width: 1710;height: 320" alt="" />
    REXION VOLTA COM O SISTEMA DE RECOMPENSAS DO DRAGÃO NEGRO!!!


    COLOQUE NO BAIXAKI ADVANCED SYSTEM CARE,TIRE TODOS OS VIRUS DO PC.
     

  • http://i48.tinypic.com/30jha1e.jpg " style="width: 1710;height: 320" alt="" />
    O CIRCO DOS PESADELOS RETORNA REFORMULADO!!!


    O SISTEMA DE RECOMPENSA VOLTA MODIFICADO E TRAZ O TWINKY.

     

  • http://i46.tinypic.com/2rgmfyq.jpg " style="width: 1710;height: 320" alt="" />
    ESTÁ SEM FÔLEGO - ENTÃO É MELHOR RECUPERAR RÁPIDO!!!


    EM BREVE!




channel(1);




Endereço do meu fórum:
http://llinfinitoll.123.st

Versão do fórum:
PHPBB3
avatar

MayconMaximiano
Nível 2

Masculino
Inscrito dia : 27/01/2013
Mensagens : 8
Pontos Ativos : 16

Ver perfil do usuário http://llinfinitoll.123.st/

Resolvido Re: Colocar numeros nos slides do meu fórum

Mensagem por iPrompt em 28/01/13, 09:31 am

Olá,

Substitua o código do seu slide por este

Código:
<style type="text/css">
#tv a {
font-size:20px;
font-weight:bold;
}
#tv span {
color:#434343;
font-size:12px;
font-weight:normal;
}
#hid {
display:none;
left:-610px;
position:absolute;
top:-610px;
}

#tv #nav {
height:865px;
left:1455px;
overflow:hidden;
position:absolute;
top:5px;
width:300px;
}

#tv #nav img {
cursor:pointer;
height:56px;
margin:0 0 5px;
width:250px;
}
#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:350px;
overflow:hidden;
padding:0 61px 0 10px;
position:relative;
width:1710px;
}
#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://www.baixaki.com.br/download/google-chrome-6-0-beta.htm"><img height="320" width="610" src="http://www.baixaki.com.br/imagens/65395/106595.jpg" title="Google Chrome 6 Beta" />
Google Chrome 6 Beta
<br /><span>
As atualizações para o navegador do Google não param! Experimente a nova versão de testes liberada.
</span></a></div><div id="nav">
<!-- SLIDE  DE NAVEGAÇÕES // escolher o slide a ser visto--> 
<!-- SLIDE  DE NAVEGAÇÃO 1-->
<a href=" http://levelupgames.uol.com.br/grandchase/noticias/novidades/conquiste-zero-e-sua-nova-evolucao-o-errante.lhtml "><img height="40" width="90" onmouseout="tvch(1,0)" onmouseover="tvch(1,1)" src=" http://i47.tinypic.com/23tjjhx.jpg " class="transp" id="tvn1" /></a>
<!-- SLIDE  DE NAVEGAÇÃO 2-->
 <a href=" http://levelupgames.uol.com.br/grandchase/noticias/promocoes/o-sistema-vip-volta-com-o-colar-do-dragao-negro:-aura-azul.lhtml "><img height="40" width="90" onmouseout="tvch(2,0)" onmouseover="tvch(2,1)" src=" http://i49.tinypic.com/35j9zid.jpg " class="opac" id="tvn2" /></a>
 <!-- SLIDE  DE NAVEGAÇÃO 3-->
 <a href=" http://levelupgames.uol.com.br/grandchase/noticias/eventos/rexion-volta-com-o-sistema-de-recompensas-do-dragao-negro?lup_ics=grandchase&lup_ica=BannersHome+GC-sistema-de-recompensas&lup_icn=GC-AcoesSemanais "><img height="40" width="90" onmouseout="tvch(3,0)" onmouseover="tvch(3,1)" src=" http://i49.tinypic.com/1zcnxch.jpg " class="transp" id="tvn3" /></a>
<!-- SLIDE DE NAVEGAÇÃO 4-->
 <a href=" http://levelupgames.uol.com.br/grandchase/noticias/eventos/o-circo-dos-pesadelos-retorna-reformulado?lup_ics=grandchase&lup_ica=BannersHome+GC-circo-dos-pesadelos&lup_icn=GC-AcoesSemanais "><img height="40" width="90" onmouseout="tvch(4,0)" onmouseover="tvch(4,1)" src=" http://i48.tinypic.com/30jha1e.jpg " class="transp" id="tvn4" /></a>
<!-- SLIDE DE NAVEGAÇÃO 5--> 
 <a href=" http://blogs.levelupgames.com.br/blug/2013/01/novidades-de-grand-chase-em-fevereiro/ "><img height="40" width="90" onmouseout="tvch(5,0)" onmouseover="tvch(5,1)" src=" http://i46.tinypic.com/2rgmfyq.jpg " class="transp" id="tvn5" /></a>
 </div>
<ul id="hid">
<!-- SLIDES-->
<!-- SLIDE  1-->
<li id="tv1">
<a href=" http://levelupgames.uol.com.br/grandchase/noticias/novidades/conquiste-zero-e-sua-nova-evolucao-o-errante.lhtml "><img height="320" width="1710" src=" http://i47.tinypic.com/23tjjhx.jpg " title="llINFINITOll" />
1° CONQUISTE ZERO E SUA NOVA EVOLUÇÃO, O ERRANTE!!!
<br /><span>
GC TRAINER E CHÃOS TRAINER NÃO ESTAM FUNCIONANDO AINDA.
</span></a></li>
<!-- SLIDE  2-->
<li id="tv2">
<a href=" http://levelupgames.uol.com.br/grandchase/noticias/promocoes/o-sistema-vip-volta-com-o-colar-do-dragao-negro:-aura-azul.lhtml "><img height="320" width="1710" src=" http://i49.tinypic.com/35j9zid.jpg " title="llINFINITOll" />
2° O SISTEMA VIP VOLTA COM O COLAR DO DRAGÃO NEGRO: AURA AZUL!!!
<br /><span>
AS MELHORES BANDAS DE ROCK DO MUNDO CHEGA EM TOP GC.
</span></a></li>
<!-- SLIDE  3-->
<li id="tv3">
<a href=" http://levelupgames.uol.com.br/grandchase/noticias/eventos/rexion-volta-com-o-sistema-de-recompensas-do-dragao-negro?lup_ics=grandchase&lup_ica=BannersHome+GC-sistema-de-recompensas&lup_icn=GC-AcoesSemanais "><img height="320" width="1710" src=" http://i49.tinypic.com/1zcnxch.jpg " title="llINFINITOll" />
3° REXION VOLTA COM O SISTEMA DE RECOMPENSAS DO DRAGÃO NEGRO!!!
<br /><span>
COLOQUE NO BAIXAKI ADVANCED SYSTEM CARE,TIRE TODOS OS VIRUS DO PC.</span></a>
</li>
<!-- SLIDE  4-->
<li id="tv4">
<a href=" http://levelupgames.uol.com.br/grandchase/noticias/eventos/o-circo-dos-pesadelos-retorna-reformulado?lup_ics=grandchase&lup_ica=BannersHome+GC-circo-dos-pesadelos&lup_icn=GC-AcoesSemanais "><img height="320" width="1710" src=" http://i48.tinypic.com/30jha1e.jpg " title="llINFINITOll" />
4° O CIRCO DOS PESADELOS RETORNA REFORMULADO!!!
<br /><span>
O SISTEMA DE RECOMPENSA VOLTA MODIFICADO E TRAZ O TWINKY.
</span></a></li>
<!-- SLIDE  5-->
<li id="tv5">
<a href=" http://blogs.levelupgames.com.br/blug/2013/01/novidades-de-grand-chase-em-fevereiro/ "><img height="320" width="1710" src=" http://i46.tinypic.com/2rgmfyq.jpg " title="llINFINITOll" />
5°ESTÁ SEM FÔLEGO - ENTÃO É MELHOR RECUPERAR RÁPIDO!!!
<br /><span>
EM BREVE!
</span>
</a></li>
</ul>
<script type="text/javascript">
channel(1);
</script>
</div>

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum