Tenho alguns codigos HTML feitos por mim prontinhos:
Imagem clique link
<p><a target="_blank" href="[b](endereço da nova guia)[/b]"><img height="106" src="http://files.habbo-expert.webnode.com/200000014-558665680a/enter.gif" width="105" alt="" /></a></p>
Obs: coloque este codigo no seu site , Para uma imagem disponivel a clique , Ex: Uma imagem que tem a função de clicar e abrir uma nova guia , Coloque o endereço que você quer que redirecione em (endereço da nova guia)Enquete:
<!-- INICIO DO CODIGO DA ENQUETE -->
<form action="[b](Endereço da nova guia)[/b]" method=GET>
<b>Uque achou?</b><br>
<input name="opcao" type="radio" value="4637762">[b](Opção)[/b]<br>
<input name="opcao" type="radio" value="4637763">[b](Opção)[/b]<br>
<input type="hidden" name="id" value="862994">
<input type=hidden name="origem" value="http://www.habbulegal.webs.com">
<input type=submit value=" Votar ">
</form>
<form action="[b](Endereço da nova guia2)[/b]" method=GET>
<input type=hidden name="origem" value="http://www.habbulegal.webs.com">
<input type=hidden name="id" value="862994">
<input type=submit value="Resultado parcial">
</form><br>
<!-- FIM DO CODIGO DA ENQUETE -->
Obs: Aonde esta escrito (Endereço da nova guia) É o endereço que você sera redirecionado depois de votar,
O (Endereço da nova guia2) É o endereço para ver o resultado da enquete por tanto deixe "http://www.enquetes.com.br/enquete.asp" no lugar do (Endereço da nova guia2) , No lugar da (Opção) Coloque a Opção da enquete Ex: Otimo , Ruim , bom etc... , Para add mais opçoes coloque embaixo de alguma opção "<input name="opcao" type="radio" value="4637764">(Opção)<br> , Pois copie a mesma coisa , Só que só mude o Numero se for "5671" mude para "5672" que ali no caso de "4637763" eu mudei para "467764"
Barra que se movimenta:
Obs: No lugar do (texto) Coloque o texto que você quer que apareca na Barra , E no lugar do "YELLOY" você pode trocar para outras cores tipo "BLUE" , "RED" etc... , e fazer umas modificaçoes
Caixa de texto:
<textarea rows="5" cols="50" style="background-color: #ffffff">ESCREVA AQUI O SEU TEXTO</textarea>[/b]
Obs: Esta caixa server para escrever comentarios , Deixar recados etc... , No lugar do #ffffff você pode mudar a cor , Veja em sites os HTML das cores. também pode escrever um texto para dolocar no Usuario em um forúm
Quadradinho de marcação:
Obs: no lugar da (Opção) você coloca uma Opção tipo: Sorvete , Basquete para ser marcada , Para criar um monte de opçoes basta copiar o codigo denovo e ó mudar a (Opção)
Perguntas:
Obs: Pode ser usado , Para os usuarios perguntarem alguma coisa para você no lugar do (Nick) você coloca seu nick usado no seu site , E so copiar depois colocar o codigo e pronto
Caixa de Senha:
Obs: Isto é um codigo usado para login do membro , Tem a caixa de Senha que a senha aparece em ****** , E vem junto já a caixa do Nick , É só separar pelo <div>
Botão relogar e varias funçoes:
<form action="[b](Coloque o Link)[/b]" method=GET>
<input type=hidden name="origem" value="http://www.habbulegal.webs.com">
<input type=hidden name="id" value="862142">
<input type=submit value="[b](Coloque o Texto)[/b]">
</form><br>
<!-- FIM DO CODIGO DA ENQUETE -->
Obs: Este botão eu usei para , Relogar uma pagina ou , Um botão para você ser direcionado a outra Guia , Simple no lugar do (Coloque o Link) você coloca o link que você quer ser Redirecionado , No lugar do (Coloque o Texto) Você colocar como vai ser o texto do Botão Ex: Relogar , Voltar , Sair , Entrar , Jogar etc...
Contador de visitas:
Obs: No lugar do (Seu site) você coloca seu site , E só copiar o codigo e colar , E ta prontinho se quiser mudar a cor o tamanho mude o e o [#color] Caso não reja ai no HTML entre neste link clicando Aqui e altere-o
Pergunta
brunomendonça
Tenho alguns codigos HTML feitos por mim prontinhos:
Imagem clique link
Obs: coloque este codigo no seu site , Para uma imagem disponivel a clique , Ex: Uma imagem que tem a função de clicar e abrir uma nova guia , Coloque o endereço que você quer que redirecione em (endereço da nova guia) Enquete: Obs: Aonde esta escrito (Endereço da nova guia) É o endereço que você sera redirecionado depois de votar, O (Endereço da nova guia2) É o endereço para ver o resultado da enquete por tanto deixe "http://www.enquetes.com.br/enquete.asp" no lugar do (Endereço da nova guia2) , No lugar da (Opção) Coloque a Opção da enquete Ex: Otimo , Ruim , bom etc... , Para add mais opçoes coloque embaixo de alguma opção "<input name="opcao" type="radio" value="4637764">(Opção)<br> , Pois copie a mesma coisa , Só que só mude o Numero se for "5671" mude para "5672" que ali no caso de "4637763" eu mudei para "467764" Barra que se movimenta: Obs: No lugar do (texto) Coloque o texto que você quer que apareca na Barra , E no lugar do "YELLOY" você pode trocar para outras cores tipo "BLUE" , "RED" etc... , e fazer umas modificaçoes Caixa de texto: Obs: Esta caixa server para escrever comentarios , Deixar recados etc... , No lugar do #ffffff você pode mudar a cor , Veja em sites os HTML das cores. também pode escrever um texto para dolocar no Usuario em um forúm Quadradinho de marcação: Obs: no lugar da (Opção) você coloca uma Opção tipo: Sorvete , Basquete para ser marcada , Para criar um monte de opçoes basta copiar o codigo denovo e ó mudar a (Opção) Perguntas: Obs: Pode ser usado , Para os usuarios perguntarem alguma coisa para você no lugar do (Nick) você coloca seu nick usado no seu site , E so copiar depois colocar o codigo e pronto Caixa de Senha:<script> } window.location.href="http://www.habbid.com.br/"+variaveis[1]; //document.write("http://www.habbid.com.br/"+variaveis[1]); } </script> <base href="http://www.habbid.com.br/" /> <link rel="icon" href="images/ico.gif" type="image/x-icon" /> <link rel="shortcut icon" href="images/ico.gif" type="image/x-icon" /> <meta name="robots" content="index,follow" /> <meta name="AUTHOR" content="Habbid.com.br" /> <script type="text/javascript" src="js/jquery.fancybox-1.2.1.pack.js"></script> <script type="text/javascript" src="js/functions.js"></script> <script type="text/javascript" src="js/ac_runactivecontent.js"></script> <script type="text/javascript" src="js/jquery.bgiframe.js"></script> <script type="text/javascript" src="js/jquery.positionBy.js"></script> <script type="text/javascript" src="js/jquery.dimensions.js"></script> <script type="text/javascript" src="js/jquery.jdMenu.js"></script> <script type="text/javascript" src="js/jquery-ui-1.7.1.custom.js"></script> <link type="text/css" href="css/ui.all.css" rel="stylesheet" /> <link href="css/padrão.css" rel="Stylesheet" type="text/css" /> </head> <body style="background:#00455e url('images/bg_habbid.gif') fixed;"> <div id="div0"> <script> $(document).ready(function() { $('input, textarea').addClass("sem_focus"); $('input, textarea').focus(function() { $(this).removeClass("sem_focus").addClass("com_focus"); }); $('input, textarea').blur(function() { $(this).removeClass("com_focus").addClass("sem_focus"); }); $('input[type=submit], input[type=button]').addClass("input_botao"); $('input[type=image], input[type=radio], input[type=checkbox]').addClass("none_input"); }); </script><table cellpadding="0" cellspacing="0" align="center" width="100%"> <tr> <td id="left"></td> <td> <div id="div00" class="div00"> <div id="topo" style="background:url(http://www.habbid.com.br/images/logo_p.gif);"> <style> #sob_banner{ width:481px; height:72px; z-index:1; float:left; position:absolute; } #banner { padding-left:7px; padding-top:6px; width:468px; height:60px; } </style> <div id="topo_publicidade"> <div id="banner"> <script type="text/javascript"><!-- google_ad_client = "pub-6010600850358180"; /* 468x60, criado 07/08/08 */ google_ad_slot = "9270523328"; google_ad_width = 468; google_ad_height = 60; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> </div> </div> <div id="menuhorizontal"><style> .canalpai{ background:url(images/menu/fundo.gif) no-repeat; } .canalpai:hover{ background:url(images/menu/fundo.gif) no-repeat -0px -32px; } .canalpaiativo{ background:url(images/menu/fundo.gif) no-repeat -0px -32px; } </style> <ul class="jd_menu"> <li id="pai1" class="canalpai" style="height:22px; width:90px; padding:0px; margin:0px; border:0px; padding-top:9px; float:left;"><center><a href="index.php" id="a_1" target="_self">Home</a></center> </li> </li> <li id="pai21" class="canalpai" style="height:22px; width:90px; padding:0px; margin:0px; border:0px; padding-top:9px; float:left;"><center><a href="menu/habbid" id="a_21" target="_self">Habbid</a></center> <script> $("#a_21").append(" <img src='images/menu/setinha.gif'>"); </script> <ul> <li><a href="menu/radio" target="_self">Rádio</a> » <ul> <li><a href="menu/radio/fazer-um-pedido" target="_self">Fazer um Pedido</a> </li> <li><a href="menu/radio/horarios" target="_self">Horários</a> »<ul> <li><a href="/menu/radio/horarios/?dias=2" target="_self">Segunda-Feira</a></li> <li><a href="/menu/radio/horarios/?dias=3" target="_self">Terça-Feira</a></li> <li><a href="/menu/radio/horarios/?dias=4" target="_self">Quarta-Feira</a></li> <li><a href="/menu/radio/horarios/?dias=5" target="_self">Quinta-Feira</a></li> <li><a href="/menu/radio/horarios/?dias=6" target="_self">Sexta-Feira</a></li> <li><a href="/menu/radio/horarios/?dias=7" target="_self">Sábado</a></li> <li><a href="/menu/radio/horarios/?dias=1" target="_self">Domingo</a></li> </ul> </li> <li><a href="menu/radio/musicas-da-habbid" target="_self">Músicas da Habbid</a> </li> </ul> </li> <li><a href="menu/habbid/ouvintes" target="_self">Ouvintes</a> » <ul> <li><a href="menu/habbid/ouvintes-novos" target="_self">Ouvintes Novos</a> </li> <li><a href="menu/habbid/ouvintes/ouvintes-novos-online" target="_self">Ouvintes Online</a> </li> </ul> </li> <li><a href="menu/habbid/sobre-habbid/equipe" target="_self">Equipe</a> </li> <li><a href="menu/habbid/mapa-do-site" target="_self">Mapa do Site</a> </li> <li><a href="menu/habbid/tirinhas" target="_self">Tirinhas</a> » <ul> <li><a href="menu/habbid/sobre-habbid/help" target="_self">Ajuda</a> </li> <li><a href="menu/habbid/sobre-habbid/habbid-etiqueta" target="_self">Habbid Etiqueta</a> </li> <li><a href="menu/habbid/sobre-habbid/sobre-valores" target="_self">Sobre os Valores</a> </li> <li><a href="menu/habbid/sobre-habbid/historia-da-habbid" target="_self">História da Habbid</a> </li> </ul> </li> <li><a href="menu/habbid/divulgue-nos" target="_self">Divulgue-nos</a> </li> <li><a href="menu/habbid/parceiros" target="_self">Parceiros</a> </li> <li><a href="menu/blog" target="_self">Blog</a> </li> <li><a href="/blog/entrevistas" target="_self">Entrevistas</a> </li> <li><a href="menu/habbid/versoes-habbid" target="_self">Versões da Habbid</a> </li> </ul> <ul> <li><a href="menu/habbo-hotel/versoes" target="_self">Versões</a> » <ul> <li><a href="index.php?p=98fbc42faedc02492397cb5962ea3a3ffc0a9243" target="_self">Versão 19</a> </li> <li><a href="index.php?p=fb644351560d8296fe6da332236b1f8d61b2828a" target="_self">Versão 20</a> </li> <li><a href="index.php?p=fe2ef495a1152561572949784c16bf23abb28057" target="_self">Versão 21</a> </li> <li><a href="index.php?p=827bfc458708f0b442009c9c9836f7e4b65557fb" target="_self">Versão 22</a> </li> <li><a href="index.php?p=64e095fe763fc62418378753f9402623bea9e227" target="_self">Versão 23</a> </li> <li><a href="index.php?p=2e01e17467891f7c933dbaa00e1459d23db3fe4f" target="_self">Versão 24</a> </li> <li><a href="index.php?p=c66c65175fecc3103b3b587be9b5b230889c8628" target="_self">Versão 25</a> </li> <li><a href="index.php?p=a72b20062ec2c47ab2ceb97ac1bee818f8b6c6cb" target="_self">Versão 26</a> </li> <li><a href="index.php?p=3c26dffc8a2e8804dfe2c8a1195cfaa5ef6d0014" target="_self">Versão 27</a> </li> <li><a href="index.php?p=dbc0f004854457f59fb16ab863a3a1722cef553f" target="_self">Versão 28</a> </li> <li><a href="menu/habbo-hotel/versoes/versao-29" target="_self">Versão 29</a> </li> <li><a href="menu/habbo-hotel/versoes/versao-30" target="_self">Versão 30</a> </li> <li><a href="menu/habbo-hotel/versoes/versao-31" target="_self">Versão 31</a> </li> <li><a href="menu/habbo-hotel/versoes/versao-beta" target="_self">Versão Beta</a> </li> </ul> </li> <li><a href="menu/habbo-hotel/records-brpt" target="_self">Recordes Habbo BR/PT</a> </li> <li><a href="menu/habbo-hotel/celebridades-no-hotel" target="_self">Celebridades no Hotel</a> </li> <li><a href="menu/coisas-uteis/links" target="_self">Links</a> </li> <li><a href="menu/habbo-hotel/internacional" target="_self">Internacional</a> » <ul> <li><a href="menu/habbo-hotel/internacional/famosos-hoteis-int" target="_self">Famosos nos hoteis</a> </li> </ul> </li> </ul> </li> <ul> <li><a href="menu/habbo-hotel/versao-checker" target="_self">Versão Checker</a> </li> <li><a href="menu/habbo-hotel/habbos-online" target="_self">Habbos Online</a> </li> <li><a href="menu/coisas-uteis/online-offline" target="_self">Online / Offline</a> </li> <li><a href="menu/coisas-uteis/emblemas" target="_self">Emblemas</a> </li> <li><a href="menu/coisas-uteis/habbo-imager" target="_self">Habbo Imager</a> </li> <li><a href="menu/habbo-hotel/downloads" target="_self">Downloads</a> </li> <li><a href="menu/habbo-hotel/banco-imagens" target="_self">Banco de Imagens [BETA]</a> </li> <li><a href="menu/coisas-uteis/scan-amigos" target="_self">Ver amigos de um Habbo</a> </li> <li><a href="menu/coisas-uteis/scan-emblemas" target="_self">Ver Emblemas de um Habbo</a> </li> <li><a href="menu/coisas-uteis/wallpapers" target="_self">Wallpapers</a> </li> </ul> </li> $("#a_13").append(" <img src='images/menu/setinha.gif'>"); </script> <ul> <li><a href="index.php?p=bd307a3ec329e10a2cff8fb87480823da114f8f4¬cat_id=20" target="_self">Curiosidades</a> </li> <li><a href="index.php?p=bd307a3ec329e10a2cff8fb87480823da114f8f4¬cat_id=14" target="_self">Habbo Internacional</a> </li> <li><a href="index.php?p=bd307a3ec329e10a2cff8fb87480823da114f8f4¬cat_id=24" target="_self">Notícias Externas </a> </li> <li><a href="index.php?p=bd307a3ec329e10a2cff8fb87480823da114f8f4¬cat_id=13" target="_self">Notícias Habbid </a> </li> <li><a href="index.php?p=bd307a3ec329e10a2cff8fb87480823da114f8f4¬cat_id=15" target="_self">Notícias Habbo BR/PT</a> </li> <li><a href="index.php?p=bd307a3ec329e10a2cff8fb87480823da114f8f4¬cat_id=16" target="_self">Pesquisa de Habbolatório</a> </li> <li><a href="index.php?p=bd307a3ec329e10a2cff8fb87480823da114f8f4¬cat_id=25" target="_self">Aconteceu no Hotel</a> </li> <li><a href="menu/noticias/ver-mais-noticias" target="_self">Listão de Notícias</a> </li> </ul> </li> </li> <li><a href="menu/cadastrese/criar-novo-usuario" target="_self">Criar novo usuario</a> </li> </ul> </li> <script> $("#a_88").append(" <img src='images/menu/setinha.gif'>"); </script> <ul> <li><a href="menu/forum/ranking" target="_self">Ranking</a> </li> <li><a href="menu/forum/topicos-recentes" target="_self">Tópicos Recentes</a> </li> </ul> </ul> <!-- Ultima gravacao menu - Sunday 5th of July 2009 05:12:12 AM--><script>$('#pai').addClass('canalpaiativo');</script></div> <div id="destaque"> <div id="ouvintearea"> <table cellpadding="0" cellspacing="0" style="float:left; margin-top:5px; margin-left:5px;"> <tr> <td> <form name="login" method="post"> <input type="hidden" name="action" value="logar_ouvinte" /> <table border="0" cellspacing="2" cellpadding="2"> <tr> <td><img src="images/user.gif"></td> <td><input onfocus="if(document.login.login.value == 'Habbo'){ this.value='' }" onblur="if(document.login.login.value == ''){ this.value='Habbo'} " name="login" type="text" value="Habbo" size="11" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #143245;float: right;border: 1px solid #C4C084; "></td> </tr> <tr> <td><img src="images/key.gif"></td> <td><input onfocus="if(document.login.senha.value == 'Senha'){ this.value=''; this.type='password' }" onblur="if(document.login.senha.value == ''){ this.value='Senha'; this.type='text'} " name="senha" type="password" value="Senha" size="11" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #143245;float: right;border: 1px solid #C4C084; "></td> </tr> </table> <br><input type="image" src="images/entre.gif" border="0" name="btn_logar" value="Logar" style="margin-top:10px; float:left;"> </form> </td> <td> <img src="images/unknow.gif"> </td> </tr> </table> </div>Obs: Isto é um codigo usado para login do membro , Tem a caixa de Senha que a senha aparece em ****** , E vem junto já a caixa do Nick , É só separar pelo <div> Botão relogar e varias funçoes: Obs: Este botão eu usei para , Relogar uma pagina ou , Um botão para você ser direcionado a outra Guia , Simple no lugar do (Coloque o Link) você coloca o link que você quer ser Redirecionado , No lugar do (Coloque o Texto) Você colocar como vai ser o texto do Botão Ex: Relogar , Voltar , Sair , Entrar , Jogar etc... Contador de visitas: Obs: Este não tem segredo é só copiar o codigo e colar no seu Site contador de Usuarios onlines:Obs: No lugar do (Seu site) você coloca seu site , E só copiar o codigo e colar , E ta prontinho se quiser mudar a cor o tamanho mude o e o [#color] Caso não reja ai no HTML entre neste link clicando Aqui e altere-o
Veja mais codigos HTML e tutoriais aqui:
Modo basico: Aqui
Modo Avançado: Aqui
também veja layouts para seu site: Aqui
Espero ter ajudado ...
Editado por brunomendonçaLink para o comentário
Compartilhar em outros sites
10 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.