Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosWidget em página html
4 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
Widget em página html
por Isadora Dias 07.01.13 3:44
Qual é minha questão:
Gostaria de saber como (se tiver, claro) coloco widgets em uma página HTML. Aqueles widgets prontos, sabem?
Pode ser "últimas mensagens", "assuntos populares", qualquer widget pronto, que já vem no painel...
Endereço do meu fórum:
http://gods-and-demigods.forumeiros.com
Versão do fórum:
PHPBB3
Gostaria de saber como (se tiver, claro) coloco widgets em uma página HTML. Aqueles widgets prontos, sabem?
Pode ser "últimas mensagens", "assuntos populares", qualquer widget pronto, que já vem no painel...
Endereço do meu fórum:
http://gods-and-demigods.forumeiros.com
Versão do fórum:
PHPBB3
Isadora Dias- ****
- Membro desde : 05/09/2011
Mensagens : 388
Pontos : 603 -
Re: Widget em página html
por Mafioso 07.01.13 4:40
você já tem a página HTML ? e os Widgets prontos?
Mafioso- Membro
- Membro desde : 13/11/2012
Mensagens : 707
Pontos : 903 -
Re: Widget em página html
por Roevs 07.01.13 12:17
Olá,
Poderia me informar o código da sua página HTML e em que lugar deseja que os widgets fiquem ?
Até
Poderia me informar o código da sua página HTML e em que lugar deseja que os widgets fiquem ?
Até
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Widget em página html
por Isadora Dias 07.01.13 13:32
Mafioso escreveu:você já tem a página HTML ? e os Widgets prontos?
Não entendi sua dúvida, pode explicar melhor, por favor?
Quakeline escreveu:Olá,
Poderia me informar o código da sua página HTML e em que lugar deseja que os widgets fiquem ?
Até
Não é necessário a posição ou algo do tipo, eu mesmo quero editar a posição quando quiser e sei fazer isso. Basta me passar o código e se possível mostrar as áreas aonde edito isso.
Isadora Dias- ****
- Membro desde : 05/09/2011
Mensagens : 388
Pontos : 603 -
Re: Widget em página html
por Roevs 07.01.13 13:39
Olá,
Eu preciso do código da página html para eu adicionar os códigos dos widgets que deseja
Até
Eu preciso do código da página html para eu adicionar os códigos dos widgets que deseja
Até
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Widget em página html
por Isadora Dias 07.01.13 13:50
- 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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
body{
background-image: url(http://hitskin.com/themes/19/51/12/i_background.png );
background-attachment: fixed;
}
div#fundo{
-moz-border-radius: 8px; /* Para Firefox */
-webkit-border-radius: 8px; /*Para Safari e Chrome */
border-radius: 8px; /* Para Opera 10.5+*/
width:750px!important;
text-align:center;
margin:0 auto!important;
font-size:30px;
}
</style>
</head>
<body>
</br><div id="fundo"><div align="center"><img src="http://i.imgur.com/yf4zu.png"><div style="BACKGROUND-image:url(http://i.imgur.com/4DBVo.png); WIDTH:650PX; HEIGHT:718PX; PADDING: 4PX; PADDING: 5PX;"><div style="WIDTH:500PX; HEIGHT:85PX; -MOZ-BORDER-RADIUS:40PX 0PX 0PX 0PX; -WEBKIT-BORDER-RADIUS: 40PX 0PX 0PX 0PX; opacity:.50;"></div><div style="WIDTH:500PX; HEIGHT:35PX; opacity:.70;"><div style="FONT-FAMILY:GEORGIA; FONT-SIZE:30PX; LETTER-SPACING:-2PX; COLOR:#FFD700; TEXT-SHADOW:#000000 2PX 3PX 3PX; LINE-HEIGHT:60%;"> </div><div style="FONT-FAMILY: GEORGIA; FONT-SIZE: 15PX; COLOR:#000000; LETTER-SPACING: -2PX; LINE-HEIGHT:50%;"><div align="right">07 de Janeiro, 1ª Edição, </div></div></div><div style="WIDTH:527PX; BACKGROUND-COLOR:#; FONT-FAMILY: arial; COLOR:#492a0e; FONT-SIZE:14PX;LINE-HEIGHT:50%; TEXT-ALIGN:JUSTIFY;"><div style="LINE-HEIGHT:100%; HEIGHT:530PX; OVERFLOW:AUTO; Padding:5px; opacity:.99;"><br><div style="margin:auto;text-align:center;width:100%"><span style="font-size: 24px; line-height: normal"><strong></strong></span><br>
</div></div></div>
</div>
<a href="http://www.forumeiros.com" target="_blank">forumeiros.com</a>
</body>
</html>
Isadora Dias- ****
- Membro desde : 05/09/2011
Mensagens : 388
Pontos : 603 -
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Widget em página html
por Isadora Dias 07.01.13 14:06
Últimos assuntos, login (aquele que depois de logado aparece o perfil e talz) e quem está conectado.
Isadora Dias- ****
- Membro desde : 05/09/2011
Mensagens : 388
Pontos : 603 -
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Widget em página html
por Roevs 07.01.13 14:11
Olá,
Aqui esta eu adicionei o de login ão teve como por não estar ativo em seu fórum
Até
Aqui esta eu adicionei o de login ão teve como por não estar ativo em seu fórum
- 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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
body{
background-image: url(http://hitskin.com/themes/19/51/12/i_background.png );
background-attachment: fixed;
}
div#fundo{
-moz-border-radius: 8px; /* Para Firefox */
-webkit-border-radius: 8px; /*Para Safari e Chrome */
border-radius: 8px; /* Para Opera 10.5+*/
width:750px!important;
text-align:center;
margin:0 auto!important;
font-size:30px;
}
</style>
</head>
<body>
</br><div id="fundo"><div align="center"><img src="http://i.imgur.com/yf4zu.png"><div style="BACKGROUND-image:url(http://i.imgur.com/4DBVo.png); WIDTH:650PX; HEIGHT:718PX; PADDING: 4PX; PADDING: 5PX;"><div style="WIDTH:500PX; HEIGHT:85PX; -MOZ-BORDER-RADIUS:40PX 0PX 0PX 0PX; -WEBKIT-BORDER-RADIUS: 40PX 0PX 0PX 0PX; opacity:.50;"></div><div style="WIDTH:500PX; HEIGHT:35PX; opacity:.70;"><div style="FONT-FAMILY:GEORGIA; FONT-SIZE:30PX; LETTER-SPACING:-2PX; COLOR:#FFD700; TEXT-SHADOW:#000000 2PX 3PX 3PX; LINE-HEIGHT:60%;"> </div><div style="FONT-FAMILY: GEORGIA; FONT-SIZE: 15PX; COLOR:#000000; LETTER-SPACING: -2PX; LINE-HEIGHT:50%;"><div align="right">07 de Janeiro, 1ª Edição, </div></div></div><div style="WIDTH:527PX; BACKGROUND-COLOR:#; FONT-FAMILY: arial; COLOR:#492a0e; FONT-SIZE:14PX;LINE-HEIGHT:50%; TEXT-ALIGN:JUSTIFY;"><div style="LINE-HEIGHT:100%; HEIGHT:530PX; OVERFLOW:AUTO; Padding:5px; opacity:.99;"><br><div style="margin:auto;text-align:center;width:100%"><span style="font-size: 24px; line-height: normal"><strong></strong></span><br>
<div class="module"><div class="inner"><span class="corners-top"><span></span></span><div class="h3">Últimos assuntos</div><div id="comments_scroll_div"><marquee id="comments_scroll_container" direction="up" scrollamount="2" scrolldelay="90" width="109" height="200">» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t480-os-npcs-personagens-nao-jogaveis#14690" title="Ω Os NPCs (Personagens não jogáveis) Ω">Ω Os NPCs (Personagens não jogáveis) Ω</a><br><img src="http://2img.net/i/fa/empty.gif" alt="">Hoje à(s) 11:49 am por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u113"><span style="color:#00FFA2"><strong>Thanatos</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />-->» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t397-quarto#14689" title="♀ Quarto ♂">♀ Quarto ♂</a><br><img src="http://2img.net/i/fa/empty.gif" alt="">Hoje à(s) 11:42 am por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u586"><span style="color:#FF0FE3"><strong>Sebastian Lynn</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />-->» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t492-pvp-hallt-x-albafica#14688" title="PvP: Hallt x Albafica.">PvP: Hallt x Albafica.</a><br><img src="http://2img.net/i/fa/empty.gif" alt="">Hoje à(s) 11:37 am por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u547"><span style="color:#00FFA2"><strong>Éolo</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />-->» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t115p225-aumenta-abaixa-ou-desliga#14687" title="Aumenta, abaixa ou desliga?">Aumenta, abaixa ou desliga?</a><br><img src="http://2img.net/i/fa/empty.gif" alt="">Hoje à(s) 10:10 am por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u76"><span style="color:#D10000"><strong>Thomas Friedrich</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />-->» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t3-registro-de-avatares-masculinos#14686" title="Registro de Avatares Masculinos">Registro de Avatares Masculinos</a><br><img src="http://2img.net/i/fa/empty.gif" alt="">Hoje à(s) 9:52 am por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u579">James W. Bruckner</a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />-->» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t20p360-e-se-eu-te-beijar#14684" title="E se eu te beijar?">E se eu te beijar?</a><br><img src="http://2img.net/i/fa/empty.gif" alt="">Hoje à(s) 9:48 am por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u60"><span style="color:#A39B00"><strong>Abel O. Drowsiness</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />-->» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t459p30-escadaria-da-aurora-missao-para-apple-o-cletto-artico-canada#14679" title="Escadaria da Aurora - Missão para Apple O. Cletto - Ártico/Canadá">Escadaria da Aurora - Missão para Apple O. Cletto - Ártico/Canadá</a><br><img src="http://2img.net/i/fa/empty.gif" alt="">Hoje à(s) 12:34 am por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u94"><span style="color:#F5CF96"><strong>Apple O. Cletto</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />-->» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t26p360-qual-bebida-voce-daria#14678" title="Qual bebida você daria ?">Qual bebida você daria ?</a><br><img src="http://2img.net/i/fa/empty.gif" alt="">Hoje à(s) 12:00 am por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u52"><span style="color:#B591B5"><strong>Frida Forestiere</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />-->» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t493-mvp-para-derek-e-margaret#14675" title="MvP para Derek e Margaret">MvP para Derek e Margaret</a><br><img src="http://2img.net/i/fa/empty.gif" alt="">Ontem à(s) 11:51 pm por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u542"><span style="color:#FF0FE3"><strong>Derek Di Amantes</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />--></marquee></div><script type="text/javascript">//<![CDATA[
$(function(){div_marquee('comments_scroll_div', 'comments_scroll_container', 'up', '2', '90', '200');});//]]></script><span class="corners-bottom"><span></span></span></div></div>
<div class="module"><div class="inner"><span class="corners-top"><span></span></span><div class="h3">Quem está conectado</div>Há <strong>15</strong> usuários online :: 12 usuários cadastrados, Nenhum Invisível e 3 Visitantes <br><br><a href="/u214"><span style="color:#00F7FF"><strong>Afrodite</strong></span></a>, <a href="/u577"><span style="color:#FF8B3D"><strong>Alice Charlotte McHallen</strong></span></a>, <a href="/u297"><span style="color:#BD9090"><strong>Ardro H. Matt</strong></span></a>, <a href="/u202"><span style="color:#00F7FF"><strong>Atena</strong></span></a>, <a href="/u578"><span style="color:#FF8B3D"><strong>Elisabeth Alexandra Swan</strong></span></a>, <a href="/u207"><span style="color:#D10000"><strong>Gloss Grigori</strong></span></a>, <a href="/u508"><span style="color:#E0B0FF"><strong>Khristie T. Schmidt</strong></span></a>, <a href="/u421">Lucas A. O. Galetti</a>, <a href="/u586"><span style="color:#FF0FE3"><strong>Sebastian Lynn</strong></span></a>, <a href="/u416"><span style="color:#E8FA7F"><strong>Taylor von Dietricher</strong></span></a>, <a href="/u113"><span style="color:#00FFA2"><strong>Thanatos</strong></span></a>, <a href="/u76"><span style="color:#D10000"><strong>Thomas Friedrich</strong></span></a><br><br><p class="center">[ <a href="/viewonline" rel="nofollow">Ver toda a lista</a> ]</p><br>O recorde de usuários online foi de <strong>25</strong> em Sex Jul 27, 2012 12:47 pm<span class="corners-bottom"><span></span></span></div></div>
</div></div></div>
</div>
<a href="http://www.forumeiros.com" target="_blank">forumeiros.com</a>
</body>
</html>
Até
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Widget em página html
por Isadora Dias 07.01.13 14:13
Quando fala em não estar ativo se refere ao widget? No caso ele não estar no meu portal, fórum, ou qualquer página do fórum? Não estar aplicado no fórum? Se for isto, ativei, agora pode colocar?
Isadora Dias- ****
- Membro desde : 05/09/2011
Mensagens : 388
Pontos : 603 -
Re: Widget em página html
por Sennior 07.01.13 14:16
Mikéé escreveu:Olá amigo,
Cheque as informações deste tópico: https://ajuda.forumeiros.com/t37957-
Abraços!
Leu minha querida?
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Widget em página html
por Isadora Dias 07.01.13 14:20
Mikéé escreveu:Mikéé escreveu:Olá amigo,
Cheque as informações deste tópico: https://ajuda.forumeiros.com/t37957-
Abraços!
Leu minha querida?
Li, Mikéé, mas não me ajudou muito =(
Isadora Dias- ****
- Membro desde : 05/09/2011
Mensagens : 388
Pontos : 603 -
Re: Widget em página html
por Roevs 07.01.13 14:39
Ola,
Pronto aqui esta
Ate
Pronto aqui esta
- 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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
body{
background-image: url(http://hitskin.com/themes/19/51/12/i_background.png );
background-attachment: fixed;
}
div#fundo{
-moz-border-radius: 8px; /* Para Firefox */
-webkit-border-radius: 8px; /*Para Safari e Chrome */
border-radius: 8px; /* Para Opera 10.5+*/
width:750px!important;
text-align:center;
margin:0 auto!important;
font-size:30px;
}
</style>
</head>
<body>
</br><div id="fundo"><div align="center"><img src="http://i.imgur.com/yf4zu.png"><div style="BACKGROUND-image:url(http://i.imgur.com/4DBVo.png); WIDTH:650PX; HEIGHT:718PX; PADDING: 4PX; PADDING: 5PX;"><div style="WIDTH:500PX; HEIGHT:85PX; -MOZ-BORDER-RADIUS:40PX 0PX 0PX 0PX; -WEBKIT-BORDER-RADIUS: 40PX 0PX 0PX 0PX; opacity:.50;"></div><div style="WIDTH:500PX; HEIGHT:35PX; opacity:.70;"><div style="FONT-FAMILY:GEORGIA; FONT-SIZE:30PX; LETTER-SPACING:-2PX; COLOR:#FFD700; TEXT-SHADOW:#000000 2PX 3PX 3PX; LINE-HEIGHT:60%;"> </div><div style="FONT-FAMILY: GEORGIA; FONT-SIZE: 15PX; COLOR:#000000; LETTER-SPACING: -2PX; LINE-HEIGHT:50%;"><div align="right">07 de Janeiro, 1ª Edição, </div></div></div><div style="WIDTH:527PX; BACKGROUND-COLOR:#; FONT-FAMILY: arial; COLOR:#492a0e; FONT-SIZE:14PX;LINE-HEIGHT:50%; TEXT-ALIGN:JUSTIFY;"><div style="LINE-HEIGHT:100%; HEIGHT:530PX; OVERFLOW:AUTO; Padding:5px; opacity:.99;"><br><div style="margin:auto;text-align:center;width:100%"><span style="font-size: 24px; line-height: normal"><strong></strong></span><br>
<div class="module"><div class="inner"><span class="corners-top"><span></span></span><div class="h3">Últimos assuntos</div><div id="comments_scroll_div"><marquee id="comments_scroll_container" direction="up" scrollamount="2" scrolldelay="90" width="109" height="200">» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t480-os-npcs-personagens-nao-jogaveis#14690" title="Ω Os NPCs (Personagens não jogáveis) Ω">Ω Os NPCs (Personagens não jogáveis) Ω</a><br><img src="http://2img.net/i/fa/empty.gif" alt="">Hoje à(s) 11:49 am por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u113"><span style="color:#00FFA2"><strong>Thanatos</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />-->» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t397-quarto#14689" title="♀ Quarto ♂">♀ Quarto ♂</a><br><img src="http://2img.net/i/fa/empty.gif" alt="">Hoje à(s) 11:42 am por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u586"><span style="color:#FF0FE3"><strong>Sebastian Lynn</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />-->» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t492-pvp-hallt-x-albafica#14688" title="PvP: Hallt x Albafica.">PvP: Hallt x Albafica.</a><br><img src="http://2img.net/i/fa/empty.gif" alt="">Hoje à(s) 11:37 am por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u547"><span style="color:#00FFA2"><strong>Éolo</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />-->» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t115p225-aumenta-abaixa-ou-desliga#14687" title="Aumenta, abaixa ou desliga?">Aumenta, abaixa ou desliga?</a><br><img src="http://2img.net/i/fa/empty.gif" alt="">Hoje à(s) 10:10 am por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u76"><span style="color:#D10000"><strong>Thomas Friedrich</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />-->» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t3-registro-de-avatares-masculinos#14686" title="Registro de Avatares Masculinos">Registro de Avatares Masculinos</a><br><img src="http://2img.net/i/fa/empty.gif" alt="">Hoje à(s) 9:52 am por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u579">James W. Bruckner</a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />-->» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t20p360-e-se-eu-te-beijar#14684" title="E se eu te beijar?">E se eu te beijar?</a><br><img src="http://2img.net/i/fa/empty.gif" alt="">Hoje à(s) 9:48 am por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u60"><span style="color:#A39B00"><strong>Abel O. Drowsiness</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />-->» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t459p30-escadaria-da-aurora-missao-para-apple-o-cletto-artico-canada#14679" title="Escadaria da Aurora - Missão para Apple O. Cletto - Ártico/Canadá">Escadaria da Aurora - Missão para Apple O. Cletto - Ártico/Canadá</a><br><img src="http://2img.net/i/fa/empty.gif" alt="">Hoje à(s) 12:34 am por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u94"><span style="color:#F5CF96"><strong>Apple O. Cletto</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />-->» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t26p360-qual-bebida-voce-daria#14678" title="Qual bebida você daria ?">Qual bebida você daria ?</a><br><img src="http://2img.net/i/fa/empty.gif" alt="">Hoje à(s) 12:00 am por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u52"><span style="color:#B591B5"><strong>Frida Forestiere</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />-->» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t493-mvp-para-derek-e-margaret#14675" title="MvP para Derek e Margaret">MvP para Derek e Margaret</a><br><img src="http://2img.net/i/fa/empty.gif" alt="">Ontem à(s) 11:51 pm por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u542"><span style="color:#FF0FE3"><strong>Derek Di Amantes</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />--></marquee></div><script type="text/javascript">//<![CDATA[
$(function(){div_marquee('comments_scroll_div', 'comments_scroll_container', 'up', '2', '90', '200');});//]]></script><span class="corners-bottom"><span></span></span></div></div>
<div class="module"><div class="inner"><span class="corners-top"><span></span></span><div class="h3">Quem está conectado</div>Há <strong>15</strong> usuários online :: 12 usuários cadastrados, Nenhum Invisível e 3 Visitantes <br><br><a href="/u214"><span style="color:#00F7FF"><strong>Afrodite</strong></span></a>, <a href="/u577"><span style="color:#FF8B3D"><strong>Alice Charlotte McHallen</strong></span></a>, <a href="/u297"><span style="color:#BD9090"><strong>Ardro H. Matt</strong></span></a>, <a href="/u202"><span style="color:#00F7FF"><strong>Atena</strong></span></a>, <a href="/u578"><span style="color:#FF8B3D"><strong>Elisabeth Alexandra Swan</strong></span></a>, <a href="/u207"><span style="color:#D10000"><strong>Gloss Grigori</strong></span></a>, <a href="/u508"><span style="color:#E0B0FF"><strong>Khristie T. Schmidt</strong></span></a>, <a href="/u421">Lucas A. O. Galetti</a>, <a href="/u586"><span style="color:#FF0FE3"><strong>Sebastian Lynn</strong></span></a>, <a href="/u416"><span style="color:#E8FA7F"><strong>Taylor von Dietricher</strong></span></a>, <a href="/u113"><span style="color:#00FFA2"><strong>Thanatos</strong></span></a>, <a href="/u76"><span style="color:#D10000"><strong>Thomas Friedrich</strong></span></a><br><br><p class="center">[ <a href="/viewonline" rel="nofollow">Ver toda a lista</a> ]</p><br>O recorde de usuários online foi de <strong>25</strong> em Sex Jul 27, 2012 12:47 pm<span class="corners-bottom"><span></span></span></div></div>
<div class="module"><div class="inner"><span class="corners-top"><span></span></span><div class="h3">Login</div><br><form action="/login" method="post"><fieldset class="fields1"><dl><dt><label for="username">Nome de usuário:</label></dt><dd><input type="text" tabindex="1" name="username" id="username" size="20" maxlength="40" value="" class="inputbox autowidth"></dd></dl><dl><dt><label for="password">Senha:</label></dt><dd><input type="password" tabindex="2" id="password" name="password" size="20" maxlength="25" class="inputbox autowidth"></dd><dd><a href="/profile?mode=sendpassword" rel="nofollow">Esqueci minha senha</a></dd></dl><dl><dd><label for="autologin" style="display:inline;white-space:normal;"><input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" checked="checked"> Conexão automática</label></dd></dl><dl><dt> </dt><dd><input type="submit" name="login" tabindex="6" value="Login" class="button1"></dd></dl></fieldset></form><span class="corners-bottom"><span></span></span></div></div>
</div></div></div>
</div>
<a href="http://www.forumeiros.com" target="_blank">forumeiros.com</a>
</body>
</html>
Ate
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Widget em página html
por Isadora Dias 07.01.13 14:44
Ah, desculpa não perguntar antes, Quakeline, eu queria saber aonde começa o código que adicionou e aonde acaba, por favor.
Isadora Dias- ****
- Membro desde : 05/09/2011
Mensagens : 388
Pontos : 603 -
Re: Widget em página html
por Roevs 07.01.13 14:49
Ola,
Vermelho : E aonde começa
Azul : E aonde termina
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
body{
background-image: url(http://hitskin.com/themes/19/51/12/i_background.png );
background-attachment: fixed;
}
div#fundo{
-moz-border-radius: 8px; /* Para Firefox */
-webkit-border-radius: 8px; /*Para Safari e Chrome */
border-radius: 8px; /* Para Opera 10.5+*/
width:750px!important;
text-align:center;
margin:0 auto!important;
font-size:30px;
}
</style>
</head>
<body>
</br><div id="fundo"><div align="center"><img src="https://i.imgur.com/yf4zu.png"><div style="BACKGROUND-image:url(https://i.imgur.com/4DBVo.png); WIDTH:650PX; HEIGHT:718PX; PADDING: 4PX; PADDING: 5PX;"><div style="WIDTH:500PX; HEIGHT:85PX; -MOZ-BORDER-RADIUS:40PX 0PX 0PX 0PX; -WEBKIT-BORDER-RADIUS: 40PX 0PX 0PX 0PX; opacity:.50;"></div><div style="WIDTH:500PX; HEIGHT:35PX; opacity:.70;"><div style="FONT-FAMILY:GEORGIA; FONT-SIZE:30PX; LETTER-SPACING:-2PX; COLOR:#FFD700; TEXT-SHADOW:#000000 2PX 3PX 3PX; LINE-HEIGHT:60%;"> </div><div style="FONT-FAMILY: GEORGIA; FONT-SIZE: 15PX; COLOR:#000000; LETTER-SPACING: -2PX; LINE-HEIGHT:50%;"><div align="right">07 de Janeiro, 1ª Edição, </div></div></div><div style="WIDTH:527PX; BACKGROUND-COLOR:#; FONT-FAMILY: arial; COLOR:#492a0e; FONT-SIZE:14PX;LINE-HEIGHT:50%; TEXT-ALIGN:JUSTIFY;"><div style="LINE-HEIGHT:100%; HEIGHT:530PX; OVERFLOW:AUTO; Padding:5px; opacity:.99;"><br><div style="margin:auto;text-align:center;width:100%"><span style="font-size: 24px; line-height: normal"><strong></strong></span><br>
<div class="module"><div class="inner"><span class="corners-top"><span></span></span><div class="h3">Últimos assuntos</div><div id="comments_scroll_div"><marquee id="comments_scroll_container" direction="up" scrollamount="2" scrolldelay="90" width="109" height="200">» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t480-os-npcs-personagens-nao-jogaveis#14690" title="Ω Os NPCs (Personagens não jogáveis) Ω">Ω Os NPCs (Personagens não jogáveis) Ω</a><br><img src="https://2img.net/i/fa/empty.gif" alt="">Hoje à(s) 11:49 am por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u113"><span style="color:#00FFA2"><strong>Thanatos</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />-->» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t397-quarto#14689" title="♀ Quarto ♂">♀ Quarto ♂</a><br><img src="https://2img.net/i/fa/empty.gif" alt="">Hoje à(s) 11:42 am por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u586"><span style="color:#FF0FE3"><strong>Sebastian Lynn</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />-->» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t492-pvp-hallt-x-albafica#14688" title="PvP: Hallt x Albafica.">PvP: Hallt x Albafica.</a><br><img src="https://2img.net/i/fa/empty.gif" alt="">Hoje à(s) 11:37 am por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u547"><span style="color:#00FFA2"><strong>Éolo</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />-->» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t115p225-aumenta-abaixa-ou-desliga#14687" title="Aumenta, abaixa ou desliga?">Aumenta, abaixa ou desliga?</a><br><img src="https://2img.net/i/fa/empty.gif" alt="">Hoje à(s) 10:10 am por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u76"><span style="color:#D10000"><strong>Thomas Friedrich</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />-->» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t3-registro-de-avatares-masculinos#14686" title="Registro de Avatares Masculinos">Registro de Avatares Masculinos</a><br><img src="https://2img.net/i/fa/empty.gif" alt="">Hoje à(s) 9:52 am por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u579">James W. Bruckner</a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />-->» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t20p360-e-se-eu-te-beijar#14684" title="E se eu te beijar?">E se eu te beijar?</a><br><img src="https://2img.net/i/fa/empty.gif" alt="">Hoje à(s) 9:48 am por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u60"><span style="color:#A39B00"><strong>Abel O. Drowsiness</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />-->» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t459p30-escadaria-da-aurora-missao-para-apple-o-cletto-artico-canada#14679" title="Escadaria da Aurora - Missão para Apple O. Cletto - Ártico/Canadá">Escadaria da Aurora - Missão para Apple O. Cletto - Ártico/Canadá</a><br><img src="https://2img.net/i/fa/empty.gif" alt="">Hoje à(s) 12:34 am por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u94"><span style="color:#F5CF96"><strong>Apple O. Cletto</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />-->» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t26p360-qual-bebida-voce-daria#14678" title="Qual bebida você daria ?">Qual bebida você daria ?</a><br><img src="https://2img.net/i/fa/empty.gif" alt="">Hoje à(s) 12:00 am por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u52"><span style="color:#B591B5"><strong>Frida Forestiere</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />-->» <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/t493-mvp-para-derek-e-margaret#14675" title="MvP para Derek e Margaret">MvP para Derek e Margaret</a><br><img src="https://2img.net/i/fa/empty.gif" alt="">Ontem à(s) 11:51 pm por <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/u542"><span style="color:#FF0FE3"><strong>Derek Di Amantes</strong></span></a><br><br><!--
<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=""></a><br /><br />--></marquee></div><script type="text/javascript">//<![CDATA[
$(function(){div_marquee('comments_scroll_div', 'comments_scroll_container', 'up', '2', '90', '200');});//]]></script><span class="corners-bottom"><span></span></span></div></div>
<div class="module"><div class="inner"><span class="corners-top"><span></span></span><div class="h3">Quem está conectado</div>Há <strong>15</strong> usuários online :: 12 usuários cadastrados, Nenhum Invisível e 3 Visitantes <br><br><a href="/u214"><span style="color:#00F7FF"><strong>Afrodite</strong></span></a>, <a href="/u577"><span style="color:#FF8B3D"><strong>Alice Charlotte McHallen</strong></span></a>, <a href="/u297"><span style="color:#BD9090"><strong>Ardro H. Matt</strong></span></a>, <a href="/u202"><span style="color:#00F7FF"><strong>Atena</strong></span></a>, <a href="/u578"><span style="color:#FF8B3D"><strong>Elisabeth Alexandra Swan</strong></span></a>, <a href="/u207"><span style="color:#D10000"><strong>Gloss Grigori</strong></span></a>, <a href="/u508"><span style="color:#E0B0FF"><strong>Khristie T. Schmidt</strong></span></a>, <a href="/u421">Lucas A. O. Galetti</a>, <a href="/u586"><span style="color:#FF0FE3"><strong>Sebastian Lynn</strong></span></a>, <a href="/u416"><span style="color:#E8FA7F"><strong>Taylor von Dietricher</strong></span></a>, <a href="/u113"><span style="color:#00FFA2"><strong>Thanatos</strong></span></a>, <a href="/u76"><span style="color:#D10000"><strong>Thomas Friedrich</strong></span></a><br><br><p class="center">[ <a href="/viewonline" rel="nofollow">Ver toda a lista</a> ]</p><br>O recorde de usuários online foi de <strong>25</strong> em Sex Jul 27, 2012 12:47 pm<span class="corners-bottom"><span></span></span></div></div>
<div class="module"><div class="inner"><span class="corners-top"><span></span></span><div class="h3">Login</div><br><form action="/login" method="post"><fieldset class="fields1"><dl><dt><label for="username">Nome de usuário:</label></dt><dd><input type="text" tabindex="1" name="username" id="username" size="20" maxlength="40" value="" class="inputbox autowidth"></dd></dl><dl><dt><label for="password">Senha:</label></dt><dd><input type="password" tabindex="2" id="password" name="password" size="20" maxlength="25" class="inputbox autowidth"></dd><dd><a href="/profile?mode=sendpassword" rel="nofollow">Esqueci minha senha</a></dd></dl><dl><dd><label for="autologin" style="display:inline;white-space:normal;"><input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" checked="checked"> Conexão automática</label></dd></dl><dl><dt> </dt><dd><input type="submit" name="login" tabindex="6" value="Login" class="button1"></dd></dl></fieldset></form><span class="corners-bottom"><span></span></span></div></div>
</div></div></div>
</div>
<a href="https://www.forumeiros.com" target="_blank">forumeiros.com</a>
</body>
</html>
Vermelho : E aonde começa
Azul : E aonde termina
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Isadora Dias- ****
- Membro desde : 05/09/2011
Mensagens : 388
Pontos : 603 -
Tópicos semelhantes» Pagina html como página inicial do fórum
» Erro na hora de colocar widget e editar página html
» Criar uma página HTML para o widget TÓPICOS RECENTES
» Declaro Urgência Help HTML ( Colocar vídeo para tocar automaticamente quando abrir a página de entrada do fórum em HTML Preciso do códico em HTML
» Definir página HTML personalizada como página inicial
» Erro na hora de colocar widget e editar página html
» Criar uma página HTML para o widget TÓPICOS RECENTES
» Declaro Urgência Help HTML ( Colocar vídeo para tocar automaticamente quando abrir a página de entrada do fórum em HTML Preciso do códico em HTML
» Definir página HTML personalizada como página inicial
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