Como por ultimos assunto em HTML?

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

Resolvido Como por ultimos assunto em HTML?

Mensagem por Uatyla em 20/09/14, 01:25 pm

  • Descrição:
Olá senhores!

Gostaria de saber como colocar os últimos assuntos em uma página HTML.

  • Informações:
Fórum:http://vidadeaquarista.forumeiros.com/Versão:PHPBB3
Tipo:Pedido de códigoTags:ultimos,assunto,HTML?

avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Como por ultimos assunto em HTML?

Mensagem por Hancki em 21/09/14, 06:06 am

Olá!

A única forma de fazer isso é aproveitando o RSS!
Veja este site gerador: http://feed.mikle.com/
Coloca o endereço: http://vidadeaquarista.forumeiros.com/rss

E depois pode configurar o widget com um preview em tempo real do lado direito.

Ou pode sempre procurar por mais geradores: "rss feed widget generator"

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Como por ultimos assunto em HTML?

Mensagem por Uatyla em 21/09/14, 03:29 pm

Blz agora me ajuda ai!

Como adicionar esse código na página HTML?
Código:
 <!-- start feedwind code --><script type="text/javascript">document.write('<script type="text/javascript" src="' + ('https:' == document.location.protocol ? 'https://' : 'http://') + 'feed.mikle.com/js/rssmikle.js"><' + '/script>');</script><script type="text/javascript">(function() {var params = {rssmikle_url: "http://vidadeaquarista.forumeiros.com/rss",rssmikle_frame_width: "500",rssmikle_frame_height: "600",rssmikle_target: "_blank",rssmikle_font: "Arial, Helvetica, sans-serif",rssmikle_font_size: "12",rssmikle_border: "off",responsive: "off",rssmikle_css_url: "",text_align: "left",text_align2: "left",corner: "off",scrollbar: "off",autoscroll: "on_mc",scrolldirection: "up",scrollstep: "3",mcspeed: "20",sort: "New",rssmikle_title: "on",rssmikle_title_sentence: "Vida de Aquarista",rssmikle_title_link: "http://vidadeaquarista.forumeiros.com/",rssmikle_title_bgcolor: "#9ACD32",rssmikle_title_color: "#FFFFFF",rssmikle_title_bgimage: "",rssmikle_item_bgcolor: "#FFFFFF",rssmikle_item_bgimage: "",rssmikle_item_title_length: "55",rssmikle_item_title_color: "#0066FF",rssmikle_item_border_bottom: "on",rssmikle_item_description: "on",item_link: "off",rssmikle_item_description_length: "150",rssmikle_item_description_color: "#666666",rssmikle_item_date: "gl1",rssmikle_timezone: "Etc/GMT",datetime_format: "%b %e, %Y %l:%M:%S %p",item_description_style: "html",item_thumbnail: "crop",article_num: "15",rssmikle_item_podcast: "off",keyword_inc: "",keyword_exc: ""};feedwind_show_widget_iframe(params);})();</script><div style="font-size:10px; text-align:center; width:500;"><a href="http://feed.mikle.com/" target="_blank" style="color:#CCCCCC;">RSS Feed Widget</a><!--Please display the above link in your web page according to Terms of Service.--></div><!-- end feedwind code -->

Essa é a página, quero por onde tem o seguinte texto, "Porque nós o usamos?"

