Iníciocomo eu coloco essa caixa de novidades
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
como eu coloco essa caixa de novidades
por mikei 30.11.12 0:07
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
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- Novo Membro
- Membro desde : 02/04/2012
Mensagens : 8
Pontos : 16 -
Re: como eu coloco essa caixa de novidades
por Sennior 30.11.12 12:56
Olá senhor,
Leia: https://ajuda.forumeiros.com/t39563-como-por-uma-caixa-de-novidades#256148
Até mais!
Leia: https://ajuda.forumeiros.com/t39563-como-por-uma-caixa-de-novidades#256148
Até mais!
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: como eu coloco essa caixa de novidades
por mikei 02.12.12 17:49
não é desse geito que quero é igual aquele forum que postei la
mikei- Novo Membro
- Membro desde : 02/04/2012
Mensagens : 8
Pontos : 16 -
Re: como eu coloco essa caixa de novidades
por mikei 04.12.12 12:57
ei vcs ainda não tiraram minha duvida
mikei- Novo Membro
- Membro desde : 02/04/2012
Mensagens : 8
Pontos : 16 -
Re: como eu coloco essa caixa de novidades
por Ace 04.12.12 13:01
Olá,
Aplique o seguinte código em um local que aceite HTML de sua preferência:
Até Mais!
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- Membro Entusiasta
- Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608 -
Re: como eu coloco essa caixa de novidades
por mikei 04.12.12 13:06
eu coloco na gestão de html mas não aparece a tabela no forum isso é estranho
mikei- Novo Membro
- Membro desde : 02/04/2012
Mensagens : 8
Pontos : 16 -
Re: como eu coloco essa caixa de novidades
por Ace 04.12.12 13:19
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.
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- Membro Entusiasta
- Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608 -
Tópicos semelhantes» Como coloco essa imagem no meu xat ? pf ?
» Como criar uma caixa de novidades igual fdf
» Como coloco essa barra?
» Como coloco essa borda:
» Como coloco essa borda
» Como criar uma caixa de novidades igual fdf
» Como coloco essa barra?
» Como coloco essa borda:
» Como coloco essa borda
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos