Widget em página html

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

Resolvido Widget em página html

Mensagem por Isadora Dias em 07/01/13, 01:44 am

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

Isadora Dias
Usuário avançado

Feminino
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603

Ver perfil do usuário http://cistem-aperio.forumeiros.com

Resolvido Re: Widget em página html

Mensagem por Mafioso em 07/01/13, 02:40 am

você já tem a página HTML ? e os Widgets prontos?
avatar

Mafioso
Usuário destaque

Masculino
Inscrito dia : 13/11/2012
Mensagens : 707
Pontos Ativos : 903

Ver perfil do usuário http://www.brasilplaycity.com.br/forum

Resolvido Re: Widget em página html

Mensagem por iPrompt em 07/01/13, 10:17 am

Olá,

Poderia me informar o código da sua página HTML e em que lugar deseja que os widgets fiquem ?

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Widget em página html

Mensagem por Isadora Dias em 07/01/13, 11:32 am

@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. Muito feliz

Isadora Dias
Usuário avançado

Feminino
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603

Ver perfil do usuário http://cistem-aperio.forumeiros.com

Resolvido Re: Widget em página html

Mensagem por iPrompt em 07/01/13, 11:39 am

Olá,

Eu preciso do código da página html para eu adicionar os códigos dos widgets que deseja

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Widget em página html

Mensagem por Isadora Dias em 07/01/13, 11:50 am

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
Usuário avançado

Feminino
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603

Ver perfil do usuário http://cistem-aperio.forumeiros.com

Resolvido Re: Widget em página html

Mensagem por iPrompt em 07/01/13, 11:54 am

Olá,

Quais os widgests você deseja

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Widget em página html

Mensagem por Isadora Dias em 07/01/13, 12:06 pm

Últimos assuntos, login (aquele que depois de logado aparece o perfil e talz) e quem está conectado.

Isadora Dias
Usuário avançado

Feminino
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603

Ver perfil do usuário http://cistem-aperio.forumeiros.com

Resolvido Re: Widget em página html

Mensagem por Sennior em 07/01/13, 12:10 pm

Olá amigo,

Cheque as informações deste tópico: http://ajuda.forumeiros.com/t37957-

Abraços!
avatar

Sennior
Membro profissional
Membro profissional

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

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

Resolvido Re: Widget em página html

Mensagem por iPrompt em 07/01/13, 12:11 pm

Olá,

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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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é
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Widget em página html

Mensagem por Isadora Dias em 07/01/13, 12:13 pm

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
Usuário avançado

Feminino
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603

Ver perfil do usuário http://cistem-aperio.forumeiros.com

Resolvido Re: Widget em página html

Mensagem por Sennior em 07/01/13, 12:16 pm

@Mikéé escreveu:Olá amigo,

Cheque as informações deste tópico: http://ajuda.forumeiros.com/t37957-

Abraços!

Leu minha querida?
avatar

Sennior
Membro profissional
Membro profissional

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

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

Resolvido Re: Widget em página html

Mensagem por Isadora Dias em 07/01/13, 12:20 pm

@Mikéé escreveu:
@Mikéé escreveu:Olá amigo,

Cheque as informações deste tópico: http://ajuda.forumeiros.com/t37957-

Abraços!

Leu minha querida?

Li, Mikéé, mas não me ajudou muito =(

Isadora Dias
Usuário avançado

Feminino
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603

Ver perfil do usuário http://cistem-aperio.forumeiros.com

Resolvido Re: Widget em página html

Mensagem por iPrompt em 07/01/13, 12:39 pm

Ola,

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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Widget em página html

Mensagem por Isadora Dias em 07/01/13, 12:44 pm

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
Usuário avançado

Feminino
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603

Ver perfil do usuário http://cistem-aperio.forumeiros.com

Resolvido Re: Widget em página html

Mensagem por iPrompt em 07/01/13, 12:49 pm

Ola,

<!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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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>

Vermelho : E aonde começa
Azul : E aonde termina
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Widget em página html

Mensagem por Isadora Dias em 07/01/13, 01:10 pm

Muito obrigada Piscada

Isadora Dias
Usuário avançado

Feminino
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603

Ver perfil do usuário http://cistem-aperio.forumeiros.com

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

- Tópicos similares

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