Anúncio em javascript
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Anúncio em javascript
Qual é sua questão:
Quero saber qual é este código :
Que medidas você tomou para corrigir o problema:
Nenhuma
Apresente-nos imagens do problema (se necessário):
Quero saber qual é este código :
Que medidas você tomou para corrigir o problema:
Nenhuma
Apresente-nos imagens do problema (se necessário):
Re: Anúncio em javascript
Olá ~WolF~,
Veja o seguinte tópico:
Colocar um aviso numa área específica
Contém a explicação para mudar o código.
Até mais.
Veja o seguinte tópico:
Colocar um aviso numa área específica
Contém a explicação para mudar o código.
Até mais.
Callie- Membro Entusiasta
- Membro desde : 20/12/2009
Mensagens : 5007
Pontos : 7285
Re: Anúncio em javascript
Aqui esta o codigo:
Basta alterar!
Edit:
o codigo completo é este abaixo:
- Código:
<div><table border="0" style="width:100%;margin-top:-60px;"><tr><td align="right">
<img src="http://i55.tinypic.com/2a0er9w.png" style="margin-left: auto;position:relative;top:60px;left:10px;">
</td></tr></table><div style="margin-right:14px;">
<table border="0" style="width:100%;border-spacing: 0px;">
<tr>
<td class="td" style="background: #FFFFFF"></td>
<td class="td" style="width:auto;background: #FFFFFF">
<table border="0" width="100%">
<tr>
<td align="center">
<!-- /////////////////////// 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://i52.tinypic.com/opa1qd.png", "http://forumdofuturo.forumeiros.net/t61-vencedores1-potw-tema-amizade", "_new", "1ª POTW - Vencedora: téefernandes'"], //POTW
["http://i52.tinypic.com/33kanhy.png", "http://forumdofuturo.forumeiros.net/f39-sugestoes", "_new", "Sugira nosso novo concurso!"], //Sugestão
["http://i55.tinypic.com/xatk3o.png", "http://forumdofuturo.forumeiros.net/t69-", "_new", "Conheça as novidades do Fórum do Futuro 2.0 e vote!'"], //ATUALIZAÇÕES
],
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;">
</div>
<!-- /////////////////////// FIM IMAGENS TROCANDO /////////////////////// -->
</td>
<td align="center"><div id="novidadesa" style="text-align:left;margin-top:15px;font-size:11px;">
<table border="0">
<tr><td colspan="3" style="font-size:12px;color:#292929;"><img src="http://cdn4.iconfinder.com/data/icons/prettyoffice/16/add1-.png"/><b>Concursos</b> </td></tr>
<tr><td> </td><td style="font-size:11px;color:#292929;">
<!-- LINKS CONCURSOS -->
<a href="http://forumdofuturo.forumeiros.net/t61-vencedores1-potw-tema-amizade" target="_parent" style="color:#a944fc;">
[22/12]</a> - Veja os vencedores da 1ª POTW!
<a href="http://forumdofuturo.forumeiros.net/t61-vencedores1-potw-tema-amizade"><img src="http://cdn4.iconfinder.com/data/icons/prettyoffice/16/chat.png"/></a><br>
<a href="http://forumdofuturo.forumeiros.net/f39-sugestoes" target="_parent" style="color:#a944fc;">
[20/01]</a> - Sugira o tipo e o tema do nosso novo concurso! Que tal uma POTW ou uma SOTW?
<a href="http://forumdofuturo.forumeiros.net/f39-sugestoes"><img src="http://cdn4.iconfinder.com/data/icons/prettyoffice/16/chat.png"/></a>
<!-- FINAL LINKS CONCURSO -->
</td></tr>
<tr><td colspan="3"> </td></tr>
<tr><td colspan="3" style="font-size:12px;color:#292929;"><img src="http://cdn4.iconfinder.com/data/icons/prettyoffice/16/add1-.png"/><b>Anúncios e Atualizações</b> </td></tr>
<tr><td> </td><td style="font-size:11px;color:#292929;">
<!-- LINKS ANUNCIOS E ATUALIZACOES -->
<a href="http://forumdofuturo.forumeiros.net/t69-" target="_parent" style="color:#8b1ce6;">
[15/01]</a> - Reformulação - Fórum do Futuro 2.0!
<a href="http://forumdofuturo.forumeiros.net/t69-"><img src="http://cdn4.iconfinder.com/data/icons/prettyoffice/16/chat.png"/></a>
<a href="http://forumdofuturo.forumeiros.net/t70-" target="_parent" style="color:#8b1ce6;">
[10/01]</a> - Novas cores para anúncios na home page e novos widgets!
<a href="http://forumdofuturo.forumeiros.net/t70-"><img src="http://cdn4.iconfinder.com/data/icons/prettyoffice/16/chat.png"/></a><br>
<a href="http://forumdofuturo.forumeiros.net/f28-publicidade" target="_parent" style="color:#8b1ce6;">
[10/01]</a> - Visite nosso 'Espaço Publicidade'! Faça parceria com o FdF e outros fóruns!
<a href="http://forumdofuturo.forumeiros.net/f28-publicidade"><img src="http://cdn4.iconfinder.com/data/icons/prettyoffice/16/chat.png"/></a><br>
<a href="/search.forum?search_id=newposts" style="color:#8b1ce6;" target="_parent"> Ver as novas mensagens desde minha última visita</a> . <a href="/search.forum?search_id=unanswered" style="color:#8b1ce6;" target="_parent" style="color:#8b1ce6;"> Ver as mensagens sem resposta</a>
<!-- FINAL LINKS ANUNCIOS E ATUALIZACOES -->
</td></tr></table>
</div>
</td>
</tr></table>
</td>
<td class="td" style="background: #FFFFFF"></td>
</tr>
</table>
</div>
</div></div></div></div></div></div></div>
Basta alterar!
Edit:
o codigo completo é este abaixo:
- 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: #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: 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">
<!--- SOTW NEWS ----!>
<h3><font size="2">SOTW #30</font></h3>
<p class="style2"><font size="2">SOTW #30 Winner:<a target="_blank" href="http://www.kromusdesign.com/t4143-30-sotw-resultados"> Ales ft Vincae</a></font></p>
<a href="#" title=" " class="open" target="conteudo_ihabbo"></a><img src="http://i57.photobucket.com/albums/g218/tettyvox/sotw-7.png" class="full"/><img src="http://i57.photobucket.com/albums/g218/tettyvox/sotw-7.png" class="thumbnail" /> </div>
<div class="imageElement">
<!--- DOTM NEWS ----!>
<h3><font size="2">DOTM #12</font></h3>
<p class="style2"><font size="2">DOTM #12 Winner:<a target="_blank" href="http://www.kromusdesign.com/t4221-12-dotm-resultados"> Ales</a></font></p>
<a href="#" title=" " class="open" target="conteudo_ihabbo"></a><img src="http://i57.photobucket.com/albums/g218/tettyvox/dotm-1.png" class="full"/><img src="http://i57.photobucket.com/albums/g218/tettyvox/dotm-1.png" class="thumbnail" /> </div>
<div class="imageElement">
<!--- AOTM NEWS ----!>
<h3><font size="2">AOTM #05</font></h3><!--- TITULO ----!>
<p class="style2"><font size="2">AOTM #05 Winner:<a target="_blank" href="http://www.kromusdesign.com/t4238-05-aotm-resultados"> .Luc</a></font></p><!--- SUBTITULO ----!>
<a href="#" title=" " class="open" target="conteudo_ihabbo"></a><img src="http://i57.photobucket.com/albums/g218/tettyvox/slide/aotm-1.png" class="full"/><img src="http://i57.photobucket.com/albums/g218/tettyvox/slide/aotm-1.png" class="thumbnail" /> </div> <!--- IMAGENS ----!>
<div class="imageElement">
<!--- ICONS NEWS ----!>
<h3><font size="2">League of Icons #09</font></h3>
<p class="style2"><font size="2">League of Icons #09 Winner: <a target="_blank" href="http://www.kromusdesign.com/t4381-9-league-of-icons-resultados">Dulcyy</a></font></p>
<a href="#" title=" " class="open" target="conteudo_ihabbo"></a><img src="http://i57.photobucket.com/albums/g218/tettyvox/icons-3.png" class="full"/><img src="http://i57.photobucket.com/albums/g218/tettyvox/icons-3.png" class="thumbnail" /> </div>
</div>
</div>
</body>
</html>
Última edição por muryllodantas em 21.01.11 21:26, editado 1 vez(es) (Motivo da edição : codigo editado!)
Re: Anúncio em javascript
joãopedro' este tutorial não tem nada a ver com minha dúvida,obrigado muryllodantas ajudou muito.
Resolvido!
Resolvido!
Tópicos semelhantes
» Javascript
» Códigos javascript
» Atualizações em javascript
» Problema com JavaScript ou CSS?
» Botão javascript
» Códigos javascript
» Atualizações em javascript
» Problema com JavaScript ou CSS?
» Botão javascript
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos