Anúncio em javascript

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

Resolvido Anúncio em javascript

Mensagem por ~WolF~ em 21/01/11, 07:08 pm

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

~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: Anúncio em javascript

Mensagem por Callie em 21/01/11, 07:14 pm

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

Callie
Principal contribuidor
Principal contribuidor

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

Ver perfil do usuário

Resolvido Re: Anúncio em javascript

Mensagem por muryllodantas em 21/01/11, 07:15 pm

Aqui esta o codigo:

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://illiweb.com/fa/pbucket.gif"  class="full"/><img src="http://illiweb.com/fa/pbucket.gif" 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://illiweb.com/fa/pbucket.gif"  class="full"/><img src="http://illiweb.com/fa/pbucket.gif" 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://illiweb.com/fa/pbucket.gif"  class="full"/><img src="http://illiweb.com/fa/pbucket.gif" 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://illiweb.com/fa/pbucket.gif"  class="full"/><img src="http://illiweb.com/fa/pbucket.gif" class="thumbnail" />           </div>   
      </div>

</div>

</body>
</html>


Última edição por muryllodantas em 21/01/11, 07:26 pm, editado 1 vez(es) (Razão : codigo editado!)
avatar

muryllodantas
Usuário destaque

Masculino
Inscrito dia : 31/10/2010
Mensagens : 760
Pontos Ativos : 1013

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

Resolvido Re: Anúncio em javascript

Mensagem por ~WolF~ em 21/01/11, 07:28 pm

joãopedro' este tutorial não tem nada a ver com minha dúvida,obrigado muryllodantas ajudou muito.

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/

Resolvido Re: Anúncio em javascript

Mensagem por muryllodantas em 21/01/11, 07:32 pm

De nada, se tiver alguma duvida de como configurar me avise!
Estilo cool

Até mais
avatar

muryllodantas
Usuário destaque

Masculino
Inscrito dia : 31/10/2010
Mensagens : 760
Pontos Ativos : 1013

Ver perfil do usuário http://rendersdesigner.forumeiro.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