como eu coloco essa caixa de novidades

3 participantes

Ir para baixo

Tópico resolvido como eu coloco essa caixa de novidades

Mensagem por mikei 30/11/12, 02:07 am

oi eu queria colocar uma caixa tipo de novidades sabe pro meu forum e não sei como fazer eu tentei mas não consegui alguem pode me ajudar ah aprender isso

forum que vi: http://pokemon-branco.forumeiros.com/

meu forum: http://narutorpgunlimited.forumeiros.com/

ajudem ae obrigado

quando vcs virem um tipo de caixa e algumas novidades do forum passar e isso que quero
mikei
mikei
Novo Membro

Membro desde : 02/04/2012
Mensagens : 8
Pontos : 16

http://pokemon-rpg-10.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: como eu coloco essa caixa de novidades

Mensagem por Sennior 30/11/12, 02:56 pm

Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: como eu coloco essa caixa de novidades

Mensagem por mikei 02/12/12, 07:49 pm

não é desse geito que quero é igual aquele forum que postei la
mikei
mikei
Novo Membro

Membro desde : 02/04/2012
Mensagens : 8
Pontos : 16

http://pokemon-rpg-10.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: como eu coloco essa caixa de novidades

Mensagem por mikei 04/12/12, 02:57 pm

ei vcs ainda não tiraram minha duvida
mikei
mikei
Novo Membro

Membro desde : 02/04/2012
Mensagens : 8
Pontos : 16

http://pokemon-rpg-10.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: como eu coloco essa caixa de novidades

Mensagem por Ace 04/12/12, 03:01 pm

Olá,

Aplique o seguinte código em um local que aceite HTML de sua preferência:

Código:
<body>
<style>

   body{

      margin:0px;

      padding:0px;

      background:#fff;

      background-image: url(http://t1.gstatic.com/images?q=tbn:ANd9GcSfMORPgNYYrHVgEX3HTzPXSKl_uIDJkCCpQdxkT4k8_OakAD5s6g);      font-family:Verdana, Geneva, sans-serif;

      font-size:10px;

      

   }

   img{

      border:0px;   

   }

   a{

      color:#333;

      text-decoration:none;

   }

   a:hover{

      color:#333;

      text-decoration:underline;

      filter:alpha(opacity=50);

      -moz-opacity:0.5;

      -khtml-opacity: 0.5;

      opacity: 0.5;

   }

   #player_ipod{

      margin-left:10px;

      margin-top:10px;

      width:199px;

      height:186px;

      float:left;

      background:url(player.gif) no-repeat;

   }

   #informacoes{

      width:162px;

      height:94px;

      float:left;

      margin-top:19px;

      margin-left:18px;

   }

   #botoes{

      width:130px;

      height:25px;

      float:left;

      margin-top:10px;

      margin-left:10px;

   }

   #atualiza{

      width:15px;

      height:16px;

      position:relative;

      top:15px;

      left:58px;

   }

   #mais{

      width:17px;

      height:16px;

      position:relative;

      top:43px;

      left:15px;

   }

   #play{

      width:27px;

      height:20px;

      position:relative;

      top:25px;

      left:55px;

   }

   #menos{

      width:15px;

      height:6px;

      position:relative;

      top:13px;

      left:103px;

   }

   #stop{

      width:13px;

      height:12px;

      position:relative;

      top:45px;

      left:60px;

   }

</style>



<style type="text/css">
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; display:none}
#wrapper * {margin:0; padding:0}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(http://i.imgur.com/2swMA.gif) left center no-repeat}
#imgnext {right:0; background:url(http://i.imgur.com/gpQMw.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(http://i.imgur.com/S3DyJ.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(http://i.imgur.com/VIMIj.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(http://i.imgur.com/RjDRW.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}
</style>
<ul id="slideshow">
<li>
<h3>Pascoa  Evento pokemon branco</h3>
<span>http://i.imm.io/l5Gt.png</span>
<p>Premio : Enblema + Pokemons</p>
<a href="javascript:open('/t309-');"><img src="http://desmond.imageshack.us/Himg41/scaled.php?server=41&filename=l5gt.png&res=crop" /></a>
</li>
<li>
<h3>Nova opçao no pokemon branco</h3>
<span>http://i.imm.io/l1Db.png</span>
<p>Opçao : Grupo para ajudar os admins :D</p>
<a href="javascript:open('/t308-');"><img src="http://desmond.imageshack.us/Himg16/scaled.php?server=16&filename=l1db.png&res=crop" /></a>
</li>
<li>
<h3>Evento : O melhor em Treinamento</h3>
<span>http://i.imm.io/kug0.png</span>
<p>Premio : Enblema + Pokemon : Lucario :D</p>
<a href="javascript:open('/t285-');"><img src="http://desmond.imageshack.us/Himg571/scaled.php?server=571&filename=kug0.png&res=crop" /></a>
</li>
<li>
<h3>Votaçao Pokemon 26/03/12</h3>
<span>http://i.imm.io/kf3y.png</span>
<p>Com juan123</p>
<a href="javascript:open('/t272-');"><img src="http://desmond.imageshack.us/Himg826/scaled.php?server=826&filename=kf3y.png&res=crop" /></a>
</li>
<li>
<h3>Pokemon creator</h3>
<span>http://i.imm.io/jYBn.png</span>
<p>Quer fazer seu pokemon creator ?</p>
<a href="javascript:open('/t254-');"><img src="http://desmond.imageshack.us/Himg341/scaled.php?server=341&filename=jybn.png&res=crop" /></a>
</li>
<li>
<h3>UPGRADE Inplantado no pkm branco</h3>
<span>http://i.imm.io/jHKz.png</span>
<p>mais acessos e opçoes para seu estar :D</p>
<a href="javascript:open('/t245-');"><img src="http://desmond.imageshack.us/Himg542/scaled.php?server=542&filename=jhkz.png&res=crop" /></a>
</li>
<li>
<h3>Novos skills</h3>
<span>http://i.imm.io/jgzT.png</span>
<p>Novos skills para vc , e seu pokemon</p>
<a href="javascript:open('/t212-');"><img src="http://desmond.imageshack.us/Himg846/scaled.php?server=846&filename=jgzt.png&res=crop" /></a>
</li>
<li>
<h3>Area de captura</h3>
<span>http://i.imm.io/j9bk.png</span>
<p>Ja pego seu pokemon inicial , capture pokemons</p>
<a href="javascript:open('/f2-area-de-captura');"><img src="http://desmond.imageshack.us/Himg822/scaled.php?server=822&filename=j9bk.png&res=crop" /></a>
</li>
<li>
<h3>Laboratorio de kanto</h3>
<span>http://i.imm.io/j0TF.png</span>
<p>Venha Adotar ums dos 3 pokemons iniciais</p>
<a href="javascript:open('/t192-');"><img src="http://desmond.imageshack.us/Himg442/scaled.php?server=442&filename=j0tf.png&res=crop" /></a>
</li>
<li>
<h3>Novas regras</h3>
<span>http://i.imm.io/j3OI.png</span>
<p>Para seu conhecimento que se aprende aki</p>
<a href="javascript:open('/t197-');"><img src="http://desmond.imageshack.us/Himg842/scaled.php?server=842&filename=j3oi.png&res=crop" /></a>
</li>



</ul>
<div id="wrapper">
<div id="fullsize">
<div id="imgprev" class="imgnav" title="Voltar"></div>
<div id="imglink"></div>
<div id="imgnext" class="imgnav" title="Próxima"></div>
<div id="image"></div>
<div id="information">
<h3></h3>
<p></p>
</div>
</div>
<div id="thumbnails">
<div id="slideleft" title="Primeiros"></div>
<div id="slidearea">
<div id="slider"></div>
</div>
<div id="slideright" title="Últimos"></div>
</div>
</div>
<script type="text/javascript" src="http://pproxy.webs.com/css/compressed.js"></script>
<script type="text/javascript">
$('slideshow').style.display='none';
$('wrapper').style.display='block';
var slideshow=new TINY.slideshow("slideshow");
window.onload=function(){
slideshow.auto=true;
slideshow.speed=5;
slideshow.link="linkhover";
slideshow.info="information";
slideshow.thumbs="slider";
slideshow.left="slideleft";
slideshow.right="slideright";
slideshow.scrollSpeed=4;
slideshow.spacing=5;
slideshow.active="#fff";
slideshow.init("slideshow","image","imgprev","imgnext","imglink");
}
</script>
</tbody>
   </table>
            </div>

Até Mais!
Ace
Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: como eu coloco essa caixa de novidades

Mensagem por mikei 04/12/12, 03:06 pm

eu coloco na gestão de html mas não aparece a tabela no forum isso é estranho
mikei
mikei
Novo Membro

Membro desde : 02/04/2012
Mensagens : 8
Pontos : 16

http://pokemon-rpg-10.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: como eu coloco essa caixa de novidades

Mensagem por Ace 04/12/12, 03:19 pm

Olá,

Somente de UP's depois de 24Hr's ou sua conta poderá sofrer penalidades.

Sobre sua dúvida, eu preciso que salve a página e me envie o link da mesma.

Até Mais.
Ace
Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo


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