Código de novidades e atualizações
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Código de novidades e atualizações
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):
https://2img.net/r/ihimizer/img207/571/imagem2121223.png
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):
https://2img.net/r/ihimizer/img207/571/imagem2121223.png
Re: Código de novidades e atualizações
Olá ~Wolf~,
O código é este:
Provavelmente terá de separar o css do resto.
Até mais.
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.
Callie- Membro Entusiasta
- Membro desde : 20/12/2009
Mensagens : 5007
Pontos : 7285
Re: Código de novidades e atualizações
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.
Re: Código de novidades e atualizações
Boa tarde,
Qual é o endereço do site/blog/forum que você viu o código em funcionamento?
Atenciosamente.
Qual é o endereço do site/blog/forum que você viu o código em funcionamento?
Atenciosamente.
Convidad- Convidado
Re: Código de novidades e atualizações
Olá de novo,
Veja este:
Até mais.
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://i57.photobucket.com/albums/g218/tettyvox/newsv2/mais.png"><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.
Callie- Membro Entusiasta
- Membro desde : 20/12/2009
Mensagens : 5007
Pontos : 7285
Re: Código de novidades e atualizações
Esse ai é do meu eu quero tipo esse fórum http://www.naalta.com/forum
Re: Código de novidades e atualizações
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
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.
Resolve?
Abraços, Luciano.
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.
Re: Código de novidades e atualizações
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
Re: Código de novidades e atualizações
Então tente este código fazendo os mesmo procedimentos acima:
Abraços, Luciano.
- 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>
Abraços, Luciano.
Tópicos semelhantes
» Código de atualizações e novidades do fórum dos fóruns
» Código de notícias em atualizações
» Código de notícias e atualizações como o do FdF
» Erro em código de atualizações por slide
» Painel de atualizações
» Código de notícias em atualizações
» Código de notícias e atualizações como o do FdF
» Erro em código de atualizações por slide
» Painel de atualizações
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos