FREEDOM DESIGN

Liberdade de edição


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1 Slideshow em Dom Jan 27, 2013 12:40 am

Designer

No meu fórum ficou bugado o slide. Vejam o print:


Aqui está o tópico onde eu pedi o slide. http://frdesign.probb.org/t66-slideshow

No meu fórum de testes funcionou. No meu fórum normal não. Por que?



Ver perfil do usuário

2 Re: Slideshow em Dom Jan 27, 2013 12:56 am

Membro

Olá,

Crie um página HTML com este código

Código:
<center><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style>
.slide {font-family: verdana; font-size: 11px;}
</style>
<link rel="stylesheet" type="text/css" href="http://habboxhost1.orgfree.com/files/tooltip.css" />
 
 
<script type="text/javascript" language="javascript" src="http://habboxhost1.orgfree.com/files/tooltip.js"></script>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      <script src="http://habboxhost1.orgfree.com/scripts/mootools.v1.11.js" type="text/javascript"></script>
      <script src="http://habboxhost1.orgfree.com/scripts/jd.gallery.js" type="text/javascript"></script>
      <style type="text/css">

a:link {
 
  color: #E3BD00;
 
  font-weight: bold;
  text-decoration: none;
 
}
 
a:visited {
 
  color: #E3BD00;
  text-decoration: none;
 
}
 
a:hover {
 
  color: #E3BD00;
  text-decoration: none;
 
}
 
a:active {
 
  color: #E3BD00;
  text-decoration: none;
 
}
 
.style2 {font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;}
 
body,td,th {
 
  color: #FFFFFF;
  font-family: Calibri, Verdana, Helvetica, sans-serif;
    font-size: 6px;
  background: #FFFFFF;
 
}
     
     
#myGallery, #myGallerySet, #flickrGallery
{
  width: 954px;
  height: 293px;
  z-index:5;
  border: 1px solid #350000;
}

#flickrGallery
{
  width: 500px;
  height: 334px;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
  display: none;
}

.jdGallery
{
  overflow: hidden;
  position: relative;
}

.jdGallery img
{
  border: 0;
  margin: 0;
}

.jdGallery .slideElement
{
  width: 100%;
  height: 100%;
  background-color: #350000;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('img/loading-bar-black.gif');
}

.jdGallery .loadingElement
{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #350000;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('img/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
  position: absolute;
  z-index: 10;
  width: 100%;
  margin: 0px;
  left: 0;
  bottom: 0;
  height: 70px;
  background: #333;
  color: #fff;
  text-indent: 0;
  overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
  bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
  padding: 0;
  font-size: 80%;
  margin: 0;
  margin: 2px 5px;
  font-weight: bold;
  color: inherit;
}

.jdGallery .slideInfoZone p
{
  padding: 0;
  font-size: 60%;
  margin: 2px 5px;
  color: #eee;
}

.jdGallery div.carouselContainer
{
  position: absolute;
  height: 135px;
  width: 100%;
  z-index: 10;
  margin: 0px;
  left: 0;
  top: 0;
}

