ArtigosComo por ultimos assunto em HTML?
5 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Como por ultimos assunto em HTML?
por Uatyla 20.09.14 17:25
- 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ódigo | Tags: | ultimos,assunto,HTML? |
Uatyla- Hiper Membro
- Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546 -
Re: Como por ultimos assunto em HTML?
por Hancki 21.09.14 10:06
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
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
Hancki- Membro Entusiasta
- Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250 -
Re: Como por ultimos assunto em HTML?
por Uatyla 21.09.14 19:29
Blz agora me ajuda ai!
Como adicionar esse código na página HTML?
Essa é a página, quero por onde tem o seguinte texto, "Porque nós o usamos?"
Página HTML
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>
Uatyla- Hiper Membro
- Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546 -
Re: Como por ultimos assunto em HTML?
por Shek 21.09.14 19:46
Boa tarde!
Já tentou adicionar este código em sua página HTML?
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>
- Código:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
Shek- Principal Contribuidor
- Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969 -
Uatyla- Hiper Membro
- Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546 -
Re: Como por ultimos assunto em HTML?
por Sennior 22.09.14 17:56
Saudações,
Veja se ficou do seu agrado:
Até mais.
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.
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Como por ultimos assunto em HTML?
por Duel 22.09.14 18:09
Shek escreveu:Boa tarde!
Já tentou adicionar este código em sua página HTML?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>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>
- 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:
https://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:
https://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.
Última edição por Duel em 22.09.14 18:11, editado 1 vez(es) (Motivo da edição : Erro gráfico.)
Duel- ****
- Membro desde : 21/05/2014
Mensagens : 323
Pontos : 446 -
Re: Como por ultimos assunto em HTML?
por Uatyla 23.09.14 22:11
Sennior o que o senhor mandou bugou a página. E Duel onde aplico esse código, na página HTML?
Uatyla- Hiper Membro
- Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546 -
Re: Como por ultimos assunto em HTML?
por Duel 23.09.14 22:31
Sim, como dito pelo Shek, só troque o dele pelo meu.
Duel- ****
- Membro desde : 21/05/2014
Mensagens : 323
Pontos : 446 -
Re: Como por ultimos assunto em HTML?
por Uatyla 29.09.14 13:37
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.
OBS: O js. fornecido pelo Shek budou/desativou boa parte dos meus códigos Js.
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.
Uatyla- Hiper Membro
- Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546 -
Uatyla- Hiper Membro
- Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546 -
Uatyla- Hiper Membro
- Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546 -
Re: Como por ultimos assunto em HTML?
por Shek 10.10.14 22:14
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.
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- Principal Contribuidor
- Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969 -
Re: Como por ultimos assunto em HTML?
por Sennior 18.10.14 4:48
 | Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Tópicos semelhantes» Últimos assuntos em página html personalizada
» Ultimos assunto buga com formulario
» Como eu coloco últimos assuntos no canto da tela mostrando os ultimos topicos ?
» Últimos assuntos em html
» Últimos assuntos em código html
» Ultimos assunto buga com formulario
» Como eu coloco últimos assuntos no canto da tela mostrando os ultimos topicos ?
» Últimos assuntos em html
» Últimos assuntos em código html
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos