Slide de noticias

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

Resolvido Slide de noticias

Mensagem por LinkinP. em 12/09/13, 08:06 pm

Qual é minha questão:
Olá gostaria de inserir um slide de noticia masi não sei gostaria que o slide fosse este:

Código:
<html><head></head><body><center>








<style>
.slide {font-family: Calibri; 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;}
 
body,td,th {
 
   color: #000000;
   font-family: Calibri, Verdana, Helvetica, sans-serif;
    font-size: 6px;
   background: #000000;
 
}
      
      
#myGallery, #myGallerySet, #flickrGallery
{
   width: 990px;
   height: 293px;
   z-index:5;
   border: 1px solid #000000;
}




#flickrGallery
{
   width: 990px;
   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: #000000;
   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: #FFFFFF;
   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: 770px !important;
 
height: 293px !important;
 
}




 
.style2 {font-family: Calibri;}




 
-->
 
        </style>
 




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












      <div align="center" class="content">
         <div id="myGallery" class="jdGallery withArrows" style="display: block;">         












































    








 
                               
<a class="open" href="http://pokemonrpgfp.forumeiros.com/h1-slide#" title="  " style="display: block;"></a><div class="slideElement" style="position: absolute; left: 0px; right: 0px; margin: 0px; padding: 0px; visibility: visible; zoom: 1; opacity: 1; background-image: url(http://i.imgur.com/ssjNQ6j.png); background-position: 50% 50%;"></div><div class="slideElement" style="position: absolute; left: 0px; right: 0px; margin: 0px; padding: 0px; visibility: visible; zoom: 1; opacity: 1; background-image: url(http://i.imgur.com/pZBco6y.png); background-position: 50% 50%;"></div><div class="slideElement" style="position: absolute; left: 0px; right: 0px; margin: 0px; padding: 0px; visibility: hidden; zoom: 1; opacity: 0; background-image: url(http://i.imgur.com/zw4WveF.png); background-position: 50% 50%;"></div><div class="slideElement" style="position: absolute; left: 0px; right: 0px; margin: 0px; padding: 0px; visibility: hidden; zoom: 1; opacity: 0; background-position: 50% 50%;"></div><div class="slideElement" style="position: absolute; left: 0px; right: 0px; margin: 0px; padding: 0px; visibility: hidden; zoom: 1; opacity: 0; background-position: 50% 50%;"></div><div class="slideElement" style="position: absolute; left: 0px; right: 0px; margin: 0px; padding: 0px; visibility: hidden; zoom: 1; opacity: 0; background-position: 50% 50%;"></div><a class="left"></a><a class="right"></a><div class="loadingElement" style="display: none;"></div><div class="slideInfoZone" style="visibility: visible; zoom: 1; opacity: 0.9; height: 70px;"><h2><font size="5">Chegou a Hora de Brilhar!</font></h2><p><font size="2"> Uma nova era de torneios se iniciou, conquiste ja sua vaga neste evento clicando   <a target="_blank" href="http://pokemonrpgfp.forumeiros.com/t1289-eros-festival#10267"> AQUI </a></font></p></div><div class="carouselContainer" style="visibility: visible; zoom: 1; opacity: 0.7; top: -115px;"><a class="carouselBtn" title="Todas Notícias [+]">Todas Notícias [+]</a><div class="carousel"><p class="label"></p><div class="carouselWrapper"><div class="carouselInner" style="width: 682px;"><div class="thumbnail" style="background-image: url(http://i.imgur.com/MUVzQ42.png); margin-left: 10px; width: 100px; height: 75px; visibility: visible; zoom: 1; opacity: 0.7; background-position: 50% 50%; background-repeat: no-repeat no-repeat;"></div><div class="thumbnail" style="background-image: url(http://i.imgur.com/02faiA4.png); margin-left: 10px; width: 100px; height: 75px; visibility: visible; zoom: 1; opacity: 0.7; background-position: 50% 50%; background-repeat: no-repeat no-repeat;"></div><div class="thumbnail" style="background-image: url(http://i.imgur.com/dl00Ey9.png); margin-left: 10px; width: 100px; height: 75px; visibility: visible; zoom: 1; opacity: 0.7; background-position: 50% 50%; background-repeat: no-repeat no-repeat;"></div><div class="thumbnail" style="background-image: url(http://i.imgur.com/VotA1hF.png); margin-left: 10px; width: 100px; height: 75px; visibility: visible; zoom: 1; opacity: 0.7; background-position: 50% 50%; background-repeat: no-repeat no-repeat;"></div><div class="thumbnail" style="background-image: url(http://i.imgur.com/TupBjWw.png); margin-left: 10px; width: 100px; height: 75px; visibility: visible; zoom: 1; opacity: 0.7; background-position: 50% 50%; background-repeat: no-repeat no-repeat;"></div><div class="thumbnail" style="background-image: url(http://i.imgur.com/z5ujW0U.png); margin-left: 10px; width: 100px; height: 75px; visibility: visible; zoom: 1; opacity: 0.7; background-position: 50% 50%; background-repeat: no-repeat no-repeat;"></div></div></div></div></div></div>








</div></center></body></html>
Gostaria apenas saber como colocar ^-^

Endereço do meu fórum:
http://saorpg.forumeiro.com

Versão do fórum:
PHPBB3


Última edição por LinkinP. em 12/09/13, 08:22 pm, editado 1 vez(es)

LinkinP.
Usuário avançado

Masculino
Inscrito dia : 16/06/2013
Mensagens : 302
Pontos Ativos : 508

Ver perfil do usuário http://saorpg.forumeiro.com

Resolvido Re: Slide de noticias

Mensagem por Sennior em 12/09/13, 08:12 pm

Olá amigo,

Coloque em:
Painel de Controle Seta Visualização Seta Home Page Seta Geral

<li> Coloque no campo "Mensagem da Home page";

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

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