Página HTML
Código:
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"><head></head><body><title>Página Para Vida de Aquarista</title>
          <link rel="stylesheet" type="text/css" href="estilo.css">
          <link rel="shortcut icon" href="imagens/icon.ico" type="image/x-icon">
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
          <style type="text/css">
            body {
                background-color: #FFFFFF;
                font-family: MS Sans-Serif; 
            }
            * {
                padding: 0;
                margin: 0;
            }
            a {
                text-decoration: none;
                color: #858585;
            }
            a:hover {
                color: #000000;
            }
            .center {
                margin: auto;
                width: 1000px;
            }
            .header {
                background-color: #353E4D;
                height: 100px;
                border-bottom: 6px solid #475667;
                border-top: 4px solid #4E5766;
                background-repeat: repeat-x;
            }
            .logo {
                margin-left: 50px;
                margin-top: 20px;
                float: left;
            }
            .menu {
                float: right;
                margin-top: 40px;
                margin-right: 200px;
            }
            .menu ul li {
                display: inline;
                margin-left: 10px;
                margin-right: 10px;
            }
            .menu ul a {
                color: #9EA9BA;
                padding: 10px;
                font-size: 16px;
                display: inline;
            }
            .menu ul a:hover {
                color: #D1DBEB;
                background-color: #262D3A;
                box-shadow: 0px 1px 1px #16191F;
                text-shadow: -1px -1px 0px #000000;
                border-radius: 5px;
                -o-border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
            }
            .main {
                background-image: url(http://i.imgur.com/bABqmbl.jpg);
                background-repeat: repeat-x;
                height: 999px;
                border-top: 6px solid #ff9e00;
            }
            .button1 {
                color: #FFFFFF;
                margin-top: -6px;
                float: right;
                background-image: url(http://i.imgur.com/vQikfvK.png);
                width: 138px;
                height: 39px;
                text-align: center;
                text-transform: uppercase;
            }
            .button2 {
                color: #FFFFFF;
                margin-top: 0px;
                margin-right: 10px;
                float: right;
                background-image: url(http://i.imgur.com/G29L7XV.png);
                width: 90px;
                height: 34px;
                text-align: center;
                text-transform: uppercase;
            }
            .button1:hover, .button2:hover {
                color: #000000;
            }
            .play {
                color: #FFFFFF;
                position: absolute;
                right: 200px;
                background-color: #4E5766;
                padding-top: 4px;
                padding-left: 8px;
                padding-right: 8px;
                padding-bottom: 6px;
                border-radius: 0px 0px 5px 5px;
                -o-border-radius: 0px 0px 5px 5px;
                -moz-border-radius: 0px 0px 5px 5px;
                -webkit-border-radius: 0px 0px 5px 5px;
            }
            .play:hover {
                color: #ADB9CC;
            }
            .left {
                float: left;
                width: 650px;
                height: auto;
                margin-top: 10px;
            }
            .right {
                float: left;
                width: 300px;
                height: auto;
                padding-left: 50px;
                padding-top: 5px;
            }
            .widget {
                width: 278px;
                height: auto;
                margin-bottom: 10px;
                background-color:#F7F7F7;
                border: 1px solid #CFCFCF;
                padding: 10px;
                color: #575757
            }
            .bgtitlewidget {
                background-image: url(http://i.imgur.com/yjvmQCw.png);
                width: 298px;
                height: 38px;
                margin-top: -10px;
                margin-left: -10px;
                font-size: 22px;
                margin-bottom: 5px;
            }
            .titlewidget {
                color: #B3B3B3;
                position: relative;
                left: 36px;
                top: 6px
            }
            .loginForm #username, .loginForm #password {
                border: 1px solid #CFCFCF;
                height: 22px;
                width: 250px;
                padding: 4px;
                padding-right: 24px;
            }
            .loginForm #username {
                background: url(http://i.imgur.com/lfkXVld.png) no-repeat right center white;
            }
            .loginForm #password {
                background: url(http://i.imgur.com/2XLfYRL.png) no-repeat right center white;
            }
            .loginForm label[for="username"], .loginForm label[for="password"] {
                cursor: pointer;
                font-family: MS Sans-Serif;
                font-size: 14px;
                color: #848484;
                bottom: 22px;
            }
            .loginForm .formButton {
                cursor: pointer;
                width: 280px;
                height: 40px;
                background: url(http://i.imgur.com/fgFxXR8.png) center;
                background-color: #1d9d24;
                border: 1px solid #1d9d24;
                margin-top: 8px;
                opacity: 0.9;
            }
            .loginForm .formButton:hover {
                opacity: 1;
            }
            .imgadmin {
                width: 60px;
                height: 60px;
                float: left
            }
            .adminsoptions {
                left: 10px;
                position: relative;
                padding-bottom: 5px;
            }
            .parceiros {
                opacity: 0.8;
                width: 90px;
            }
            .parceiros:hover {
                opacity: 1;
            }
            .bannerimg {
                opacity: 0.8;
                width: 650px;
                height: 250px;
                border: 1px solid #000000;
                box-shadow: 0px 3px 3px #3B3B3B;
                display: block;
            }
            .bannerimg:hover {
                opacity: 0.9;
            }
            .left h1 {
                margin-top: 20px;
                color: #545454;
                border-bottom: 2px dotted #AAA;
                font-size: 30px;
                padding-bottom: 2px;
                font-style: italic;
            }
            .left p {
                margin-top: 2px;
                color: #323942;
                text-align: justify;
                padding-bottom: 10px;
            }
            .footer {
                float: left;
                width: 100%;
                height: 50px;
                top: 10px;
                bottom: 0px;
                position: relative;
                background-color: #C4C4C4; 
                border-top: 1px solid #BABABA;
            }
            .footer .p1 {
                line-height: 50px;
                color: #3D3D3D;
                float: left;
                margin-left: 40px;
            }
            .footer .p2 {
                line-height: 50px;
                color: #3D3D3D;
                float: right;
                margin-right: 40px;
            }
            .footer .p2 a {
                color: #292929;
            }
            .footer .p2 a:hover {
                color: #000000;
            }
      #slidecblogger {
    background:#000;
    padding:5px;
    border:3px double #fff;
    box-shadow: 7px 7px 8px #818181;
    -webkit-box-shadow: 7px 7px 8px #818181;
    -moz-box-shadow: 7px 7px 8px #818181;
    filter: progid:DXImageTransform.Microsoft.dropShadow(color=#F8F8FF, offX=7, offY=7, positive=true);
    }

    .slidecblogger a:link {
    opacity:0.4;
    filter:alpha(opacity=40);
    }

    .slidecblogger a:hover {
    opacity:1;
    filter:alpha(opacity=100);
    }#alex{background-color: #fff;padding: 5px;
            }</style>
     
     
          <div class="header">
            <div class="center">
                <img src="http://i.imgur.com/v5UsDBh.png" class="logo" title="Vida de Aquarista">
                <div class="menu">
                  <ul>
                      <a href="/forum" title="Ir para o Fórum"><li>Fórum</li></a>
                      <a href="/portal" title="Ir para o Chat"><li>Chat</li></a>
                      <a href="/memberlist" title="Ir para a lista de membros"><li>Membros</li></a>
                      <a href="/search" title="Ir para busca avançada"><li>Buscar</li></a>
                      <a href="/groups" title="Ir para a lista de grupos"><li>Grupos</li></a>
                  </ul>
                </div>
                <!--- CASO QUERIA ATIVAR O MODO DE JOGO, APAGUE ESSA LINHA
                <a href="/">
                  <div class="play" title="Entrar no servidor! - Requer autorização">
                      Jogar Agora!
                  </div>
                </a>
                E APAGUE ESSE LINNHA TAMBÉM-->
            </div>
          </div>
          <div class="main">
            <div class="center">
                <a href="/register" title="Registre-se no fórum">
                  <div class="button1">
                      <span style="top: 6px; position: relative;">Registrar</span>
                  </div>
                </a>
                <a href="/login" title="Conecte-se no fórum">
                  <div class="button2">
                      <span style="top: 5px; position: relative;">Entrar</span>
                  </div>
                </a> 
                <div class="left">
                  <img src="http://i.imgur.com/h8apiLG.gif" class="bannerimg" title="Vida de Aquarista">
                    <div id="alex">
                  <h1>Lorem Ipsum</h1>
   
                  <p>Lorem Ipsum é simplesmente uma simulação de texto
    da indústria tipográfica e de impressos, e vem sendo utilizado desde o
    século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e
    os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum
    sobreviveu não só a cinco séculos, como também ao salto para a
    editoração eletrônica, permanecendo essencialmente inalterado. Se
    popularizou na década de 60, quando a Letraset lançou decalques contendo
    passagens de Lorem Ipsum, e mais recentemente quando passou a ser
    integrado a softwares de editoração eletrônica como Aldus
    PageMaker.</p>
                  <h1>Porque nós o usamos?</h1>
   
                  <p>É um fato conhecido de todos que um leitor se
    distrairá com o conteúdo de texto legível de uma página quando estiver
    examinando sua diagramação. A vantagem de usar Lorem Ipsum é que ele tem
    uma distribuição normal de letras, ao contrário de "Conteúdo aqui,
    conteúdo aqui", fazendo com que ele tenha uma aparência similar a de um
    texto legível. Muitos softwares de publicação e editores de páginas na
    internet agora usam Lorem Ipsum como texto-modelo padrão, e uma rápida
    busca por 'lorem ipsum' mostra vários websites ainda em sua fase de
    construção. Várias versões novas surgiram ao longo dos anos,
    eventualmente por acidente, e às vezes de propósito (injetando humor, e
    coisas do gênero).</p>
                  <h1>De onde ele vem?</h1>
   
                  <p>Ao contrário do que se acredita, Lorem Ipsum não é
    simplesmente um texto randômico. Com mais de 2000 anos, suas raízes
    podem ser encontradas em uma obra de literatura latina clássica datada
    de 45 AC. Richard McClintock, um professor de latim do Hampden-Sydney
    College na Virginia, pesquisou uma das mais obscuras palavras em latim,
    consectetur, oriunda de uma passagem de Lorem Ipsum, e, procurando por
    entre citações da palavra na literatura clássica, descobriu a sua
    indubitável origem. Lorem Ipsum vem das seções 1.10.32 e 1.10.33 do "de
    Finibus Bonorum et Malorum" (Os Extremos do Bem e do Mal), de Cícero,
    escrito em 45 AC. Este livro é um tratado de teoria da ética muito
    popular na época da Renascença. A primeira linha de Lorem Ipsum, "Lorem
    Ipsum dolor sit amet..." vem de uma linha na seção 1.10.32.</p>
                    </div>
                </div>
                <div class="right">
                  <div class="widget">
                      <div class="bgtitlewidget">
                        <span class="titlewidget">Conexão rápida</span>
                      </div>
                  <div class="loginForm">
                  <form action="/login" method="post" class="loginForm" name="form_login">
                      <dl>
                          <dt>
                            <label for="username">Usuário</label>
                          </dt>
                          <dd>
   
                            <input type="text" tabindex="1" name="username" id="username" size="30" maxlength="34" value="" class="inputfield" title="Digite seu usuário">
                          </dd>
                      </dl>
                      <dl>
                          <dt>
                            <label for="password">Senha</label>
                          </dt>
                          <dd>
   
                              <input type="password" tabindex="2" id="password" name="password" size="30" maxlength="30" class="inputfield" title="Digite sua senha">
                          </dd>
                      </dl>
                      <dd>
                          <input type="hidden" name="redirect" value="">
                          <input type="hidden" name="query" value="">
   
                          <input type="submit" name="login" tabindex="6" value="" class="formButton" title="Conectar no Fórum">
             
                <a href="/profile?mode=sendpassword" style="font-size:
    12px;" title="Esqueceu sua senha?">Esqueceu sua senha?</a>
   
                          <a href="/register" style="font-size: 12px;
    float: right; margin-top: 4px;" title="Ainda não é registrado?">Ainda
    não é registrado?</a>
                      </dd>
                   
                    </form>
                </div>
                </div>
                <div class="widget">
                  <div class="bgtitlewidget">
                      <span class="titlewidget">Com um Oferecimento</span>
                  </div>
                  <div>
                  <a href="http://vidadeaquarista.forumeiros.com/t481-anuncie-aqui-e-confira-os-beneficios#3849" target="_blank"><img style="width: 290px; height: 320px;" src="http://s20.postimg.org/4qfeq8719/T63t03w.png" "="" border="0" /></a>
                    </div>
                </div>
                <div class="widget">
                  <div class="bgtitlewidget">
                      <span class="titlewidget">Parceiros</span>
                  </div>
   
                 
            
<center>
<div role="button" class="webstore-Gf-wb webstore-A-B-C webstore-A-L-i-J-B-K webstore-A-B-Y-Z-ab-bb webstore-button webstore-button-hover" style="-webkit-user-select: none;" tabindex="0" id="abrir-parc">
<div class="webstore-A-B-o">
<div class="webstore-A-B-I webstore-A-B-eb-I webstore-A-B-I-O-P">
</div>
<div class="webstore-A-B-H webstore-test-button-label" id="abrir-parc">

</div>
</div>
</div><br><br>
<div id="parceiros" style="display: block; ">
<marquee id="comments_scroll_container" direction="up" scrollamount="2" scrolldelay="90" style="width: 197px; height: 200px;">
<a href="http://www.conectcheats.com.br/" target="_blank"><img src="http://i.imgur.com/ymTCSWq.jpg" style="width: 130px;"></a><br><br>
<a href="http://mundodosaquarios.forumfacil.net/" target="_blank"><img src="http://www.servimg.com/u/f69/17/16/56/73/logopa12.png" style="width: 130px;"></a><br><br>
<a href="http://www.nacaodospassaros.com/" target="_blank"><img src="http://i.imgur.com/pkPg3nT.png" style="width: 130px;"></a><br><br>
<a href="http://vidadeaquarista.forumeiros.com/f19-publicidades-e-parceiros" target="_blank"><img src="http://werewolves.com.br/seja_nosso_parceiro.png" style="width: 130px;"></a><br></marquee>
</div>
</center><br>
                </div>           
                </div>
                </div>
            </div>
       
          <div id="slidecblogger">
       
      <div class="slidecblogger">
           
          <marquee scrollamount="6" onmouseout="this.start();" onmouseover="this.stop();" direction="right">
                <a href="http://vidadeaquarista.forumeiros.com/t785-1-concurso-aquapaisagismo-vda-2014-tema-livre" target="_blank"> <img style="width: 300px; height: 120px;" src="http://s13.postimg.org/4l0kqbsyv/DSCN0184.jpg" "="" border="0"></a><a href="http://vidadeaquarista.forumeiros.com/t785-1-concurso-aquapaisagismo-vda-2014-tema-livre" target="_blank"><img style="width: 300px; height: 120px;" src="http://s20.postimg.org/ucsiko6ql/20140115_201746.jpg" "="" border="0"></a><a href="http://vidadeaquarista.forumeiros.com/t785-1-concurso-aquapaisagismo-vda-2014-tema-livre" target="_blank"><img style="width: 300px; height: 120px;" src="https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-ash3/t1/1526634_686291121392221_2056411723_n.jpg" "="" border="0"></a><a href="Link aqui" target="_blank"><img style="width: 300px; height: 120px;" src="http://s20.postimg.org/kiwh78d5p/20140511_180253.jpg" "="" border="0"></a><a href="LINK DE DESTINO" target="_blank"><img style="width: 300px; height: 120px;" src="http://s20.postimg.org/84m5djnh9/10405667_659815874089241_5101516849375675463_n.jpg" "="" border="0"></a> 
          </marquee>
           
      </div>
    </div>

    <div class="footer">
            <span class="p1">© 2013-2014 Vida De Aquarista. Todos os Direitos Reservados</span>
   
            <span class="p2">Página desenvolvida por <a href="https://www.facebook.com/FirenandoBDF" target="_blank">Fernando</a></span>
<span class="p2">Página editado por <a href="http://ajuda.forumeiros.com/u35476" target="_blank"> Alex Habilidade /</a><a href="http://vidadeaquarista.forumeiros.com/u1" target="_blank"> Uátyla </a></span>
          </div>

    </body></html>
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Como por ultimos assunto em HTML?

Mensagem por Shek em 21/09/14, 03:46 pm

Boa tarde!

Já tentou adicionar este código em sua página HTML?
Código:
<script>jQuery(document).ready(function(){setInterval(function(){jQuery.ajax({url:'/h1-',success:function(l){if(jQuery('#autoassuntos').html()!=jQuery('#comments_scroll_div',l).html()){jQuery('#autoassuntos').html(jQuery('#comments_scroll_div',l).html());a=1}}})},3000);

jQuery(window).blur(function(){if(a==1){document.title='Nova mensagem'}});jQuery(window).focus(function(){a=0;document.title='Sem novas mensagens'})});</script>
<style>#autoassuntos{background-image:-webkit-linear-gradient(top,rgba(242,242,242,0.901961),rgba(222, 222, 222, 0.901961));border:1px solid -webkit-linear-gradient(left, rgba(150, 150, 150, 0.2), rgba(150, 150, 150, 0.298039) 20%, rgba(150, 150, 150, 0.298039) 80%, rgba(150, 150, 150, 0.2))}</style>
<div id="autoassuntos"></div>
Se você usa a opção Você deseja utilizar o início e o final da página do seu fórum ? marcada em Não, basta adicionar mais este novo script:
Código:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17160
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Como por ultimos assunto em HTML?

Mensagem por Uatyla em 22/09/14, 09:42 am

Shek não deu certo não!
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Como por ultimos assunto em HTML?

Mensagem por Sennior em 22/09/14, 01:56 pm

Saudações,

Veja se ficou do seu agrado:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml"><head></head><body><title>Página Para Vida de Aquarista</title>
        <link rel="stylesheet" type="text/css" href="estilo.css">
        <link rel="shortcut icon" href="imagens/icon.ico" type="image/x-icon">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <style type="text/css">
            body {
              background-color: #FFFFFF;
              font-family: MS Sans-Serif; 
            }
            * {
              padding: 0;
              margin: 0;
            }
            a {
              text-decoration: none;
              color: #858585;
            }
            a:hover {
              color: #000000;
            }
            .center {
              margin: auto;
              width: 1000px;
            }
            .header {
              background-color: #353E4D;
              height: 100px;
              border-bottom: 6px solid #475667;
              border-top: 4px solid #4E5766;
              background-repeat: repeat-x;
            }
            .logo {
              margin-left: 50px;
              margin-top: 20px;
              float: left;
            }
            .menu {
              float: right;
              margin-top: 40px;
              margin-right: 200px;
            }
            .menu ul li {
              display: inline;
              margin-left: 10px;
              margin-right: 10px;
            }
            .menu ul a {
              color: #9EA9BA;
              padding: 10px;
              font-size: 16px;
              display: inline;
            }
            .menu ul a:hover {
              color: #D1DBEB;
              background-color: #262D3A;
              box-shadow: 0px 1px 1px #16191F;
              text-shadow: -1px -1px 0px #000000;
              border-radius: 5px;
              -o-border-radius: 5px;
              -moz-border-radius: 5px;
              -webkit-border-radius: 5px;
            }
            .main {
              background-image: url(http://i.imgur.com/bABqmbl.jpg);
              background-repeat: repeat-x;
              height: 999px;
              border-top: 6px solid #ff9e00;
            }
            .button1 {
              color: #FFFFFF;
              margin-top: -6px;
              float: right;
              background-image: url(http://i.imgur.com/vQikfvK.png);
              width: 138px;
              height: 39px;
              text-align: center;
              text-transform: uppercase;
            }
            .button2 {
              color: #FFFFFF;
              margin-top: 0px;
              margin-right: 10px;
              float: right;
              background-image: url(http://i.imgur.com/G29L7XV.png);
              width: 90px;
              height: 34px;
              text-align: center;
              text-transform: uppercase;
            }
            .button1:hover, .button2:hover {
              color: #000000;
            }
            .play {
              color: #FFFFFF;
              position: absolute;
              right: 200px;
              background-color: #4E5766;
              padding-top: 4px;
              padding-left: 8px;
              padding-right: 8px;
              padding-bottom: 6px;
              border-radius: 0px 0px 5px 5px;
              -o-border-radius: 0px 0px 5px 5px;
              -moz-border-radius: 0px 0px 5px 5px;
              -webkit-border-radius: 0px 0px 5px 5px;
            }
            .play:hover {
              color: #ADB9CC;
            }
            .left {
              float: left;
              width: 650px;
              height: auto;
              margin-top: 10px;
            }
            .right {
              float: left;
              width: 300px;
              height: auto;
              padding-left: 50px;
              padding-top: 5px;
            }
            .widget {
              width: 278px;
              height: auto;
              margin-bottom: 10px;
              background-color:#F7F7F7;
              border: 1px solid #CFCFCF;
              padding: 10px;
              color: #575757
            }
            .bgtitlewidget {
              background-image: url(http://i.imgur.com/yjvmQCw.png);
              width: 298px;
              height: 38px;
              margin-top: -10px;
              margin-left: -10px;
              font-size: 22px;
              margin-bottom: 5px;
            }
            .titlewidget {
              color: #B3B3B3;
              position: relative;
              left: 36px;
              top: 6px
            }
            .loginForm #username, .loginForm #password {
              border: 1px solid #CFCFCF;
              height: 22px;
              width: 250px;
              padding: 4px;
              padding-right: 24px;
            }
            .loginForm #username {
              background: url(http://i.imgur.com/lfkXVld.png) no-repeat right center white;
            }
            .loginForm #password {
              background: url(http://i.imgur.com/2XLfYRL.png) no-repeat right center white;
            }
            .loginForm label[for="username"], .loginForm label[for="password"] {
              cursor: pointer;
              font-family: MS Sans-Serif;
              font-size: 14px;
              color: #848484;
              bottom: 22px;
            }
            .loginForm .formButton {
              cursor: pointer;
              width: 280px;
              height: 40px;
              background: url(http://i.imgur.com/fgFxXR8.png) center;
              background-color: #1d9d24;
              border: 1px solid #1d9d24;
              margin-top: 8px;
              opacity: 0.9;
            }
            .loginForm .formButton:hover {
              opacity: 1;
            }
            .imgadmin {
              width: 60px;
              height: 60px;
              float: left
            }
            .adminsoptions {
              left: 10px;
              position: relative;
              padding-bottom: 5px;
            }
            .parceiros {
              opacity: 0.8;
              width: 90px;
            }
            .parceiros:hover {
              opacity: 1;
            }
            .bannerimg {
              opacity: 0.8;
              width: 650px;
              height: 250px;
              border: 1px solid #000000;
              box-shadow: 0px 3px 3px #3B3B3B;
              display: block;
            }
            .bannerimg:hover {
              opacity: 0.9;
            }
            .left h1 {
              margin-top: 20px;
              color: #545454;
              border-bottom: 2px dotted #AAA;
              font-size: 30px;
              padding-bottom: 2px;
              font-style: italic;
            }
            .left p {
              margin-top: 2px;
              color: #323942;
              text-align: justify;
              padding-bottom: 10px;
            }
            .footer {
              float: left;
              width: 100%;
              height: 50px;
              top: 10px;
              bottom: 0px;
              position: relative;
              background-color: #C4C4C4; 
              border-top: 1px solid #BABABA;
            }
            .footer .p1 {
              line-height: 50px;
              color: #3D3D3D;
              float: left;
              margin-left: 40px;
            }
            .footer .p2 {
              line-height: 50px;
              color: #3D3D3D;
              float: right;
              margin-right: 40px;
            }
            .footer .p2 a {
              color: #292929;
            }
            .footer .p2 a:hover {
              color: #000000;
            }
      #slidecblogger {
  background:#000;
  padding:5px;
  border:3px double #fff;
  box-shadow: 7px 7px 8px #818181;
  -webkit-box-shadow: 7px 7px 8px #818181;
  -moz-box-shadow: 7px 7px 8px #818181;
  filter: progid:DXImageTransform.Microsoft.dropShadow(color=#F8F8FF, offX=7, offY=7, positive=true);
  }

  .slidecblogger a:link {
  opacity:0.4;
  filter:alpha(opacity=40);
  }

  .slidecblogger a:hover {
  opacity:1;
  filter:alpha(opacity=100);
  }#alex{background-color: #fff;padding: 5px;
          }</style>
     
     
        <div class="header">
            <div class="center">
              <img src="http://i.imgur.com/v5UsDBh.png" class="logo" title="Vida de Aquarista">
              <div class="menu">
                  <ul>
                    <a href="/forum" title="Ir para o Fórum"><li>Fórum</li></a>
                    <a href="/portal" title="Ir para o Chat"><li>Chat</li></a>
                    <a href="/memberlist" title="Ir para a lista de membros"><li>Membros</li></a>
                    <a href="/search" title="Ir para busca avançada"><li>Buscar</li></a>
                    <a href="/groups" title="Ir para a lista de grupos"><li>Grupos</li></a>
                  </ul>
              </div>
              <!--- CASO QUERIA ATIVAR O MODO DE JOGO, APAGUE ESSA LINHA
              <a href="/">
                  <div class="play" title="Entrar no servidor! - Requer autorização">
                    Jogar Agora!
                  </div>
              </a>
              E APAGUE ESSE LINNHA TAMBÉM-->
            </div>
        </div>
        <div class="main">
            <div class="center">
              <a href="/register" title="Registre-se no fórum">
                  <div class="button1">
                    <span style="top: 6px; position: relative;">Registrar</span>
                  </div>
              </a>
              <a href="/login" title="Conecte-se no fórum">
                  <div class="button2">
                    <span style="top: 5px; position: relative;">Entrar</span>
                  </div>
              </a> 
              <div class="left">
                  <img src="http://i.imgur.com/h8apiLG.gif" class="bannerimg" title="Vida de Aquarista">
                    <div id="alex">
                  <h1>Lorem Ipsum</h1>
   
                <p>Lorem Ipsum é simplesmente uma simulação de texto
    da indústria tipográfica e de impressos, e vem sendo utilizado desde o
  século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e
    os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum
  sobreviveu não só a cinco séculos, como também ao salto para a
  editoração eletrônica, permanecendo essencialmente inalterado. Se
  popularizou na década de 60, quando a Letraset lançou decalques contendo
    passagens de Lorem Ipsum, e mais recentemente quando passou a ser
  integrado a softwares de editoração eletrônica como Aldus
  PageMaker.</p>
                  <!-- start feedwind code --><script type="text/javascript">document.write('<script type="text/javascript" src="' + ('https:' == document.location.protocol ? 'https://' : 'http://') + 'feed.mikle.com/js/rssmikle.js"><' + '/script>');</script><script type="text/javascript">(function() {var params = {rssmikle_url: "http://vidadeaquarista.forumeiros.com/rss",rssmikle_frame_width: "500",rssmikle_frame_height: "600",rssmikle_target: "_blank",rssmikle_font: "Arial, Helvetica, sans-serif",rssmikle_font_size: "12",rssmikle_border: "off",responsive: "off",rssmikle_css_url: "",text_align: "left",text_align2: "left",corner: "off",scrollbar: "off",autoscroll: "on_mc",scrolldirection: "up",scrollstep: "3",mcspeed: "20",sort: "New",rssmikle_title: "on",rssmikle_title_sentence: "Vida de Aquarista",rssmikle_title_link: "http://vidadeaquarista.forumeiros.com/",rssmikle_title_bgcolor: "#9ACD32",rssmikle_title_color: "#FFFFFF",rssmikle_title_bgimage: "",rssmikle_item_bgcolor: "#FFFFFF",rssmikle_item_bgimage: "",rssmikle_item_title_length: "55",rssmikle_item_title_color: "#0066FF",rssmikle_item_border_bottom: "on",rssmikle_item_description: "on",item_link: "off",rssmikle_item_description_length: "150",rssmikle_item_description_color: "#666666",rssmikle_item_date: "gl1",rssmikle_timezone: "Etc/GMT",datetime_format: "%b %e, %Y %l:%M:%S %p",item_description_style: "html",item_thumbnail: "crop",article_num: "15",rssmikle_item_podcast: "off",keyword_inc: "",keyword_exc: ""};feedwind_show_widget_iframe(params);})();</script><div style="font-size:10px; text-align:center; width:500;"><a href="http://feed.mikle.com/" target="_blank" style="color:#CCCCCC;">RSS Feed Widget</a><!--Please display the above link in your web page according to Terms of Service.--></div><!-- end feedwind code -->
                <p>Ao contrário do que se acredita, Lorem Ipsum não é
    simplesmente um texto randômico. Com mais de 2000 anos, suas raízes
  podem ser encontradas em uma obra de literatura latina clássica datada
  de 45 AC. Richard McClintock, um professor de latim do Hampden-Sydney
  College na Virginia, pesquisou uma das mais obscuras palavras em latim,
  consectetur, oriunda de uma passagem de Lorem Ipsum, e, procurando por
  entre citações da palavra na literatura clássica, descobriu a sua
  indubitável origem. Lorem Ipsum vem das seções 1.10.32 e 1.10.33 do "de
  Finibus Bonorum et Malorum" (Os Extremos do Bem e do Mal), de Cícero,
  escrito em 45 AC. Este livro é um tratado de teoria da ética muito
  popular na época da Renascença. A primeira linha de Lorem Ipsum, "Lorem
  Ipsum dolor sit amet..." vem de uma linha na seção 1.10.32.</p>
                    </div>
              </div>
              <div class="right">
                  <div class="widget">
                    <div class="bgtitlewidget">
                        <span class="titlewidget">Conexão rápida</span>
                    </div>
                  <div class="loginForm">
                  <form action="/login" method="post" class="loginForm" name="form_login">
                      <dl>
                        <dt>
                            <label for="username">Usuário</label>
                        </dt>
                          <dd>
   
                            <input type="text" tabindex="1" name="username" id="username" size="30" maxlength="34" value="" class="inputfield" title="Digite seu usuário">
                          </dd>
                      </dl>
                      <dl>
                        <dt>
                            <label for="password">Senha</label>
                        </dt>
                          <dd>
   
                            <input type="password" tabindex="2" id="password" name="password" size="30" maxlength="30" class="inputfield" title="Digite sua senha">
                          </dd>
                      </dl>
                      <dd>
                          <input type="hidden" name="redirect" value="">
                          <input type="hidden" name="query" value="">
   
                        <input type="submit" name="login" tabindex="6" value="" class="formButton" title="Conectar no Fórum">
             
              <a href="/profile?mode=sendpassword" style="font-size:
  12px;" title="Esqueceu sua senha?">Esqueceu sua senha?</a>
   
                        <a href="/register" style="font-size: 12px;
  float: right; margin-top: 4px;" title="Ainda não é registrado?">Ainda
    não é registrado?</a>
                      </dd>
                   
                  </form>
                </div>
                </div>
                <div class="widget">
                  <div class="bgtitlewidget">
                    <span class="titlewidget">Com um Oferecimento</span>
                  </div>
                  <div>
                  <a href="http://vidadeaquarista.forumeiros.com/t481-anuncie-aqui-e-confira-os-beneficios#3849" target="_blank"><img style="width: 290px; height: 320px;" src="http://s20.postimg.org/4qfeq8719/T63t03w.png" "="" border="0" /></a>
                    </div>
                </div>
                <div class="widget">
                  <div class="bgtitlewidget">
                    <span class="titlewidget">Parceiros</span>
                  </div>
   
               
         
<center>
<div role="button" class="webstore-Gf-wb webstore-A-B-C webstore-A-L-i-J-B-K webstore-A-B-Y-Z-ab-bb webstore-button webstore-button-hover" style="-webkit-user-select: none;" tabindex="0" id="abrir-parc">
<div class="webstore-A-B-o">
<div class="webstore-A-B-I webstore-A-B-eb-I webstore-A-B-I-O-P">
</div>
<div class="webstore-A-B-H webstore-test-button-label" id="abrir-parc">

</div>
</div>
</div><br><br>
<div id="parceiros" style="display: block; ">
<marquee id="comments_scroll_container" direction="up" scrollamount="2" scrolldelay="90" style="width: 197px; height: 200px;">
<a href="http://www.conectcheats.com.br/" target="_blank"><img src="http://i.imgur.com/ymTCSWq.jpg" style="width: 130px;"></a><br><br>
<a href="http://mundodosaquarios.forumfacil.net/" target="_blank"><img src="http://www.servimg.com/u/f69/17/16/56/73/logopa12.png" style="width: 130px;"></a><br><br>
<a href="http://www.nacaodospassaros.com/" target="_blank"><img src="http://i.imgur.com/pkPg3nT.png" style="width: 130px;"></a><br><br>
<a href="http://vidadeaquarista.forumeiros.com/f19-publicidades-e-parceiros" target="_blank"><img src="http://werewolves.com.br/seja_nosso_parceiro.png" style="width: 130px;"></a><br></marquee>
</div>
</center><br>
              </div>           
              </div>
              </div>
            </div>
       
        <div id="slidecblogger">
       
      <div class="slidecblogger">
           
          <marquee scrollamount="6" onmouseout="this.start();" onmouseover="this.stop();" direction="right">
                <a href="http://vidadeaquarista.forumeiros.com/t785-1-concurso-aquapaisagismo-vda-2014-tema-livre" target="_blank"> <img style="width: 300px; height: 120px;" src="http://s13.postimg.org/4l0kqbsyv/DSCN0184.jpg" "="" border="0"></a><a href="http://vidadeaquarista.forumeiros.com/t785-1-concurso-aquapaisagismo-vda-2014-tema-livre" target="_blank"><img style="width: 300px; height: 120px;" src="http://s20.postimg.org/ucsiko6ql/20140115_201746.jpg" "="" border="0"></a><a href="http://vidadeaquarista.forumeiros.com/t785-1-concurso-aquapaisagismo-vda-2014-tema-livre" target="_blank"><img style="width: 300px; height: 120px;" src="https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-ash3/t1/1526634_686291121392221_2056411723_n.jpg" "="" border="0"></a><a href="Link aqui" target="_blank"><img style="width: 300px; height: 120px;" src="http://s20.postimg.org/kiwh78d5p/20140511_180253.jpg" "="" border="0"></a><a href="LINK DE DESTINO" target="_blank"><img style="width: 300px; height: 120px;" src="http://s20.postimg.org/84m5djnh9/10405667_659815874089241_5101516849375675463_n.jpg" "="" border="0"></a> 
          </marquee>
           
      </div>
  </div>

  <div class="footer">
            <span class="p1">© 2013-2014 Vida De Aquarista. Todos os Direitos Reservados</span>
   
          <span class="p2">Página desenvolvida por <a href="https://www.facebook.com/FirenandoBDF" target="_blank">Fernando</a></span>
<span class="p2">Página editado por <a href="http://ajuda.forumeiros.com/u35476" target="_blank"> Alex Habilidade /</a><a href="http://vidadeaquarista.forumeiros.com/u1" target="_blank"> Uátyla </a></span>
        </div>

  </body></html>

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

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

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

Resolvido Re: Como por ultimos assunto em HTML?

Mensagem por Duel em 22/09/14, 02:09 pm

@Shek escreveu:Boa tarde!

Já tentou adicionar este código em sua página HTML?
Código:
<script>jQuery(document).ready(function(){setInterval(function(){jQuery.ajax({url:'/h1-',success:function(l){if(jQuery('#autoassuntos').html()!=jQuery('#comments_scroll_div',l).html()){jQuery('#autoassuntos').html(jQuery('#comments_scroll_div',l).html());a=1}}})},3000);

jQuery(window).blur(function(){if(a==1){document.title='Nova mensagem'}});jQuery(window).focus(function(){a=0;document.title='Sem novas mensagens'})});</script>
<style>#autoassuntos{background-image:-webkit-linear-gradient(top,rgba(242,242,242,0.901961),rgba(222, 222, 222, 0.901961));border:1px solid -webkit-linear-gradient(left, rgba(150, 150, 150, 0.2), rgba(150, 150, 150, 0.298039) 20%, rgba(150, 150, 150, 0.298039) 80%, rgba(150, 150, 150, 0.2))}</style>
<div id="autoassuntos"></div>
Se você usa a opção Você deseja utilizar o início e o final da página do seu fórum ? marcada em Não, basta adicionar mais este novo script:
Código:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

Olá Shek!
O seu código está correto, pegou daqui:
http://ajuda.forumeiros.com/h8-

Pelo CTRL + U? Correto? Ele funciona aqui, porque aqui a página /h1 citada no código nessa parte:
{url:'/h1-',success:function(l){

Tem o widget ultimos assuntos, queira checar:
http://ajuda.forumeiros.com/h1-

Porém, como o fórum do @Uatyla, não possui o últimos assuntos, na /h1, não funcionou. Veja:
http://vidadeaquarista.forumeiros.com/h1-

Para funcionar, trocamos o /h1 por /portal, veja que no portal possui os últimos assuntos:
http://vidadeaquarista.forumeiros.com/portal

Ficando assim:
Código:
<script>jQuery(document).ready(function(){setInterval(function(){jQuery.ajax({url:'/portal',success:function(l){if(jQuery('#autoassuntos').html()!=jQuery('#comments_scroll_div',l).html()){jQuery('#autoassuntos').html(jQuery('#comments_scroll_div',l).html());a=1}}})},3000);

jQuery(window).blur(function(){if(a==1){document.title='Nova mensagem'}});jQuery(window).focus(function(){a=0;document.title='Sem novas mensagens'})});</script>
<style>#autoassuntos{background-image:-webkit-linear-gradient(top,rgba(242,242,242,0.901961),rgba(222, 222, 222, 0.901961));border:1px solid -webkit-linear-gradient(left, rgba(150, 150, 150, 0.2), rgba(150, 150, 150, 0.298039) 20%, rgba(150, 150, 150, 0.298039) 80%, rgba(150, 150, 150, 0.2))}</style>
<div id="autoassuntos"></div>

Atenciosamente. Feliz Estilo cool


Última edição por Duel em 22/09/14, 02:11 pm, editado 1 vez(es) (Razão : Erro gráfico.)

Duel
Usuário avançado

Masculino
Inscrito dia : 21/05/2014
Mensagens : 323
Pontos Ativos : 446

Ver perfil do usuário http://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Resolvido Re: Como por ultimos assunto em HTML?

Mensagem por Uatyla em 23/09/14, 06:11 pm

Sennior o que o senhor mandou bugou a página. E Duel onde aplico esse código, na página HTML?
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Como por ultimos assunto em HTML?

Mensagem por Duel em 23/09/14, 06:31 pm

Sim, como dito pelo Shek, só troque o dele pelo meu.

Duel
Usuário avançado

Masculino
Inscrito dia : 21/05/2014
Mensagens : 323
Pontos Ativos : 446

Ver perfil do usuário http://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Resolvido Re: Como por ultimos assunto em HTML?

Mensagem por Uatyla em 29/09/14, 09:37 am

Olá senhores!

Desculpe a demora em responder esse tópico, estava meio atarefado. Bom vamos lá eu não estou surtindo excedo ao aplicar o código na minha HTML confiram.
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml"><head></head><body><title>Página Para Vida de Aquarista</title>
            <link rel="stylesheet" type="text/css" href="estilo.css">
            <link rel="shortcut icon" href="imagens/icon.ico" type="image/x-icon">
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
            <style type="text/css">
               body {
                  background-color: #FFFFFF;
                  font-family: MS Sans-Serif; 
               }
               * {
                  padding: 0;
                  margin: 0;
               }
               a {
                  text-decoration: none;
                  color: #858585;
               }
               a:hover {
                  color: #000000;
               }
               .center {
                  margin: auto;
                  width: 1000px;
               }
               .header {
                  background-color: #353E4D;
                  height: 100px;
                  border-bottom: 6px solid #475667;
                  border-top: 4px solid #4E5766;
                  background-repeat: repeat-x;
               }
               .logo {
                  margin-left: 50px;
                  margin-top: 20px;
                  float: left;
               }
               .menu {
                  float: right;
                  margin-top: 40px;
                  margin-right: 200px;
               }
               .menu ul li {
                  display: inline;
                  margin-left: 10px;
                  margin-right: 10px;
               }
               .menu ul a {
                  color: #9EA9BA;
                  padding: 10px;
                  font-size: 16px;
                  display: inline;
               }
               .menu ul a:hover {
                  color: #D1DBEB;
                  background-color: #262D3A;
                  box-shadow: 0px 1px 1px #16191F;
                  text-shadow: -1px -1px 0px #000000;
                  border-radius: 5px;
                  -o-border-radius: 5px;
                  -moz-border-radius: 5px;
                  -webkit-border-radius: 5px;
               }
               .main {
                  background-image: url(http://i.imgur.com/bABqmbl.jpg);
                  background-repeat: repeat-x;
                  height: 999px;
                  border-top: 6px solid #ff9e00;
               }
               .button1 {
                  color: #FFFFFF;
                  margin-top: -6px;
                  float: right;
                  background-image: url(http://i.imgur.com/vQikfvK.png);
                  width: 138px;
                  height: 39px;
                  text-align: center;
                  text-transform: uppercase;
               }
               .button2 {
                  color: #FFFFFF;
                  margin-top: 0px;
                  margin-right: 10px;
                  float: right;
                  background-image: url(http://i.imgur.com/G29L7XV.png);
                  width: 90px;
                  height: 34px;
                  text-align: center;
                  text-transform: uppercase;
               }
               .button1:hover, .button2:hover {
                  color: #000000;
               }
               .play {
                  color: #FFFFFF;
                  position: absolute;
                  right: 200px;
                  background-color: #4E5766;
                  padding-top: 4px;
                  padding-left: 8px;
                  padding-right: 8px;
                  padding-bottom: 6px;
                  border-radius: 0px 0px 5px 5px;
                  -o-border-radius: 0px 0px 5px 5px;
                  -moz-border-radius: 0px 0px 5px 5px;
                  -webkit-border-radius: 0px 0px 5px 5px;
               }
               .play:hover {
                  color: #ADB9CC;
               }
               .left {
                  float: left;
                  width: 650px;
                  height: auto;
                  margin-top: 10px;
               }
               .right {
                  float: left;
                  width: 300px;
                  height: auto;
                  padding-left: 50px;
                  padding-top: 5px;
               }
               .widget {
                  width: 278px;
                  height: auto;
                  margin-bottom: 10px;
                  background-color:#F7F7F7;
                  border: 1px solid #CFCFCF;
                  padding: 10px;
                  color: #575757
               }
               .bgtitlewidget {
                  background-image: url(http://i.imgur.com/yjvmQCw.png);
                  width: 298px;
                  height: 38px;
                  margin-top: -10px;
                  margin-left: -10px;
                  font-size: 22px;
                  margin-bottom: 5px;
               }
               .titlewidget {
                  color: #B3B3B3;
                  position: relative;
                  left: 36px;
                  top: 6px
               }
               .loginForm #username, .loginForm #password {
                  border: 1px solid #CFCFCF;
                  height: 22px;
                  width: 250px;
                  padding: 4px;
                  padding-right: 24px;
               }
               .loginForm #username {
                  background: url(http://i.imgur.com/lfkXVld.png) no-repeat right center white;
               }
               .loginForm #password {
                  background: url(http://i.imgur.com/2XLfYRL.png) no-repeat right center white;
               }
               .loginForm label[for="username"], .loginForm label[for="password"] {
                  cursor: pointer;
                  font-family: MS Sans-Serif;
                  font-size: 14px;
                  color: #848484;
                  bottom: 22px;
               }
               .loginForm .formButton {
                  cursor: pointer;
                  width: 280px;
                  height: 40px;
                  background: url(http://i.imgur.com/fgFxXR8.png) center;
                  background-color: #1d9d24;
                  border: 1px solid #1d9d24;
                  margin-top: 8px;
                  opacity: 0.9;
               }
               .loginForm .formButton:hover {
                  opacity: 1;
               }
               .imgadmin {
                  width: 60px;
                  height: 60px;
                  float: left
               }
               .adminsoptions {
                  left: 10px;
                  position: relative;
                  padding-bottom: 5px;
               }
               .parceiros {
                  opacity: 0.8;
                  width: 90px;
               }
               .parceiros:hover {
                  opacity: 1;
               }
               .bannerimg {
                  opacity: 0.8;
                  width: 650px;
                  height: 250px;
                  border: 1px solid #000000;
                  box-shadow: 0px 3px 3px #3B3B3B;
                  display: block;
               }
               .bannerimg:hover {
                  opacity: 0.9;
               }
               .left h1 {
                  margin-top: 20px;
                  color: #545454;
                  border-bottom: 2px dotted #AAA;
                  font-size: 30px;
                  padding-bottom: 2px;
                  font-style: italic;
               }
               .left p {
                  margin-top: 2px;
                  color: #323942;
                  text-align: justify;
                  padding-bottom: 10px;
               }
               .footer {
                  float: left;
                  width: 100%;
                  height: 50px;
                  top: 10px;
                  bottom: 0px;
                  position: relative;
                  background-color: #C4C4C4; 
                  border-top: 1px solid #BABABA;
               }
               .footer .p1 {
                  line-height: 50px;
                  color: #3D3D3D;
                  float: left;
                  margin-left: 40px;
               }
               .footer .p2 {
                  line-height: 50px;
                  color: #3D3D3D;
                  float: right;
                  margin-right: 40px;
               }
               .footer .p2 a {
                  color: #292929;
               }
               .footer .p2 a:hover {
                  color: #000000;
               }
         #slidecblogger {
      background:#000;
      padding:5px;
      border:3px double #fff;
      box-shadow: 7px 7px 8px #818181;
      -webkit-box-shadow: 7px 7px 8px #818181;
      -moz-box-shadow: 7px 7px 8px #818181;
      filter: progid:DXImageTransform.Microsoft.dropShadow(color=#F8F8FF, offX=7, offY=7, positive=true);
      }

      .slidecblogger a:link {
      opacity:0.4;
      filter:alpha(opacity=40);
      }

      .slidecblogger a:hover {
      opacity:1;
      filter:alpha(opacity=100);
      }#alex{background-color: #fff;padding: 5px;
              }</style>
        
        
            <div class="header">
               <div class="center">
                  <img src="http://i.imgur.com/v5UsDBh.png" class="logo" title="Vida de Aquarista">
                  <div class="menu">
                     <ul>
                        <a href="/forum" title="Ir para o Fórum"><li>Fórum</li></a>
                        <a href="/portal" title="Ir para o Chat"><li>Chat</li></a>
                        <a href="/memberlist" title="Ir para a lista de membros"><li>Membros</li></a>
                        <a href="/search" title="Ir para busca avançada"><li>Buscar</li></a>
                        <a href="/groups" title="Ir para a lista de grupos"><li>Grupos</li></a>
                     </ul>
                  </div>
                  <!--- CASO QUERIA ATIVAR O MODO DE JOGO, APAGUE ESSA LINHA
                  <a href="/">
                     <div class="play" title="Entrar no servidor! - Requer autorização">
                        Jogar Agora!
                     </div>
                  </a>
                  E APAGUE ESSE LINNHA TAMBÉM-->
               </div>
            </div>
            <div class="main">
               <div class="center">
                  <a href="/register" title="Registre-se no fórum">
                     <div class="button1">
                        <span style="top: 6px; position: relative;">Registrar</span>
                     </div>
                  </a>
                  <a href="/login" title="Conecte-se no fórum">
                     <div class="button2">
                        <span style="top: 5px; position: relative;">Entrar</span>
                     </div>
                  </a> 
                  <div class="left">
                     <img src="http://i.imgur.com/h8apiLG.gif" class="bannerimg" title="Vida de Aquarista">
                       <div id="alex">
                     <h1>Lorem Ipsum</h1>
      
                    <p>Lorem Ipsum é simplesmente uma simulação de texto
       da indústria tipográfica e de impressos, e vem sendo utilizado desde o
      século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e
       os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum
      sobreviveu não só a cinco séculos, como também ao salto para a
      editoração eletrônica, permanecendo essencialmente inalterado. Se
      popularizou na década de 60, quando a Letraset lançou decalques contendo
       passagens de Lorem Ipsum, e mais recentemente quando passou a ser
      integrado a softwares de editoração eletrônica como Aldus
      PageMaker.</p>
                       <script>jQuery(document).ready(function(){setInterval(function(){jQuery.ajax({url:'/portal',success:function(l){if(jQuery('#autoassuntos').html()!=jQuery('#comments_scroll_div',l).html()){jQuery('#autoassuntos').html(jQuery('#comments_scroll_div',l).html());a=1}}})},3000);

    jQuery(window).blur(function(){if(a==1){document.title='Nova mensagem'}});jQuery(window).focus(function(){a=0;document.title='Sem novas mensagens'})});</script>
    <style>#autoassuntos{background-image:-webkit-linear-gradient(top,rgba(242,242,242,0.901961),rgba(222, 222, 222, 0.901961));border:1px solid -webkit-linear-gradient(left, rgba(150, 150, 150, 0.2), rgba(150, 150, 150, 0.298039) 20%, rgba(150, 150, 150, 0.298039) 80%, rgba(150, 150, 150, 0.2))}</style>
    <div id="autoassuntos"></div>
                        
                     <h1>De onde ele vem?</h1>
      
                    <p>Ao contrário do que se acredita, Lorem Ipsum não é
       simplesmente um texto randômico. Com mais de 2000 anos, suas raízes
      podem ser encontradas em uma obra de literatura latina clássica datada
      de 45 AC. Richard McClintock, um professor de latim do Hampden-Sydney
      College na Virginia, pesquisou uma das mais obscuras palavras em latim,
      consectetur, oriunda de uma passagem de Lorem Ipsum, e, procurando por
      entre citações da palavra na literatura clássica, descobriu a sua
      indubitável origem. Lorem Ipsum vem das seções 1.10.32 e 1.10.33 do "de
      Finibus Bonorum et Malorum" (Os Extremos do Bem e do Mal), de Cícero,
      escrito em 45 AC. Este livro é um tratado de teoria da ética muito
      popular na época da Renascença. A primeira linha de Lorem Ipsum, "Lorem
      Ipsum dolor sit amet..." vem de uma linha na seção 1.10.32.</p>
                       </div>
                  </div>
                  <div class="right">
                     <div class="widget">
                        <div class="bgtitlewidget">
                           <span class="titlewidget">Conexão rápida</span>
                        </div>
                     <div class="loginForm">
                     <form action="/login" method="post" class="loginForm" name="form_login">
                         <dl>
                            <dt>
                               <label for="username">Usuário</label>
                            </dt>
                             <dd>
      
                               <input type="text" tabindex="1" name="username" id="username" size="30" maxlength="34" value="" class="inputfield" title="Digite seu usuário">
                             </dd>
                         </dl>
                         <dl>
                            <dt>
                               <label for="password">Senha</label>
                            </dt>
                             <dd>
      
                                <input type="password" tabindex="2" id="password" name="password" size="30" maxlength="30" class="inputfield" title="Digite sua senha">
                             </dd>
                         </dl>
                         <dd>
                             <input type="hidden" name="redirect" value="">
                             <input type="hidden" name="query" value="">
      
                            <input type="submit" name="login" tabindex="6" value="" class="formButton" title="Conectar no Fórum">
                
                  <a href="/profile?mode=sendpassword" style="font-size:
      12px;" title="Esqueceu sua senha?">Esqueceu sua senha?</a>
      
                            <a href="/register" style="font-size: 12px;
      float: right; margin-top: 4px;" title="Ainda não é registrado?">Ainda
       não é registrado?</a>
                         </dd>
                      
                      </form>
                   </div>
                   </div>
                   <div class="widget">
                     <div class="bgtitlewidget">
                        <span class="titlewidget">Com um Oferecimento</span>
                     </div>
                     <div>
                     <a href="http://vidadeaquarista.forumeiros.com/t481-anuncie-aqui-e-confira-os-beneficios#3849" target="_blank"><img style="width: 290px; height: 320px;" src="http://s20.postimg.org/4qfeq8719/T63t03w.png" "="" border="0" /></a>
                       </div>
                   </div>
                   <div class="widget">
                     <div class="bgtitlewidget">
                        <span class="titlewidget">Parceiros</span>
                     </div>
      
                  
            
    <center>
    <div role="button" class="webstore-Gf-wb webstore-A-B-C webstore-A-L-i-J-B-K webstore-A-B-Y-Z-ab-bb webstore-button webstore-button-hover" style="-webkit-user-select: none;" tabindex="0" id="abrir-parc">
    <div class="webstore-A-B-o">
    <div class="webstore-A-B-I webstore-A-B-eb-I webstore-A-B-I-O-P">
    </div>
    <div class="webstore-A-B-H webstore-test-button-label" id="abrir-parc">

    </div>
    </div>
    </div><br><br>
    <div id="parceiros" style="display: block; ">
    <marquee id="comments_scroll_container" direction="up" scrollamount="2" scrolldelay="90" style="width: 197px; height: 200px;">
    <a href="http://www.conectcheats.com.br/" target="_blank"><img src="http://i.imgur.com/ymTCSWq.jpg" style="width: 130px;"></a><br><br>
    <a href="http://mundodosaquarios.forumfacil.net/" target="_blank"><img src="http://www.servimg.com/u/f69/17/16/56/73/logopa12.png" style="width: 130px;"></a><br><br>
    <a href="http://www.nacaodospassaros.com/" target="_blank"><img src="http://i.imgur.com/pkPg3nT.png" style="width: 130px;"></a><br><br>
    <a href="http://vidadeaquarista.forumeiros.com/f19-publicidades-e-parceiros" target="_blank"><img src="http://werewolves.com.br/seja_nosso_parceiro.png" style="width: 130px;"></a><br></marquee>
    </div>
    </center><br>
                  </div>           
                  </div>
                  </div>
               </div>
          
            <div id="slidecblogger">
          
         <div class="slidecblogger">
              
             <marquee scrollamount="6" onmouseout="this.start();" onmouseover="this.stop();" direction="right">
                   <a href="http://vidadeaquarista.forumeiros.com/t785-1-concurso-aquapaisagismo-vda-2014-tema-livre" target="_blank"> <img style="width: 300px; height: 120px;" src="http://s13.postimg.org/4l0kqbsyv/DSCN0184.jpg" "="" border="0"></a><a href="http://vidadeaquarista.forumeiros.com/t785-1-concurso-aquapaisagismo-vda-2014-tema-livre" target="_blank"><img style="width: 300px; height: 120px;" src="http://s20.postimg.org/ucsiko6ql/20140115_201746.jpg" "="" border="0"></a><a href="http://vidadeaquarista.forumeiros.com/t785-1-concurso-aquapaisagismo-vda-2014-tema-livre" target="_blank"><img style="width: 300px; height: 120px;" src="https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-ash3/t1/1526634_686291121392221_2056411723_n.jpg" "="" border="0"></a><a href="Link aqui" target="_blank"><img style="width: 300px; height: 120px;" src="http://s20.postimg.org/kiwh78d5p/20140511_180253.jpg" "="" border="0"></a><a href="LINK DE DESTINO" target="_blank"><img style="width: 300px; height: 120px;" src="http://s20.postimg.org/84m5djnh9/10405667_659815874089241_5101516849375675463_n.jpg" "="" border="0"></a> 
             </marquee>
              
         </div>
      </div>

      <div class="footer">
               <span class="p1">© 2013-2014 Vida De Aquarista. Todos os Direitos Reservados</span>
      
              <span class="p2">Página desenvolvida por <a href="https://www.facebook.com/FirenandoBDF" target="_blank">Fernando</a></span>
    <span class="p2">Página editado por <a href="http://ajuda.forumeiros.com/u35476" target="_blank"> Alex Habilidade /</a><a href="http://vidadeaquarista.forumeiros.com/u1" target="_blank"> Uátyla </a></span>
            </div>

      </body></html>

OBS: O js. fornecido pelo Shek budou/desativou boa parte dos meus códigos Js.
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Como por ultimos assunto em HTML?

Mensagem por Uatyla em 05/10/14, 07:44 am

UP
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Como por ultimos assunto em HTML?

Mensagem por Uatyla em 07/10/14, 07:04 am

up
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Como por ultimos assunto em HTML?

Mensagem por Shek em 10/10/14, 06:14 pm

Boa noite!

O efeito se aplica corretamente para a página independente. Se você usa o início e o final da página, causará bugs sim nos demais Javascripts de você colocar o script de ligação com a biblioteca do jQuery de novo no código fonte.

E... Duel, sim, foi uma cópia pelo CTRL + U, porém, eu testei em um outro fórum sem as atribuições que citei agora mesmo e funcionou perfeitamente. Não vejo erros no código que passei, mesmo assim, obrigado pela sua correção.

Até mais.


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17160
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Como por ultimos assunto em HTML?

Mensagem por Sennior em 18/10/14, 12:48 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Sennior
Membro profissional
Membro profissional

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

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

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

- Tópicos similares

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