Código de novidades e atualizações

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

Resolvido Código de novidades e atualizações

Mensagem por ~WolF~ em 14/02/11, 05:24 am

Qual é sua questão:
Quero saber o código dessa novidades & atualizações :





Que medidas você tomou para corrigir o problema:
Nenhuma

Apresente-nos imagens do problema (se necessário):
http://img207.imageshack.us/img207/571/imagem2121223.png

~WolF~
Nível 9

Masculino
Inscrito dia : 31/03/2010
Mensagens : 191
Pontos Ativos : 275

Ver perfil do usuário http://globonews.forumeiros.com/

Resolvido Re: Código de novidades e atualizações

Mensagem por Callie em 15/02/11, 09:50 am

Olá ~Wolf~,

O código é este:

Código:
<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: #FFFFFF;
 
   font-weight: bold;
   text-decoration: none;
 
}
 
a:visited {
 
   color: #FFFFFF;
   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: 651px;
   height: 160px;
   z-index:5;
   border: none;
}
 
#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: #000;
   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: #000;
   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: 40px;
   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: #000;
   background-position: center center;
   float: left;
   border: none;
}
 
.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: #000;
}
 
.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: #000;
   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: 430px !important;
 
height: 200px !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="right" class="content">
         <div id="myGallery">         
              <div class="imageElement">
 
                              <!--- Face Book ----!>
                <h3><font size="2"> <a href="http://www.naalta.com/login.forum?" >Conecte-se Com o Facebook</font></h3>
              <p class="style2"><font size="2">Preguiça de registrar?</a><a target="_blank" href="http://www.naalta.com/profile.forum?mode=viewprofile&u=2">By Niko</a></font></p>   
                 <a href="http://www.naalta.com/login.forum?" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://img201.imageshack.us/img201/3605/facebookmt.png"  class="full"/><img src="http://img201.imageshack.us/img201/3605/facebookmt.png" class="thumbnail" />           </div>
            <div class="imageElement">
 
                                <!--- Equipe ----!>
               <h3><font size="2"><a href="http://www.naalta.com/anuncios-f4/membros-do-mes-t1950.htm#7921">Membro do mes</font></h3>
                <p class="style2"><font size="2">Membro do mes </a> <a target="_blank" href="http://www.naalta.com/profile.forum?mode=viewprofile&u=2">By Niko</a></font></p>
                 <a href="http://www.naalta.com/anuncios-f4/membros-do-mes-t1950.htm#7921" title="  " class="open" target="conteudo_ihabbo"><img src="http://img545.imageshack.us/img545/7610/membrodomescopy.png"  class="full"/></a><img src="http://img545.imageshack.us/img545/7610/membrodomescopy.png" class="thumbnail" />           </div>           
            <div class="imageElement">
 
                                <!--- Mascote ----!>
               <h3><font size="2"><a href="http://www.naalta.com/participar-do-album-de-figurinhas-f211/inscricao-no-concurso-album-de-figurinhas-campeonato-brasileiro-t1936.htm#7917">Album de figurinhas </font></h3><!--- TITULO ----!>
                <p class="style2"><font size="2">Album de figurinhas</a> <a target="_blank" href="http://www.naalta.com/profile.forum?mode=viewprofile&u=2">By Niko</a></font></p><!--- SUBTITULO ----!>
                 <a href="http://www.naalta.com/participar-do-album-de-figurinhas-f211/inscricao-no-concurso-album-de-figurinhas-campeonato-brasileiro-t1936.htm#7917" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://img251.imageshack.us/img251/8681/albumdefigurinhas.png"  class="full"/><img src="http://img251.imageshack.us/img251/8681/albumdefigurinhas.png" class="thumbnail" />           </div> <!--- IMAGENS ----!>       
            <div class="imageElement">
           
                                <!--- Concursos ----!>         
               <h3><font size="2"><a href="http://www.naalta.com/signature-of-the-week-sotw-f121/vamos-movimentar-essa-area-aqui-t1904.htm#7760">Signature Of Month </a></font></h3>
                <p class="style2"><font size="2">Signature Of Month  <a target="_blank" href="http://www.naalta.com/profile.forum?mode=viewprofile&u=2">By Niko</a></font></p>
                 <a href="http://www.naalta.com/temas-templetes-f185/forumeirostemas-para-halloween-by-naaltacom-t1903.htm#7690" title="  " class="open" target="conteudo_ihabbo"></a><img src="http://img835.imageshack.us/img835/1837/signgy.png"  class="full"/><img src="http://img835.imageshack.us/img835/1837/signgy.png" class="thumbnail" />           </div>