.jdGallery a.carouselBtn
{
  position: absolute;
  bottom: 0;
  right: 30px;
  height: 20px;
  /*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
  text-align: center;
  padding: 0 10px;
  font-size: 13px;
  background: #333;
  color: #fff;
  cursor: pointer;
}

.jdGallery .carousel
{
  position: absolute;
  width: 100%;
  margin: 0px;
  left: 0;
  top: 0;
  height: 115px;
  background: #333;
  color: #fff;
  text-indent: 0;
  overflow: hidden;
}

.jdExtCarousel
{
  overflow: hidden;
  position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
  position: absolute;
  width: 100%;
  height: 78px;
  top: 10px;
  left: 0;
  overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
  position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
  cursor: pointer;
  background: #350000;
  background-position: center center;
  float: left;
  border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
  margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
  font-size: 13px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  padding: 0;
  margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
  font-size: 10px;
  position: absolute;
  bottom: 5px;
  right: 10px;
  padding: 1px 2px;
  margin: 0;
  background: #222;
  border: 1px solid #888;
  cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
  color: #b5b5b5;
}
 
 
/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
  z-index: 15;
  position: absolute;
  top: 0;
  left: 30px;
  height: 20px;
  /*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
  text-align: center;
  padding: 0 10px;
  font-size: 13px;
  background: #333;
  color: #fff;
  cursor: pointer;
  opacity: .4;
  -moz-opacity: .4;
  -khtml-opacity: 0.4;
  filter:alpha(opacity=40);
}

.jdGallery .gallerySelector
{
  z-index: 20;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  background: #350000;
}

.jdGallery .gallerySelector h2
{
  margin: 0;
  padding: 10px 20px 10px 20px;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
  overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
  margin-left: 10px;
  margin-top: 10px;
  border: 1px solid #888;
  padding: 5px;
  height: 40px;
  color: #fff;
  cursor: pointer;
  float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
  background: #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
  background: #350000;
  background-position: center center;
  float: left;
  border: none;
  width: 40px;
  height: 40px;
  margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: normal;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: normal;
  color: #aaa;
}
 
<!--
 
#myGallery
 
{
 
width: 954px !important;
 
height: 293px !important;
 
}

 
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif}

 
-->
 
        </style>
 
</head>
 
  <body>
 
<script type="text/javascript">
 
function startGallery() {
 
var myGallery = new gallery($('myGallery'), {
 
timed: true
 
});
 
}
 
window.addEvent('domready', startGallery);
 
</script>
 
<style>
body{padding:0px;margin:0px;}
</style>
</head>
<body>

      <div align="center" class="content">
        <div id="myGallery">       

<div class="imageElement">

                <h3><font size="5">EM BREVE!</font></h3>
              <p class="style2"><font size="2"> <a target="_blank" href="http://i.imgur.com/8baEYxf.jpg">Aguardem!</a></font></p>             
                <a href="#" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://i.imgur.com/ARyopNF.png"  class="full"/><img src="http://i.imgur.com/bvIL2IP.png" class="thumbnail" />          </div>

<div class="imageElement">

                <h3><font size="5">Vagas Abertas!!</font></h3>
              <p class="style2"><font size="2">Estamos com vagas abertas para Designer e Editor da Shiny Magazine!! <a target="_blank" href="http://www.pokeshiny.com/f86-pedidos-de-cargo">Clique e nos mostre o seu talento!!</a></font></p>             
                <a href="#" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://i.imgur.com/OvyDf.png"  class="full"/><img src="http://i.imgur.com/r282B.png" class="thumbnail" />          </div>

<div class="imageElement">

                <h3><font size="5">Shiny Clans Clash #1</font></h3>
              <p class="style2"><font size="2">Clans entraram em Guerra!!<a target="_blank" href="http://www.pokeshiny.com/t8828-shiny-clans-clash-1#119286"> Clique Aqui e venha defender seu grupo!!</a></font></p>             
                <a href="#" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://i.imgur.com/tK1AC.png"  class="full"/><img src="http://i.imgur.com/ORhru.png" class="thumbnail" />          </div>             

<div class="imageElement">

                <h3><font size="5">Torneio Comemorativo 2013</font></h3>
              <p class="style2"><font size="2">Venha celebrar a chegada do novo ano jogando!<a target="_blank" href="http://www.pokeshiny.com/t8792-inscricoes-torneio-comemorativo-2013"> Primeira Fase em andamento</a></font></p>             
                <a href="#" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://i.imgur.com/jxPTe.png"  class="full"/><img src="http://i.imgur.com/vYcaR.png" class="thumbnail" />          </div>

<div class="imageElement">

                <h3><font size="5">PokeShiny Tours 2013</font></h3>
              <p class="style2"><font size="2">Todo mes vai rolar um campeonato relampago aqui no forum, <a target="_blank" href="http://www.pokeshiny.com/f37-pokeshiny-tour">fiquem ligados!!</a></font></p>             
                <a href="#" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://i.imgur.com/ejTVh.png"  class="full"/><img src="http://i.imgur.com/MDv4O.png" class="thumbnail" />          </div>

<div class="imageElement">

                <h3><font size="5">Desafio Shiny Magazine</font></h3>
              <p class="style2"><font size="2">Quer testar suas habilidades em design e ainda aparecer na Shiny Magazine? <a target="_blank" href="http://www.pokeshiny.com/f100-desafio-shiny-magazine">Conheca este novo campeonato que os Shiny Designers prepararam!!</a></font></p>             
                <a href="#" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://i.imgur.com/OT99Z.png"  class="full"/><img src="http://i.imgur.com/LkpGW.png" class="thumbnail" />          </div>
 
                             
</div>

</body>
</html></center>

Quando você for criar a página procure por " Você deseja utilizar o início e o final da página do seu fórum ? " Marque a Opção " Sim "

Depois adiciona este código em sua Home Page

Código:
<div class="panel introduction"><div class="inner"><span class="corners-top"><span></span></span><div class="mes-txt"><center><iframe style="left: 0px; right: 0px;" src="/h2-"frameborder="no" scrolling="no" height="293" width="954"></iframe></center></div><span class="corners-bottom"><span></span></span></div><div>

/h2-: Altere pelo numero da pagina HTML

Até



"Aquele que trabalha duro pode superar um gênio,mas,de nada adianta trabalhar duro se você não confia em você mesmo"
Ver perfil do usuário

3 Re: Slideshow em Dom Jan 27, 2013 1:02 am

Designer

Cara. ._.

Eu já sei o código, o que eu não sei, é: por que ficou bugado no meu fórum normal?

No meu forum de testes ficou normal.
Eis o meu fórum de testes:
http://narutoinvision.forumeiros.com/forum

meu fórum normal:
http://narutoreborn.ativoforum.com/forum
Print de COMO FICOU NO MEU FÓRUM NORMAL (coloquei o código, vi que estava bugado, e voltei pro antigo):


Eu gostaria de saber o PORQUE de ter ficado bugado no meu fórum. >.<'

Aguardo ! E até!



Ver perfil do usuário

4 Re: Slideshow em Dom Jan 27, 2013 1:06 am

Membro

Olá,

Poderia me falar se no seu fórum Normal tem algum outro código adiciona na sua Home Page ?

Até



"Aquele que trabalha duro pode superar um gênio,mas,de nada adianta trabalhar duro se você não confia em você mesmo"
Ver perfil do usuário

5 Re: Slideshow em Dom Jan 27, 2013 3:05 am

Designer

Olá,

não, não tem. Bem, no momento estou utilizando o código daquele slideshow básico. Mas eu retirei ele para colocar o do slideshow novo.

EDIT: Eu resolvi esse bug! Só que há um porém. Agora o tamanho da font diminuiu (apenas no index). Ela ficou pequena. Confira no meu fórum:
http://narutoreborn.ativoforum.com/forum

Meu código HTML:
Código:
<center><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style>
.slide {font-family: verdana; font-size: 11px;}
</style>
<link rel="stylesheet" type="text/css" href="http://habboxhost1.orgfree.com/files/tooltip.css" />
 
 
<script type="text/javascript" language="javascript" src="http://habboxhost1.orgfree.com/files/tooltip.js"></script>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      <script src="http://habboxhost1.orgfree.com/scripts/mootools.v1.11.js" type="text/javascript"></script>
      <script src="http://habboxhost1.orgfree.com/scripts/jd.gallery.js" type="text/javascript"></script>
      <style type="text/css">

a:link {
 
  color: #E3BD00;
 
  font-weight: bold;
  text-decoration: none;
 
}
 
a:visited {
 
  color: #E3BD00;
  text-decoration: none;
 
}
 
a:hover {
 
  color: #E3BD00;
  text-decoration: none;
 
}
 
a:active {
 
  color: #E3BD00;
  text-decoration: none;
 
}
 
.style2 {font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;}
 
body,td,th {
 
  color: #FFFFFF;
  font-family: Calibri, Verdana, Helvetica, sans-serif;
    font-size: 6px;
  background: #FFFFFF;
 
}
     
     
#myGallery, #myGallerySet, #flickrGallery
{
  width: 954px;
  height: 293px;
  z-index:5;
  border: 1px solid #350000;
}

#flickrGallery
{
  width: 500px;
  height: 334px;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
  display: none;
}

.jdGallery
{
  overflow: hidden;
  position: relative;
}

.jdGallery img
{
  border: 0;
  margin: 0;
}

.jdGallery .slideElement
{
  width: 100%;
  height: 100%;
  background-color: #350000;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('img/loading-bar-black.gif');
}

.jdGallery .loadingElement
{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #350000;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('img/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
  position: absolute;
  z-index: 10;
  width: 100%;
  margin: 0px;
  left: 0;
  bottom: 0;
  height: 70px;
  background: #333;
  color: #fff;
  text-indent: 0;
  overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
  bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
  padding: 0;
  font-size: 80%;
  margin: 0;
  margin: 2px 5px;
  font-weight: bold;
  color: inherit;
}

.jdGallery .slideInfoZone p
{
  padding: 0;
  font-size: 60%;
  margin: 2px 5px;
  color: #eee;
}

.jdGallery div.carouselContainer
{
  position: absolute;
  height: 135px;
  width: 100%;
  z-index: 10;
  margin: 0px;
  left: 0;
  top: 0;
}

.jdGallery a.carouselBtn
{
  position: absolute;
  bottom: 0;
  right: 30px;
  height: 20px;
  /*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
  text-align: center;
  padding: 0 10px;
  font-size: 13px;
  background: #333;
  color: #fff;
  cursor: pointer;
}

.jdGallery .carousel
{
  position: absolute;
  width: 100%;
  margin: 0px;
  left: 0;
  top: 0;
  height: 115px;
  background: #333;
  color: #fff;
  text-indent: 0;
  overflow: hidden;
}

.jdExtCarousel
{
  overflow: hidden;
  position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
  position: absolute;
  width: 100%;
  height: 78px;
  top: 10px;
  left: 0;
  overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
  position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
  cursor: pointer;
  background: #350000;
  background-position: center center;
  float: left;
  border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
  margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
  font-size: 13px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  padding: 0;
  margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
  font-size: 10px;
  position: absolute;
  bottom: 5px;
  right: 10px;
  padding: 1px 2px;
  margin: 0;
  background: #222;
  border: 1px solid #888;
  cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
  color: #b5b5b5;
}
 
 
/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
  z-index: 15;
  position: absolute;
  top: 0;
  left: 30px;
  height: 20px;
  /*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
  text-align: center;
  padding: 0 10px;
  font-size: 13px;
  background: #333;
  color: #fff;
  cursor: pointer;
  opacity: .4;
  -moz-opacity: .4;
  -khtml-opacity: 0.4;
  filter:alpha(opacity=40);
}

.jdGallery .gallerySelector
{
  z-index: 20;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  background: #350000;
}

.jdGallery .gallerySelector h2
{
  margin: 0;
  padding: 10px 20px 10px 20px;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
  overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
  margin-left: 10px;
  margin-top: 10px;
  border: 1px solid #888;
  padding: 5px;
  height: 40px;
  color: #fff;
  cursor: pointer;
  float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
  background: #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
  background: #350000;
  background-position: center center;
  float: left;
  border: none;
  width: 40px;
  height: 40px;
  margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: normal;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: normal;
  color: #aaa;
}
 
<!--
 
#myGallery
 
{
 
width: 954px !important;
 
height: 293px !important;
 
}

 
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif}

 
-->
 
        </style>
 
</head>
 
  <body>
 
<script type="text/javascript">
 
function startGallery() {
 
var myGallery = new gallery($('myGallery'), {
 
timed: true
 
});
 
}
 
window.addEvent('domready', startGallery);
 
</script>
 
<style>
body{padding:0px;margin:0px;}
</style>
</head>
<body>

      <div align="center" class="content">
        <div id="myGallery">       

<div class="imageElement">

                <h3><font size="5">Kumo vs Kiri</font></h3>
              <p class="style2"><font size="2">Kumo e Kiri estão em Guerra!!! <a target="_blank" href="http://narutoreborn.ativoforum.com/f24-fronteiras-da-vila">Clique aqui e fique por dentro dos acontecimentos dessa guerra!</a></font></p>             
                <a href="#" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://upamais.com/images/10136575807180344885.jpg"  class="full"/><img src="http://upamais.com/images/47187049694184758367.jpg" class="thumbnail" />          </div>

<div class="imageElement">

                <h3><font size="5">Suna News.</font></h3>
              <p class="style2"><font size="2">Novo kazekage em suna<a target="_blank" href="http://narutoreborn.ativoforum.com/t14497-chegada-hey-hey"> Clique Aqui e confira!!</a></font></p>             
                <a href="#" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://upamais.com/images/36660089694120228449.jpg"  class="full"/><img src="http://upamais.com/images/22193346681572934224.jpg" class="thumbnail" />          </div>             

<div class="imageElement">

                <h3><font size="5">Reavaliação dos Jutsus</font></h3>
              <p class="style2"><font size="2">Reavaliação dos jutsus chegando na reta final!<a target="_blank" href="http://narutoreborn.ativoforum.com/t14563-reset-dos-jutsus"> Já está em andamento!</a></font></p>             
                <a href="#" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://upamais.com/images/75355980045149393676.jpg"  class="full"/><img src="http://upamais.com/images/33878006617295758875.jpg" class="thumbnail" />          </div>

<div class="imageElement">

                <h3><font size="5">Que tal curtir o reborn no facebook?</font></h3>
              <p class="style2"><font size="2">Curta o reborn no facebook e ajude a divulga-lo!<a target="_blank" href="https://www.facebook.com/pages/Naruto-Reborn/449033091794333?ref=hl">fiquem ligados!!</a></font></p>             
                <a href="#" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://upamais.com/images/54759926786781071549.jpg"  class="full"/><img src="http://upamais.com/images/71974465301068076927.jpg" class="thumbnail" />          </div>

                         
</div>

</body>
</html></center>



Ver perfil do usuário

6 Re: Slideshow em Dom Jan 27, 2013 12:42 pm

Membro

Olá,

Substitua o seu código HTML por este

Código:
<center><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style>
.slide {font-family: verdana; font-size: 11px;}
</style>

      <style type="text/css">

#pun-intro {
background-color: transparent;
background-image: url(http://illiweb.com/fa/empty.gif);
background-repeat: repeat-x;
border-bottom: transparent;
margin: 0;
padding: 1.5em 1em 1em;
text-align: left;
}
#pun-logo {
background-image: none;
}
#pun-head #pun-navlinks {
background-color: transparent;
border-color: transparent;
padding: .5em 1.1em .6em;
}
#pun-navlinks a, #pun-navlinks a:visited {
color: transparent;
}
a:link {
 
  color: #E3BD00;
 
  font-weight: bold;
  text-decoration: none;
 
}
 
a:visited {
 
  color: #E3BD00;
  text-decoration: none;
 
}
 
a:hover {
 
  c@ �������83BD00;
  text-decoration: none;
 
}
 
a:active {
 
  color: #E3BD00;
  text-decoration: none;
 
}
 
.style2 {font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;}
 
body,td,th {
 
  color: #FFFFFF;
  font-family: Calibri, Verdana, Helvetica, sans-serif;
    font-size: 6px;
  background: #FFFFFF;
 
}
     
     
#myGallery, #myGallerySet, #flickrGallery
{
  width: 954px;
  height: 293px;
  z-index:5;
  border: 1px solid #350000;
}

#flickrGallery
{
  width: 500px;
  height: 334px;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
  display: none;
}

.jdGallery
{
  overflow: hidden;
  position: relative;
}
%@�������8@��img
{
  border: 0;
  margin: 0;
}

.jdGallery .slideElement
{
  width: 100%;
  height: 100%;
  background-color: #350000;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('img/loading-bar-black.gif');
}

.jdGallery .loadingElement
{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #350000;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('img/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
  position: absolute;
  z-index: 10;
  width: 100%;
  margin: 0px;
  left: 0;
  bottom: 0;
  height: 70px;
  background: #333;
  color: #fff;
  text-indent: 0;
  overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
  bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
  padding: 0;
  font-size: 80%;
  margin: 0;
  margin: 2px 5px;
  font-weight: bold;
  color: inherit;
}

.jdGallery .slideInfoZone p
{
  padding: 0;
  font-size: 60%;
  margin: 2px 5px;
  color: #eee;
}

.jdGallery div.carouselContainer
{
  position: absolute;
  height: 135px;
  width: 100%;
  z-index: 10;
  margin: 0px;
  left: 0;
  top: 0;
}

.jdGallery a.carouselBtn
{
  position: absolute;
  bottom: 0;
  right: 30px;
  height: 20px;
  /*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
  text-align: center;
  padding: 0 10px;
  font-size: 13px;
  background: #333;
  color: #fff;
  cursor: pointer;
}

.jdGallery .carousel
{
  position: absolute;
  width: 100%;
  margin: 0px;
  left: 0;
  top: 0;
  height: 115px;
  background: #333;
  color: #fff;
  text-indent: 0;
  overflow: hidden;
}

.jdExtCarousel
{
  overflow: hidden;
  position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
  position: absolute;
  width: 100%;
  height: 78px;
  top: 10px;
  left: 0;
  overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
  position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
  cursor: pointer;
  background: #350000;
  background-position: center center;
  float: left;
  border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
  margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
  font-size: 13px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  padding: 0;
  margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
  font-size: 10px;
  position: absolute;
  bottom: 5px;
  right: 10px;
  padding: 1px 2px;
  margin: 0;
  background: #222;
  border: 1px solid #888;
  cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
  color: #b5b5b5;
}
 
 
/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
  z-index: 15;
  position: absolute;
  top: 0;
  left: 30px;
  height: 20px;
  /*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
  text-align: center;
  padding: 0 10px;
  font-size: 13px;
  background: #333;
  color: #fff;
  cursor: pointer;
  opacity: .4;
  -moz-opacity: .4;
  -khtml-opacity: 0.4;
  filter:alpha(opacity=40);
}

.jdGallery .gallerySelector
{
  z-index: 20;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  background: #350000;
}

.jdGallery .gallerySelector h2
{
  margin: 0;
  padding: 10px 20px 10px 20px;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
  overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
  margin-left: 10px;
  margin-top: 10px;
  border: 1px solid #888;
  padding: 5px;
  height: 40px;
  color: #fff;
  cursor: pointer;
  float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
  background: #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
  background: #350000;
  background-position: center center;
  float: left;
  border: none;
  width: 40px;
  height: 40px;
  margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: normal;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: normal;
  color: #aaa;
}
 
<!--
 
#myGallery
 
{
 
width: 954px !important;
 
height: 293px !important;
 
}

 
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif}

 
-->
 
        </style>
 
</head>
 
  <body>
 
<script type="text/javascript">
 
function startGallery() {
 
var myGallery = new gallery($('myGallery'), {
 
timed: true
 
});
 
}
 
window.addEvent('domready', startGallery);
 
</script>
 
<style>
body{padding:0px;margin:0px;}
</style>
</head>
<body>

      <div align="center" class="content">
        <div id="myGallery">       

<div class="imageElement">

                <h3><font size="5">Kumo vs Kiri</font></h3>
              <p class="style2"><font size="2">Kumo e Kiri estão em Guerra!!! <a target="_blank" href="http://narutoreborn.ativoforum.com/f24-fronteiras-da-vila">Clique aqui e fique por dentro dos acontecimentos dessa guerra!</a></font></p>             
                <a href="#" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://upamais.com/images/10136575807180344885.jpg"  class="full"/><img src="http://upamais.com/images/47187049694184758367.jpg" class="thumbnail" />          </div>

<div class="imageElement">

                <h3><font size="5">Suna News.</font></h3>
              <p class="style2"><font size="2">Novo kazekage em suna<a target="_blank" href="http://narutoreborn.ativoforum.com/t14497-chegada-hey-hey"> Clique Aqui e confira!!</a></font></p>             
                <a href="#" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://upamais.com/images/36660089694120228449.jpg"  class="full"/><img src="http://upamais.com/images/22193346681572934224.jpg" class="thumbnail" />          </div>             

<div class="imageElement">

                <h3><font size="5">Reavaliação dos Jutsus</font></h3>
              <p class="style2"><font size="2">Reavaliação dos jutsus chegando na reta final!<a target="_blank" href="http://narutoreborn.ativoforum.com/t14563-reset-dos-jutsus"> Já está em andamento!</a></font></p>             
                <a href="#" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://upamais.com/images/75355980045149393676.jpg"  class="full"/><img src="http://upamais.com/images/33878006617295758875.jpg" class="thumbnail" />          </div>

<div class="imageElement">

                <h3><font size="5">Que tal curtir o reborn no facebook?</font></h3>
              <p class="style2"><font size="2">Curta o reborn no facebook e ajude a divulga-lo!<a target="_blank" href="https://www.facebook.com/pages/Naruto-Reborn/449033091794333?ref=hl">fiquem ligados!!</a></font></p>             
                <a href="#" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://upamais.com/images/54759926786781071549.jpg"  class="full"/><img src="http://upamais.com/images/71974465301068076927.jpg" class="thumbnail" />          </div>

                         
</div>

</body>
</html></center>

Até



"Aquele que trabalha duro pode superar um gênio,mas,de nada adianta trabalhar duro se você não confia em você mesmo"
Ver perfil do usuário

7 Re: Slideshow em Dom Jan 27, 2013 5:30 pm

Designer

Olá,

não resultou e ainda bugou o slide.



Ver perfil do usuário


Conteúdo patrocinado

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum