Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Slideshow com links

2 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

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

Tópico resolvido Slideshow com links

Mensagem 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
Horlock

Horlock
***

Membro desde : 06/12/2012
Mensagens : 132
Pontos : 261

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Slideshow com links

Mensagem por BrunoH. 08.12.12 9:02

Olá!
Aceda a "Gestão das Páginas HTML":
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão das Páginas HTML
Crie uma nova página HTML com o seguinte código:
Código:

<!-- Editado por Firenando                                                        -->   
<!-- Copyright - Firenando & Brasil Designer Forever                              -->
<!-- http://br-designerforever.forumeiros.com                                    -->
<!-- Se usar esta página HTML, seu Web Site poderá ser processado judiricialmente -->
<!-- <a href="http://www.forumeiros.com" target="_blank">forumeiros.com</a> -->   

<!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'
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Slideshow com links

Mensagem por Horlock 08.12.12 19:41

Valew
Horlock

Horlock
***

Membro desde : 06/12/2012
Mensagens : 132
Pontos : 261

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

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