Provavelmente terá de separar o css do resto.
Até mais.
avatar

Callie
Principal contribuidor
Principal contribuidor

Feminino
Inscrito dia : 20/12/2009
Mensagens : 5007
Pontos Ativos : 7285

Ver perfil do usuário

Resolvido Re: Código de novidades e atualizações

Mensagem por ~WolF~ em 15/02/11, 12:03 pm

Mais tipo esse,não é igual não tem o [+ Todas Noticias]E também quando a pessoa adiciona as letras do fórum ficam pequenas.

~WolF~
Nível 9

Masculino
Inscrito dia : 31/03/2010
Mensagens : 191
Pontos Ativos : 275

Ver perfil do usuário http://globonews.forumeiros.com/

Resolvido Re: Código de novidades e atualizações

Mensagem por Convidad em 15/02/11, 05:28 pm

Boa tarde,

Qual é o endereço do site/blog/forum que você viu o código em funcionamento?

Atenciosamente.

Convidad
Convidado


Resolvido Re: Código de novidades e atualizações

Mensagem por ~WolF~ em 15/02/11, 07:10 pm

É este aqui http://visual-arts.forumeiros.com/ mrsupero.

~WolF~
Nível 9

Masculino
Inscrito dia : 31/03/2010
Mensagens : 191
Pontos Ativos : 275

Ver perfil do usuário http://globonews.forumeiros.com/

Resolvido Re: Código de novidades e atualizações

Mensagem por Callie em 15/02/11, 11:53 pm

Olá de novo,

Veja este:

Código:
<!-- /////////////////////// INICIO IMAGENS TROCANDO /////////////////////// -->

<script type="text/javascript" src="http://war-design.com/wd/public/js/ips.newsQuerySosJS.js"></script>
<script type="text/javascript" src="http://war-design.com/wd/public/js/ips.newsSosJS.js"></script>
<script type="text/javascript">
var mygallery=new fadeSlideShow({
    wrapperid: "slideshow_exibir", //ID of blank DIV on page to house Slideshow
    dimensions: [430, 200], //dimensões
    imagearray: [
       
["http://img151.imageshack.us/img151/6189/regras2m.png", "http://visual-arts.forumeiros.com/t2-regras-gerais-do-forum", "_new", "Regras Gerais,Leia!"], //REGRAS


["http://img204.imageshack.us/img204/1167/staffyn.png", "http://visual-arts.forumeiros.com/t6-staff-visual-art-s-2011", "_new", "[STAFF]Visual Arts V-A"],//STAFF
 

["http://img340.imageshack.us/img340/4791/temak.png", "http://visual-arts.forumeiros.com/t72-14-02-novo-tema-v-a", "_new", "14/02 Novo tema V-A"],//TEMA
 

["http://img833.imageshack.us/img833/3253/shopp.png", "Imagem1", "_new", "Novo WebShop"],//SHOPP
     

["http://img710.imageshack.us/img710/8864/cashb.png", "Imagem1", "_new", "Sistema de Cash,Confira"],//CASH
       

["http://img16.imageshack.us/img16/7679/chatbk.png", "http://visual-arts.forumeiros.com/t70-novidade-chatbox", "_new", "Novo ChatBox Adicionado!"],//CHAT
    ],
     
    displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
    persist: false, //remember last viewed slide and recall within same session?
    fadeduration: 2000, //transition duration (milliseconds)
    descreveal: "peekaboo",
    togglerid: ""
})
</script><div class="slideshowborda" id="slideshow_exibir" style="z-index: 1; position: relative; visibility: visible; background: none repeat scroll 0% 0% black; overflow: hidden; width: 430px; height: 200px;"><div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: none repeat scroll 0% 0% black; z-index: 999;" class="gallerylayer"><a href="http://visual-arts.forumeiros.com/t2-regras-gerais-do-forum" target="_new">
<img src="http://img151.imageshack.us/img151/6189/regras2m.png" style="border-width: 0pt; display: none;">
</a>
<a href="http://visual-arts.forumeiros.com/t6-staff-visual-art-s-2011" target="_new">
<img src="http://img204.imageshack.us/img204/1167/staffyn.png" style="border-width: 0pt; display: none;">
</a>

