Slideshow com links

por Horlock 08.12.12 2:22

Qual é minha questão:
Quero fazer um slideshow igual ao abaixo algum pode me ajudar

Imagem: Slideshow com links YaL7X

Fórum onde vi: htttp://br-designerforever.forumeiros.com

Endereço do meu fórum:
http://klone-downs.forumeiros.com

Versão do fórum:
PUNBB

por BrunoH. 08.12.12 9:02

Olá!
Aceda a "Gestão das Páginas HTML":

Painel de Controle Módulos HTML & JAVASCRIPT Gestão das Páginas HTML

Crie uma nova página HTML com o seguinte código:

Código::      <!DOCTYPE html> <html dir="ltr" lang="en"> <head> <meta charset="UTF-8" /> <title>Brasil Designer Forever</title> <base href="http://livedemo00.template-help.com/opencart_41340/" /> <meta name="description" content="Brasil Designer Forever" /> <link href="http://i.imgur.com/E6LKE.png" rel="icon" /> <link rel="stylesheet" type="text/css" href="catalog/view/theme/theme105/stylesheet/stylesheet.css" /> <link href="catalog/view/theme/theme105/stylesheet/cloud-zoom.css" rel="stylesheet" type="text/css" /> <link href="catalog/view/theme/theme105/stylesheet/superfish.css" rel="stylesheet" type="text/css" /> <link href="catalog/view/theme/theme105/stylesheet/slideshow.css" rel="stylesheet" type="text/css" /> <link href="catalog/view/theme/theme105/stylesheet/jquery.prettyPhoto.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="catalog/view/javascript/jquery/ui/jquery-ui-1.8.16.custom.min.js"></script> <link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/ui/themes/ui-lightness/jquery-ui-1.8.16.custom.css" /> <script type="text/javascript" src="catalog/view/javascript/jquery/ui/external/jquery.cookie.js"></script> <script type="text/javascript" src="catalog/view/javascript/jquery/fancybox/jquery.fancybox-1.3.4.pack.js"></script> <link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/fancybox/jquery.fancybox-1.3.4.css" media="screen" /> <script type="text/javascript" src="catalog/view/javascript/jquery/colorbox/jquery.colorbox.js"></script> <script type="text/javascript" src="catalog/view/javascript/jquery/jquery.jcarousel.min.js"></script> <script type="text/javascript" src="catalog/view/javascript/jquery/jquery.cycle.js"></script> <link href="catalog/view/theme/theme105/stylesheet/skin.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/colorbox/colorbox.css" media="screen" /> <link href='http://fonts.googleapis.com/css?family=Bitter:400,700' rel='stylesheet' type='text/css'> <link rel='stylesheet' id='camera-css' href='catalog/view/theme/theme105/stylesheet/camera.css' type='text/css' media='all'> <script type="text/javascript" src="catalog/view/javascript/jquery/tabs.js"></script> <script type="text/javascript" src="catalog/view/javascript/jquery/easyTooltip.js"></script> <script type="text/javascript" src="catalog/view/javascript/common.js"></script> <script type="text/javascript" src="catalog/view/javascript/jQuery.equalHeights.js"></script> <script type="text/JavaScript" src="catalog/view/javascript/cloud-zoom.1.0.2.js"></script> <script type="text/javascript" src="catalog/view/javascript/jquery.prettyPhoto.js"></script> <script type="text/javascript" src="catalog/view/javascript/jscript_zjquery.anythingslider.js"></script> <script type="text/javascript" src="catalog/view/javascript/superfish.js"></script> <script type="text/javascript" src="catalog/view/javascript/jquery.bxSlider.min.js"></script> <script type="text/javascript" src="catalog/view/javascript/script.js"></script> <script type="text/javascript" src="catalog/view/javascript/jquery/nivo-slider/jquery.nivo.slider.pack.js"></script> <script type='text/javascript' src='catalog/view/javascript/sl/camera.min.js'></script> <link rel="stylesheet" type="text/css" href="catalog/view/theme/theme105/stylesheet/livesearch.css"/> </head> <body class="common-home"><div class="main-shining"><div class="row-1"><div id="header"> <div class="outer"> <div id="logo"> <p style="font-size: 35px;color: #A3A3A3; text-shadow: 1px 1px 1px #B0B0B0;">Brasil Designer Forever</p><sup>Novo Layout!</sup><title="Brasil Designer Forever" alt="Brasil Designer Forever" /></div> <div class="header-top1"> <div class="cart-position"> <form action="http://livedemo00.template-help.com/opencart_41340/index.php?route=module/currency" method="post" enctype="multipart/form-data"> <div id="currency"><span> Currency</span> </div> </form> <div class="cart-inner" style="text-align: center;"><div id="cart" style="text-align: center;"> <div class="heading" style="margin-left: 20px;"> <b><a href="http://br-designerforever.forumeiros.com/login">Login</a> - <a href="http://br-designerforever.forumeiros.com/register">Registrar</a></b> </div> </div> </div> </div> <div id="search"> </div> <div class="clear"></div> <div class="clear"></div> </div> <div class="clear"></div> </div> </div><div id="menu"> <script type="text/javascript"> $(document).ready(function(){ $('.menu ul li').last().addClass('last'); $('.menu ul li li').last().addClass('last'); }); </script> <ul class="menu"> <li class="cat_1"></li> <li class="cat_1"> <a href="http://br-designerforever.forumeiros.com/forum">Início</a> <ul> <li> <a class="screenshot1" href="http://br-designerforever.forumeiros.com/c1-administracao">Administração</a> </li> <li> <a class="screenshot1" href="http://br-designerforever.forumeiros.com/c2-vips">Vips</a> </li> <li> <a class="screenshot1" href="http://br-designerforever.forumeiros.com/c3-designer-zone">Designer Zone</a> </li> <li> <a class="screenshot1" href="http://br-designerforever.forumeiros.com/c5-programacao">Programação</a> </li> <li> <a class="screenshot1" href="http://br-designerforever.forumeiros.com/c7-temas">Temas</a> </li> <li> <a class="screenshot1" href="http://br-designerforever.forumeiros.com/c4-assuntos-em-geral">Assuntos em geral</a> </li> </ul> </li> <li class="cat_2"> <a href="http://br-designerforever.forumeiros.com/portal">Portal</a> </li> <li class="cat_3"> <a href="http://br-designerforever.forumeiros.com/faq">FAQ</a> </li> <li class="cat_4"> <a href="http://br-designerforever.forumeiros.com/search">Buscar</a> </li> <li class="cat_5"> <a href="http://br-designerforever.forumeiros.com/memberlist">Membros</a> </li> <li class="cat_7"> <a href="http://br-designerforever.forumeiros.com/groups">Grupos</a> </li> <li class="cat_7"> <a href="http://br-designerforever.forumeiros.com/search?search_id=newposts">Últimas Postagens</a> </li> <li class="cat_8"> <a href="http://br-designerforever.forumeiros.com/">Tops</a> <ul> <li> <a class="screenshot1" href="http://br-designerforever.forumeiros.com/memberlist?mode=overall_posters">Top postadores do fórum</a> </li> <li> <a class="screenshot1" href="http://br-designerforever.forumeiros.com/memberlist?mode=today_posters">Top postadores do dia</a> </li> <li> <a class="screenshot1" href="http://br-designerforever.forumeiros.com/search?search_id=activetopics">Top tópicos ativos do dia</a> </li> </ul> </li> </ul> <div class="clear"></div> </div> </div><div class="clear"></div> <div class="header-modules"> <script> jQuery(function(){ jQuery('#camera_wrap_0').camera({ height: '366px', fx: 'simpleFade', navigation: true, playPause: false, thumbnails: false, barPosition: 'top', loader: false, time: 3000, transPeriod:800, pagination: false }); }); </script><div class="fluid_container" style="width: 1018px; height: 366px;"> <div class=" camera_green_skin" id="camera_wrap_0"> <div title="" data-thumb="http://i.imgur.com/A2dGQ.png" data-src="http://i.imgur.com/A2dGQ.png"> <div class="camera_caption moveFromRight"> <h1>Novo Layout</h1> <p>Estamos com um novo Layout no fórum, juntamente com uma nova versão. Entre no fórum e confira!</p> <a href="http://br-designerforever.forumeiros.com" class="button-2">Acessar o fórum</a> </div> </div> <div title="" data-thumb="http://i.imgur.com/2mS6v.png" data-src="http://i.imgur.com/2mS6v.png"> <div class="camera_caption moveFromRight"> <h1>Designer Zone</h1> <p>Na área Designer Zone você pode fazer pedidos gráficos, pedir tutoriais, recursos e muito mais. Você também pode fazer download's de recursos de diversos Softwares.</p> <a href="http://br-designerforever.forumeiros.com/c3-designer-zone" class="button-2">Acessar o fórum</a> </div> </div> <div title="" data-thumb="http://i.imgur.com/XQZjQ.png" data-src="http://i.imgur.com/XQZjQ.png"> <div class="camera_caption moveFromRight"> <h1>Sobre nós</span> </h1> <p>Brasil Designer Forever é uma equipe que da suporte a você sobre Designer, e além de Designer, Web Designer, Criação de Temas para usuários Forumeiros e ainda o diverte com a nossa área de Bate-Papo</p> <a href="http://br-designerforever.forumeiros.com/c3-designer-zone" class="button-2">Acessar o fórum</a> </div> </div> </div> </div> <div id="banner0" class="banner"> <div><a href="http://br-designerforever.forumeiros.com/f1-regras"><img src="http://i.imgur.com/uZYnz.png" alt="" title="" /></a></div> <div><a href="http://br-designerforever.forumeiros.com/f16-eventos"><img src="http://i.imgur.com/23pxA.png" alt="" title="" /></a></div> <div><a href="http://br-designerforever.forumeiros.com/f6-shop"><img src="http://i.imgur.com/j2kqb.png" alt="" title="" /></a></div> </div> <div class="clear"></div> </div><div class="clear"></div> <div id="content"><script type="text/javascript"> (function($){$.fn.equalHeights=function(minHeight,maxHeight){tallest=(minHeight)?minHeight:0;this.each(function(){if($(this).height()>tallest){tallest=$(this).height()}});if((maxHeight)&&tallest>maxHeight)tallest=maxHeight;return this.each(function(){$(this).height(tallest)})}})(jQuery) $(window).load(function(){ if($(".maxheight-feat").length){ $(".maxheight-feat").equalHeights()} }); </script> </div> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-7078796-5']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })();</script> </body></html>

e Salve!

Até mais! Piscada

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'

por Horlock 08.12.12 19:41

Valew

Slideshow com links

Slideshow com links

Re: Slideshow com links

Re: Slideshow com links