Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosWidget de notícias com slide de imagens
2 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
Widget de notícias com slide de imagens
por •Express 12.04.12 22:21
Qual é minha questão:
ola queria esse campo de noticia + slider
eu tentei aqui velho com esse codigo mais nao resultou qaundo eu add aqueles botões fico para baixo tinha que ficar no topo e ficou de lateral intaum queria ajuda ae.
site a onde eu vi isso: http://pb.ongame.com.br/
Medidas que eu tomei para corrigir o problema:
...........
Links e imagens do meu problema:
.............
Endereço do meu fórum:
Versão do meu fórum:
PHPBB3
ola queria esse campo de noticia + slider
eu tentei aqui velho com esse codigo mais nao resultou qaundo eu add aqueles botões fico para baixo tinha que ficar no topo e ficou de lateral intaum queria ajuda ae.
- Código:
<!-- CACHE-FILE: 12-04-2012 17:48:12 (500) -->
<div id="noticias_banner">
<ul id="botoes">
<li><img onmouseover="ver_categoria(1)" id="botao_categoria_1" alt="Notícias" title="Notícias" src="http://imagem.ongame.com.br/pb/home/noticias.png" class="link" /></li>
<li><img onmouseover="ver_categoria(2)" id="botao_categoria_2" alt="Eventos" title="Eventos" src="http://imagem.ongame.com.br/pb/home/eventos.png" class="link" /></li>
<li><img onmouseover="ver_categoria(3)" id="botao_categoria_3" alt="Atualizações" title="Atualizações" src="http://imagem.ongame.com.br/pb/home/atualizacao.png" class="link" /></li>
<li><img onmouseover="ver_categoria(0)" id="botao_categoria_0" alt="Todas" title="Todas" src="http://imagem.ongame.com.br/pb/home/todas.png" class="link" /></li>
</ul>
<div id="slider_0" class="slider">
<ul class="lista link" onclick="location='noticias/?m=1&sm=2&id=7558'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/1.jpg"></li>
<li class="titulo"><a href="noticias/?m=1&sm=2&id=7558">Transferência e débito ...</a></li>
<li class="data"><a href="noticias/?m=1&sm=2&id=7558">12.04.12</a></li>
</ul>
<ul class="lista link" onclick="location='noticias/?m=2&sm=2&id=7556'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/2.jpg"></li>
<li class="titulo"><a href="noticias/?m=2&sm=2&id=7556">Evento - Sexta-Feira 13</a></li>
<li class="data"><a href="noticias/?m=2&sm=2&id=7556">12.04.12</a></li>
</ul>
<ul class="lista link" onclick="location='noticias/?m=1&sm=2&id=7555'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/1.jpg"></li>
<li class="titulo"><a href="noticias/?m=1&sm=2&id=7555">Cadastro FanSite - Libe...</a></li>
<li class="data"><a href="noticias/?m=1&sm=2&id=7555">12.04.12</a></li>
</ul>
<ul class="lista link" onclick="location='noticias/?m=1&sm=2&id=7549'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/1.jpg"></li>
<li class="titulo"><a href="noticias/?m=1&sm=2&id=7549">Mudança nos Servidores ...</a></li>
<li class="data"><a href="noticias/?m=1&sm=2&id=7549">11.04.12</a></li>
</ul>
<ul class="lista link" onclick="location='noticias/?m=3&sm=2&id=7535'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/3.jpg"></li>
<li class="titulo"><a href="noticias/?m=3&sm=2&id=7535">Atualização X-Trap</a></li>
<li class="data"><a href="noticias/?m=3&sm=2&id=7535">09.04.12</a></li>
</ul>
</div>
<div id="slider_1" class="slider">
<ul class="lista link" onclick="location='noticias/?m=1&sm=2&id=7558'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/1.jpg"></li>
<li class="titulo"><a href="noticias/?m=1&sm=2&id=7558">Transferência e débito ...</a></li>
<li class="data"><a href="noticias/?m=1&sm=2&id=7558">12.04.12</a></li>
</ul>
<ul class="lista link" onclick="location='noticias/?m=1&sm=2&id=7555'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/1.jpg"></li>
<li class="titulo"><a href="noticias/?m=1&sm=2&id=7555">Cadastro FanSite - Libe...</a></li>
<li class="data"><a href="noticias/?m=1&sm=2&id=7555">12.04.12</a></li>
</ul>
<ul class="lista link" onclick="location='noticias/?m=1&sm=2&id=7549'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/1.jpg"></li>
<li class="titulo"><a href="noticias/?m=1&sm=2&id=7549">Mudança nos Servidores ...</a></li>
<li class="data"><a href="noticias/?m=1&sm=2&id=7549">11.04.12</a></li>
</ul>
<ul class="lista link" onclick="location='noticias/?m=1&sm=2&id=7503'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/1.jpg"></li>
<li class="titulo"><a href="noticias/?m=1&sm=2&id=7503">Páscoa Premiada Ongame</a></li>
<li class="data"><a href="noticias/?m=1&sm=2&id=7503">02.04.12</a></li>
</ul>
<ul class="lista link" onclick="location='noticias/?m=1&sm=2&id=7500'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/1.jpg"></li>
<li class="titulo"><a href="noticias/?m=1&sm=2&id=7500">2º PBIC - Incrições enc...</a></li>
<li class="data"><a href="noticias/?m=1&sm=2&id=7500">02.04.12</a></li>
</ul>
</div>
<div id="slider_2" class="slider">
<ul class="lista link" onclick="location='noticias/?m=2&sm=2&id=7556'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/2.jpg"></li>
<li class="titulo"><a href="noticias/?m=2&sm=2&id=7556">Evento - Sexta-Feira 13</a></li>
<li class="data"><a href="noticias/?m=2&sm=2&id=7556">12.04.12</a></li>
</ul>
<ul class="lista link" onclick="location='noticias/?m=2&sm=2&id=7530'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/2.jpg"></li>
<li class="titulo"><a href="noticias/?m=2&sm=2&id=7530">Evento no Feriadão de P...</a></li>
<li class="data"><a href="noticias/?m=2&sm=2&id=7530">05.04.12</a></li>
</ul>
<ul class="lista link" onclick="location='noticias/?m=2&sm=2&id=7491'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/2.jpg"></li>
<li class="titulo"><a href="noticias/?m=2&sm=2&id=7491">Prévia - Eventos de Pás...</a></li>
<li class="data"><a href="noticias/?m=2&sm=2&id=7491">30.03.12</a></li>
</ul>
<ul class="lista link" onclick="location='noticias/?m=2&sm=2&id=7349'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/2.jpg"></li>
<li class="titulo"><a href="noticias/?m=2&sm=2&id=7349">1º Campeonato @LAN de P...</a></li>
<li class="data"><a href="noticias/?m=2&sm=2&id=7349">07.03.12</a></li>
</ul>
<ul class="lista link" onclick="location='noticias/?m=2&sm=2&id=7305'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/2.jpg"></li>
<li class="titulo"><a href="noticias/?m=2&sm=2&id=7305">Mais EXP neste fim de S...</a></li>
<li class="data"><a href="noticias/?m=2&sm=2&id=7305">29.02.12</a></li>
</ul>
</div>
<div id="slider_3" class="slider">
<ul class="lista link" onclick="location='noticias/?m=3&sm=2&id=7535'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/3.jpg"></li>
<li class="titulo"><a href="noticias/?m=3&sm=2&id=7535">Atualização X-Trap</a></li>
<li class="data"><a href="noticias/?m=3&sm=2&id=7535">09.04.12</a></li>
</ul>
<ul class="lista link" onclick="location='noticias/?m=3&sm=2&id=7304'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/3.jpg"></li>
<li class="titulo"><a href="noticias/?m=3&sm=2&id=7304">8 Novos Itens + Remoção...</a></li>
<li class="data"><a href="noticias/?m=3&sm=2&id=7304">29.02.12</a></li>
</ul>
<ul class="lista link" onclick="location='noticias/?m=3&sm=2&id=7287'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/3.jpg"></li>
<li class="titulo"><a href="noticias/?m=3&sm=2&id=7287">Atualização X-Trap</a></li>
<li class="data"><a href="noticias/?m=3&sm=2&id=7287">27.02.12</a></li>
</ul>
<ul class="lista link" onclick="location='noticias/?m=3&sm=2&id=7213'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/3.jpg"></li>
<li class="titulo"><a href="noticias/?m=3&sm=2&id=7213">Famas G2 + 2 armas e Pr...</a></li>
<li class="data"><a href="noticias/?m=3&sm=2&id=7213">08.02.12</a></li>
</ul>
<ul class="lista link" onclick="location='noticias/?m=3&sm=2&id=7103'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/3.jpg"></li>
<li class="titulo"><a href="noticias/?m=3&sm=2&id=7103">Evento Iniciantes</a></li>
<li class="data"><a href="noticias/?m=3&sm=2&id=7103">18.01.12</a></li>
</ul>
</div>
<div id="banner"><!--[if !IE]> -->
<object type="application/x-shockwave-flash" data="http://pb.ongame.com.br/flash/banner.swf" width="280" height="166">
<!-- <![endif]-->
<!--[if IE]>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
width="280" height="166">
<param name="movie" value="http://pb.ongame.com.br/flash/banner.swf" />
<!--><!---->
site a onde eu vi isso: http://pb.ongame.com.br/
Medidas que eu tomei para corrigir o problema:
...........
Links e imagens do meu problema:
.............
Endereço do meu fórum:
Versão do meu fórum:
PHPBB3
•Express- Membro
- Membro desde : 22/01/2012
Mensagens : 633
Pontos : 909 -
Re: Widget de notícias com slide de imagens
por Roevs 12.04.12 22:40
Utiliza este código
Depois adiciona este código em sua Folha de estilo CSS
- Código:
<div id="noticias_banner">
<ul id="botoes">
<li><img onmouseover="ver_categoria(1)" id="botao_categoria_1" alt="Notícias" title="Notícias" src="http://imagem.ongame.com.br/pb/home/noticias.png" class="link"></li>
<li><img onmouseover="ver_categoria(2)" id="botao_categoria_2" alt="Eventos" title="Eventos" src="http://imagem.ongame.com.br/pb/home/eventos.png" class="link"></li>
<li><img onmouseover="ver_categoria(3)" id="botao_categoria_3" alt="Atualizações" title="Atualizações" src="http://imagem.ongame.com.br/pb/home/atualizacao.png" class="link"></li>
<li><img onmouseover="ver_categoria(0)" id="botao_categoria_0" alt="Todas" title="Todas" src="http://imagem.ongame.com.br/pb/home/todas.png" class="link"></li>
</ul>
<div id="slider_0" class="slider" style="display: block; ">
<ul class="lista link" onclick="location='noticias/?m=1&sm=2&id=7558'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/1.jpg"></li>
<li class="titulo"><a href="noticias/?m=1&sm=2&id=7558">Transferência e débito ...</a></li>
<li class="data"><a href="noticias/?m=1&sm=2&id=7558">12.04.12</a></li>
</ul>
<ul class="lista link" onclick="location='noticias/?m=2&sm=2&id=7556'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/2.jpg"></li>
<li class="titulo"><a href="noticias/?m=2&sm=2&id=7556">Evento - Sexta-Feira 13</a></li>
<li class="data"><a href="noticias/?m=2&sm=2&id=7556">12.04.12</a></li>
</ul>
<ul class="lista link" onclick="location='noticias/?m=1&sm=2&id=7555'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/1.jpg"></li>
<li class="titulo"><a href="noticias/?m=1&sm=2&id=7555">Cadastro FanSite - Libe...</a></li>
<li class="data"><a href="noticias/?m=1&sm=2&id=7555">12.04.12</a></li>
</ul>
<ul class="lista link" onclick="location='noticias/?m=1&sm=2&id=7549'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/1.jpg"></li>
<li class="titulo"><a href="noticias/?m=1&sm=2&id=7549">Mudança nos Servidores ...</a></li>
<li class="data"><a href="noticias/?m=1&sm=2&id=7549">11.04.12</a></li>
</ul>
<ul class="lista link" onclick="location='noticias/?m=3&sm=2&id=7535'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/3.jpg"></li>
<li class="titulo"><a href="noticias/?m=3&sm=2&id=7535">Atualização X-Trap</a></li>
<li class="data"><a href="noticias/?m=3&sm=2&id=7535">09.04.12</a></li>
</ul>
</div>
<div id="slider_1" class="slider" style="display: none; ">
<ul class="lista link" onclick="location='noticias/?m=1&sm=2&id=7558'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/1.jpg"></li>
<li class="titulo"><a href="noticias/?m=1&sm=2&id=7558">Transferência e débito ...</a></li>
<li class="data"><a href="noticias/?m=1&sm=2&id=7558">12.04.12</a></li>
</ul>
<ul class="lista link" onclick="location='noticias/?m=1&sm=2&id=7555'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/1.jpg"></li>
<li class="titulo"><a href="noticias/?m=1&sm=2&id=7555">Cadastro FanSite - Libe...</a></li>
<li class="data"><a href="noticias/?m=1&sm=2&id=7555">12.04.12</a></li>
</ul>
<ul class="lista link" onclick="location='noticias/?m=1&sm=2&id=7549'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/1.jpg"></li>
<li class="titulo"><a href="noticias/?m=1&sm=2&id=7549">Mudança nos Servidores ...</a></li>
<li class="data"><a href="noticias/?m=1&sm=2&id=7549">11.04.12</a></li>
</ul>
<ul class="lista link" onclick="location='noticias/?m=1&sm=2&id=7503'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/1.jpg"></li>
<li class="titulo"><a href="noticias/?m=1&sm=2&id=7503">Páscoa Premiada Ongame</a></li>
<li class="data"><a href="noticias/?m=1&sm=2&id=7503">02.04.12</a></li>
</ul>
<ul class="lista link" onclick="location='noticias/?m=1&sm=2&id=7500'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/1.jpg"></li>
<li class="titulo"><a href="noticias/?m=1&sm=2&id=7500">2º PBIC - Incrições enc...</a></li>
<li class="data"><a href="noticias/?m=1&sm=2&id=7500">02.04.12</a></li>
</ul>
</div>
<div id="slider_2" class="slider" style="display: none; ">
<ul class="lista link" onclick="location='noticias/?m=2&sm=2&id=7556'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/2.jpg"></li>
<li class="titulo"><a href="noticias/?m=2&sm=2&id=7556">Evento - Sexta-Feira 13</a></li>
<li class="data"><a href="noticias/?m=2&sm=2&id=7556">12.04.12</a></li>
</ul>
<ul class="lista link" onclick="location='noticias/?m=2&sm=2&id=7530'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/2.jpg"></li>
<li class="titulo"><a href="noticias/?m=2&sm=2&id=7530">Evento no Feriadão de P...</a></li>
<li class="data"><a href="noticias/?m=2&sm=2&id=7530">05.04.12</a></li>
</ul>
<ul class="lista link" onclick="location='noticias/?m=2&sm=2&id=7491'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/2.jpg"></li>
<li class="titulo"><a href="noticias/?m=2&sm=2&id=7491">Prévia - Eventos de Pás...</a></li>
<li class="data"><a href="noticias/?m=2&sm=2&id=7491">30.03.12</a></li>
</ul>
<ul class="lista link" onclick="location='noticias/?m=2&sm=2&id=7349'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/2.jpg"></li>
<li class="titulo"><a href="noticias/?m=2&sm=2&id=7349">1º Campeonato @LAN de P...</a></li>
<li class="data"><a href="noticias/?m=2&sm=2&id=7349">07.03.12</a></li>
</ul>
<ul class="lista link" onclick="location='noticias/?m=2&sm=2&id=7305'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/2.jpg"></li>
<li class="titulo"><a href="noticias/?m=2&sm=2&id=7305">Mais EXP neste fim de S...</a></li>
<li class="data"><a href="noticias/?m=2&sm=2&id=7305">29.02.12</a></li>
</ul>
</div>
<div id="slider_3" class="slider" style="display: none; ">
<ul class="lista link" onclick="location='noticias/?m=3&sm=2&id=7535'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/3.jpg"></li>
<li class="titulo"><a href="noticias/?m=3&sm=2&id=7535">Atualização X-Trap</a></li>
<li class="data"><a href="noticias/?m=3&sm=2&id=7535">09.04.12</a></li>
</ul>
<ul class="lista link" onclick="location='noticias/?m=3&sm=2&id=7304'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/3.jpg"></li>
<li class="titulo"><a href="noticias/?m=3&sm=2&id=7304">8 Novos Itens + Remoção...</a></li>
<li class="data"><a href="noticias/?m=3&sm=2&id=7304">29.02.12</a></li>
</ul>
<ul class="lista link" onclick="location='noticias/?m=3&sm=2&id=7287'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/3.jpg"></li>
<li class="titulo"><a href="noticias/?m=3&sm=2&id=7287">Atualização X-Trap</a></li>
<li class="data"><a href="noticias/?m=3&sm=2&id=7287">27.02.12</a></li>
</ul>
<ul class="lista link" onclick="location='noticias/?m=3&sm=2&id=7213'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/3.jpg"></li>
<li class="titulo"><a href="noticias/?m=3&sm=2&id=7213">Famas G2 + 2 armas e Pr...</a></li>
<li class="data"><a href="noticias/?m=3&sm=2&id=7213">08.02.12</a></li>
</ul>
<ul class="lista link" onclick="location='noticias/?m=3&sm=2&id=7103'">
<li class="jogo"><img src="http://imagem.ongame.com.br/pb/home/3.jpg"></li>
<li class="titulo"><a href="noticias/?m=3&sm=2&id=7103">Evento Iniciantes</a></li>
<li class="data"><a href="noticias/?m=3&sm=2&id=7103">18.01.12</a></li>
</ul>
</div>
<div id="banner"><!--[if !IE]> -->
<object type="application/x-shockwave-flash" data="http://pb.ongame.com.br/flash/banner.swf" width="280" height="166">
<!-- <![endif]-->
<!--[if IE]>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
width="280" height="166">
<param name="movie" value="http://pb.ongame.com.br/flash/banner.swf" />
<!--><!---->
<param name="loop" value="true">
<param name="menu" value="false">
<param name="wmode" value="transparent">
<p><a href="http://get.adobe.com/flashplayer/">Voc� n�o possui o plugin do flash instalado. Clique para instalar</a></p>
</object>
<!-- <![endif]--></div>
</div>
Depois adiciona este código em sua Folha de estilo CSS
- Código:
#capa #conteudo #meio #noticias_banner {
width: 592px;
height: 244px;
background: url(http://imagem.ongame.com.br/pb/home/destaques.jpg) no-repeat;
}
#capa #conteudo #meio #noticias_banner .slider {
width: 100px;
position: absolute;
display: none;
margin: 55px 0 0 12px;
color: white;
}
#capa #conteudo #meio #noticias_banner ul#botoes {
margin: 30px 0 0 20px;
height: auto;
position: absolute;
}
#capa #conteudo #meio #banner {
top: 20px;
right: 82px;
position: absolute;
}
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
•Express- Membro
- Membro desde : 22/01/2012
Mensagens : 633
Pontos : 909 -
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Widget de notícias com slide de imagens
por •Express 12.04.12 23:04
aqui está: habboplayforever.forumeiros.com
mals ae cara sasahushausua
mals ae cara sasahushausua
•Express- Membro
- Membro desde : 22/01/2012
Mensagens : 633
Pontos : 909 -
Re: Widget de notícias com slide de imagens
por Roevs 13.04.12 2:56
Olá creio que não sera Possível estava Estudando mais um Pouco sobre aquilo e vi que e Adobe Flash Player e eu não sei Muito sobre Adobe Flash Player
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Widget de notícias com slide de imagens
por •Express 13.04.12 3:02
@Coper escreveu:Olá creio que não sera Possível estava Estudando mais um Pouco sobre aquilo e vi que e Adobe Flash Player e eu não sei Muito sobre Adobe Flash Player
deu um erro msm no adobe flahs player saka ele nao abre o slide
teria um mini slide que tem de 1 a 4 fotos? pegueno para windget
•Express- Membro
- Membro desde : 22/01/2012
Mensagens : 633
Pontos : 909 -
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Tópicos semelhantes» Slide com imagens e notícias
» Slide de notícias
» Slide de notícias
» Slide de notícias
» Slide de notícias
» Slide de notícias
» Slide de notícias
» Slide de notícias
» Slide de notícias
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