<a href="http://visual-arts.forumeiros.com/t72-14-02-novo-tema-v-a" target="_new">
<img src="http://img340.imageshack.us/img340/4791/temak.png" style="border-width: 0pt; display: none;">
</a>
<a href="Imagem1" target="_new">
<img src="http://img833.imageshack.us/img833/3253/shopp.png" style="border-width: 0pt; display: none;">
</a>
<a href="Imagem1" target="_new">
<img src="http://img710.imageshack.us/img710/8864/cashb.png" style="border-width: 0pt; display: none;">
</a>
<a href="http://visual-arts.forumeiros.com/t70-novidade-chatbox" target="_new">
<img src="http://img16.imageshack.us/img16/7679/chatbk.png" style="border-width: 0pt; display: none;">
</a>
</div><div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: none repeat scroll 0% 0% black; z-index: 1000; opacity: 1;" class="gallerylayer"><a href="http://visual-arts.forumeiros.com/t2-regras-gerais-do-forum" target="_new">
<img src="http://img151.imageshack.us/img151/6189/regras2m.png" style="border-width: 0pt; display: inline; margin-left: 0px; margin-top: 0px;">
</a>
<a href="http://visual-arts.forumeiros.com/t6-staff-visual-art-s-2011" target="_new">
<img src="http://img204.imageshack.us/img204/1167/staffyn.png" style="border-width: 0pt; display: none;">

</a>
<a href="http://visual-arts.forumeiros.com/t72-14-02-novo-tema-v-a" target="_new">
<img src="http://img340.imageshack.us/img340/4791/temak.png" style="border-width: 0pt; display: none;">
</a>
<a href="Imagem1" target="_new">
<img src="http://img833.imageshack.us/img833/3253/shopp.png" style="border-width: 0pt; display: none;">
</a>
<a href="Imagem1" target="_new">
<img src="http://img710.imageshack.us/img710/8864/cashb.png" style="border-width: 0pt; display: none;">
</a>
<a href="http://visual-arts.forumeiros.com/t70-novidade-chatbox" target="_new">
<img src="http://img16.imageshack.us/img16/7679/chatbk.png" style="border-width: 0pt; display: none;">
</a>
</div><img src="loading.gif" style="position: absolute; left: 188px; top: 45px; display: none;"><div style="position: absolute; visibility: visible; width: 100%; left: 0px; top: 200px; font: 11px Verdana; z-index: 1001; height: 21px;" class="fadeslidedescdiv"><div style="position: absolute; left: 0px; top: 0px; width: 422px; padding: 4px; background: none repeat scroll 0% 0% black; opacity: 0.7; height: 100%;" class="descpanelbg"></div><div style="position: absolute; left: 0px; top: 0px; width: 422px; padding: 4px; color: white; height: 100%;" class="descpanelfg">Regras Gerais,Leia!</div></div></div>

<!-- /////////////////////// FIM IMAGENS TROCANDO /////////////////////// -->

</td>

<td align="center"><div id="novidadesa" style="text-align: left; margin-top: 15px; font-size: 11px;">




<table border="0">

<tbody><tr><td colspan="3" style="font-size: 12px; color: rgb(41, 41, 41);"><img src="http://illiweb.com/fa/pbucket.gif"><b> Design ~</b> </td></tr>
<tr><td>          </td><td style="font-size: 11px; color: rgb(41, 41, 41);">
<!-- LINKS DESIGN -->

Em Breve...



<!-- FINAL LINKS DESIGN -->

Até mais.
avatar

Callie
Principal contribuidor
Principal contribuidor

Feminino
Inscrito dia : 20/12/2009
Mensagens : 5007
Pontos Ativos : 7285

Ver perfil do usuário

Resolvido Re: Código de novidades e atualizações

Mensagem por ~WolF~ em 16/02/11, 03:50 am

Esse ai é do meu eu quero tipo esse fórum http://www.naalta.com/forum

~WolF~
Nível 9

Masculino
Inscrito dia : 31/03/2010
Mensagens : 191
Pontos Ativos : 275

Ver perfil do usuário http://globonews.forumeiros.com/

Resolvido Re: Código de novidades e atualizações

Mensagem por Luciano98 em 16/02/11, 04:43 am

Olá,

Vá em Painel de Controle > Módulo > Gestão de páginas HTML > Criar uma nova página HTML
Título * : A sua escolha
Você deseja utilizar o início e o final da página do seu fórum ? Não
Usar esta página como página inicial? Não
Código HTML * : Aqui vai o código que logo abaixo você ira modificar

Agora modifique as seguintes informações no código pelos valores citados(procure pelas variáveis e substitua elas pelos links pedidos abaixo):
LINKTOPICOMEMBRODOMES = Link do Tópico da noticia Membro do Mês.

IMAGEMMEMBRODOMES = Imagem que ira aparece na noticia Membro do mês. Tamanho obrigatório: "430x200"

LINKTOPICOALBUMDEFIGURINHAS = Link do Tópico da noticia Álbum de Figurinhas

LINKTOPICOASSINATURADOMES = Link do Tópico da Assinatura do Mês

Código:
<!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>#tt {font-size: 11px; text-shadow: #666666 0 2px 1px; position:absolute; display:block; background:url(http://habboxhost1.orgfree.com/images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(http://habboxhost1.orgfree.com/images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:1px; background:#0099FF; color:#FFF; font-family: Verdana; font-size: 10px;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(http://habboxhost1.orgfree.com/images/tt_bottom.gif) top right no-repeat; overflow:hidden}</style>
 
 
<script>var tooltip=function(){
   var id = 'tt';
   var top = 3;
   var left = 3;
   var maxw = 300;
   var speed = 25;
   var timer = 20;
   var endalpha = 95;
   var alpha = 0;
   var tt,t,c,b,h;
   var ie = document.all ? true : false;
   return{
      show:function(v,w){
         if(tt == null){
            tt = document.createElement('div');
            tt.setAttribute('id',id);
            t = document.createElement('div');
            t.setAttribute('id',id + 'top');
            c = document.createElement('div');
            c.setAttribute('id',id + 'cont');
            b = document.createElement('div');
            b.setAttribute('id',id + 'bot');
            tt.appendChild(t);
            tt.appendChild(c);
            tt.appendChild(b);
            document.body.appendChild(tt);
            tt.style.opacity = 0;
            tt.style.filter = 'alpha(opacity=0)';
            document.onmousemove = this.pos;
         }
         tt.style.display = 'block';
         c.innerHTML = v;
         tt.style.width = w ? w + 'px' : 'auto';
         if(!w && ie){
            t.style.display = 'none';
            b.style.display = 'none';
            tt.style.width = tt.offsetWidth;
            t.style.display = 'block';
            b.style.display = 'block';
         }
         if(tt.offsetWidth > maxw){tt.style.width = maxw + 'px'}
         h = parseInt(tt.offsetHeight) + top;
         clearInterval(tt.timer);
         tt.timer = setInterval(function(){tooltip.fade(1)},timer);
      },
      pos:function(e){
         var u = ie ? event.clientY + document.documentElement.scrollTop : e.pageY;
         var l = ie ? event.clientX + document.documentElement.scrollLeft : e.pageX;
         tt.style.top = (u - h) + 'px';
         tt.style.left = (l + left) + 'px';
      },
      fade:function(d){
         var a = alpha;
         if((a != endalpha && d == 1) || (a != 0 && d == -1)){
            var i = speed;
            if(endalpha - a < speed && d == 1){
               i = endalpha - a;
            }else if(alpha < speed && d == -1){
               i = a;
            }
            alpha = a + (i * d);
            tt.style.opacity = alpha * .01;
            tt.style.filter = 'alpha(opacity=' + alpha + ')';
         }else{
            clearInterval(tt.timer);
            if(d == -1){tt.style.display = 'none'}
         }
      },
      hide:function(){
         clearInterval(tt.timer);
         tt.timer = setInterval(function(){tooltip.fade(-1)},timer);
      }
   };
}();</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: #FFFFFF;
 
   font-weight: bold;
   text-decoration: none;
 
}
 
a:visited {
 
   color: #FFFFFF;
   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: 651px;
   height: 160px;
   z-index:5;
   border: none;
}
 
#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: #000;
   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: #000;
   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: 40px;
   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: #000;
   background-position: center center;
   float: left;
   border: none;
}
 
.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: #000;
}
 
.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: #000;
   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: 430px !important;
 
height: 200px !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="right" class="content">
         <div id="myGallery">         
              <div class="imageElement">
 
                              <!--- Face Book ----!>
                <h3><font size="2"> <a href="http://globonews.forumeiros.com/login" >Conecte-se Com o Facebook</font></h3>
              <p class="style2"><font size="2">Preguiça de registrar?</a><a target="_blank" href="http://globonews.forumeiros.com/u1">By PenDrive</a></font></p>   
                 <a href="http://globonews.forumeiros.com/login" title="" class="open" target="conteudo_ihabbo"></a><img src="http://img201.imageshack.us/img201/3605/facebookmt.png"  class="full"/><img src="http://img201.imageshack.us/img201/3605/facebookmt.png" class="thumbnail" />           </div>
            <div class="imageElement">
 
                                <!--- Equipe ----!>
               <h3><font size="2"><a href="LINKTOPICOMEMBRODOMES">Membro do mes</font></h3>
                <p class="style2"><font size="2">Membro do mes </a> <a target="_blank" href="http://globonews.forumeiros.com/u1">By PenDrive</a></font></p>
                 <a href="LINKTOPICOMEMBRODOMES" title="" class="open" target="conteudo_ihabbo"><img src="http://img545.imageshack.us/img545/7610/membrodomescopy.png"  class="full"/></a><img src="http://img545.imageshack.us/img545/7610/membrodomescopy.png" class="thumbnail" />           </div>           
            <div class="imageElement">
 
                                <!--- Mascote ----!>
               <h3><font size="2"><a href="LINKTOPICOALBUMDEFIGURINHAS">Album de figurinhas </font></h3><!--- TITULO ----!>
                <p class="style2"><font size="2">Album de figurinhas</a> <a target="_blank" href="http://globonews.forumeiros.com/u1">By PenDrive</a></font></p><!--- SUBTITULO ----!>
                 <a href="LINKTOPICOALBUMDEFIGURINHAS" title="" class="open" target="conteudo_ihabbo"></a><img src="http://img251.imageshack.us/img251/8681/albumdefigurinhas.png"  class="full"/><img src="http://img251.imageshack.us/img251/8681/albumdefigurinhas.png" class="thumbnail" />           </div> <!--- IMAGENS ----!>       
            <div class="imageElement">
           
                                <!--- Concursos ----!>         
               <h3><font size="2"><a href="LINKTOPICOASSINATURADOMES">Signature Of Month </a></font></h3>
                <p class="style2"><font size="2">Signature Of Month  <a target="_blank" href="http://globonews.forumeiros.com/u1">By PenDrive</a></font></p>
                 <a href="LINKTOPICOASSINATURADOMES" title="" class="open" target="conteudo_ihabbo"></a><img src="http://img835.imageshack.us/img835/1837/signgy.png"  class="full"/><img src="http://img835.imageshack.us/img835/1837/signgy.png" class="thumbnail" />           </div>       
 
   
</div>
 
</body>
</html>

Então SALVE.

Vá em Painel de Controle > Visualização > Home Page > Geral >
Conteúdo da mensagem. : Cole o código abaixo substituindo "LINKGERADO" pelo link da página HTML criada acima.
Código:
<iframe style="left:0px;right:0px" src="LINKGERADO" frameborder=no scrolling=no height=200 width=430></iframe>

Resolve?
Abraços, Luciano.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Código de novidades e atualizações

Mensagem por ~WolF~ em 16/02/11, 04:52 am

Esses ai ficam com a letra branca ,ai a pessoa tem que passar o mouse por cima pra ela ficar,veja no meu fórum http://visual-arts.forumeiros.com/forum

~WolF~
Nível 9

Masculino
Inscrito dia : 31/03/2010
Mensagens : 191
Pontos Ativos : 275

Ver perfil do usuário http://globonews.forumeiros.com/

Resolvido Re: Código de novidades e atualizações

Mensagem por Luciano98 em 16/02/11, 05:14 am

Então tente este código fazendo os mesmo procedimentos acima:
Código:
<!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: #FFFFFF;
 
   font-weight: bold;
   text-decoration: none;
 
}
 
a:visited {
 
   color: #FFFFFF;
   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: 651px;
   height: 160px;
   z-index:5;
   border: none;
}
 
#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: #000;
   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: #000;
   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: 40px;
   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: #000;
   background-position: center center;
   float: left;
   border: none;
}
 
.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: #000;
}
 
.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: #000;
   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: 430px !important;
 
height: 200px !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="right" class="content">
         <div id="myGallery">         
              <div class="imageElement">
 
                              <!--- Face Book ----!>
                <h3><font size="2"> <a href="http://visual-arts.forumeiros.com/login" >Conecte-se Com o

Facebook</font></h3>
              <p class="style2"><font size="2">Preguiça de registrar?</a><a target="_blank"

href="http://visual-arts.forumeiros.com/u1">By Xarada</a></font></p>   
                 <a href="http://visual-arts.forumeiros.com/login" title="" class="open" target="conteudo_ihabbo"></a><img

src="http://img201.imageshack.us/img201/3605/facebookmt.png"  class="full"/><img

src="http://img201.imageshack.us/img201/3605/facebookmt.png" class="thumbnail" />           </div>
            <div class="imageElement">
 
                                <!--- Equipe ----!>
               <h3><font size="2"><a href="LINKTOPICOMEMBRODOMES">Membro do mes</font></h3>
                <p class="style2"><font size="2">Membro do mes </a> <a target="_blank"

href="http://visual-arts.forumeiros.com/u1">By Xarada</a></font></p>
                 <a href="LINKTOPICOMEMBRODOMES" title="" class="open" target="conteudo_ihabbo"><img src="IMAGEMMEMBRODOMES"

 class="full"/></a><img src="IMAGEMMEMBRODOMES" class="thumbnail" />           </div>           
            <div class="imageElement">
 
                                <!--- Mascote ----!>
               <h3><font size="2"><a href="LINKTOPICOALBUMDEFIGURINHAS">Album de figurinhas </font></h3><!---

TITULO ----!>
                <p class="style2"><font size="2">Album de figurinhas</a> <a target="_blank"

href="http://visual-arts.forumeiros.com/u1">By Xarada</a></font></p><!--- SUBTITULO ----!>
                 <a href="LINKTOPICOALBUMDEFIGURINHAS" title="" class="open" target="conteudo_ihabbo"></a><img

src="http://img251.imageshack.us/img251/8681/albumdefigurinhas.png"  class="full"/><img

src="http://img251.imageshack.us/img251/8681/albumdefigurinhas.png" class="thumbnail" />           </div> <!--- IMAGENS

----!>       
            <div class="imageElement">
           
                                <!--- Concursos ----!>         
               <h3><font size="2"><a href="LINKTOPICOASSINATURADOMES">Signature Of Month </a></font></h3>
                <p class="style2"><font size="2">Signature Of Month  <a target="_blank"

href="http://visual-arts.forumeiros.com/u1">By Xarada</a></font></p>
                 <a href="LINKTOPICOASSINATURADOMES" title="" class="open" target="conteudo_ihabbo"></a><img

src="http://img835.imageshack.us/img835/1837/signgy.png"  class="full"/><img src="http://img835.imageshack.us/img835/1837/signgy.png"

class="thumbnail" />           </div>       
 
   
</div>
 
</body>
</html>
Resolveu?
Abraços, Luciano.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Código de novidades e atualizações

Mensagem por ~WolF~ em 16/02/11, 06:53 am

Perfeito,levou um obrigado

resolvido.

~WolF~
Nível 9

Masculino
Inscrito dia : 31/03/2010
Mensagens : 191
Pontos Ativos : 275

Ver perfil do usuário http://globonews.forumeiros.com/

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