[tuto]Criando Habbo Imager

por **DjGames** Dom Jun 17, 2012 6:54 pm

Caros usuários,

Bom alguns códigos peguei da Habbid, pois não sabia o nome da função que se poem na imagem.
Código HTML: TrY ; Habbid.
Código Js: TrY!
Tutorial: TrY!
Demo: TrY!
Postador no Pixeleiros : DjGames
Código HTML:

Codigo_HTML:

Código:: <form action="#" enctype="multipart/form-data" method="post" id="user_form"> Insira aqui o nome do usuário: <input type="text" id="user_name" size="50"/><br> Direção do Corpo: <select id="user_direction" size="1"><br> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> </select><br> Direção da Cabeça: <select id="user_head_direction" size="1"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> </select><br> Acão da cebeça: <select id="user_head_action"> <option value="sml">Sorrindo</option> <option value="agr">Nervoso</option> <option value="sad">Triste</option> <option value="srp">Surpreso</option> <option value="spk">Falando</option> <option value="lol">Sem Rosto</option> <option value="std">Normal</option> </select><br> Acão do Corpo: <select id="user_body_action"> <option value="wlk">Andando</option> <option value="wav">Acenando</option> <option value="sit">Sentado</option> <option value="std">Normal</option> <option value="lay" selected="">Deitado</option> <option value="667">Vinho</option> <option value="5">Água</option> <option value="2">Cenoura</option> <option value="6">Café</option> <option value="3">Sorvete</option> <option value="44">Bebida Tóxica</option> <option value="43">Suco de Tomate</option> <option value="33">Callipo</option> <option value="9">Poção do Amor</option> <option value="42">Sushi</option> </select><br> <input type="text" disabled="disabled" id="user_copy_link" /><br> <input type="submit" value="Obter imagem" /> </form>

Código Js:

Codigo_JS:

Ponha o Js e o HTML sempre dentro do Corpo.
Ponha este código entre as head.

Código:: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Demo:
http://jsbin.com/iwemup/2

_____________________________________________________________________

Caso não saiba como fazer tudo isso está aqui todo o código ,feito para só colocar no bloco de nota .

Todo_o_Codigo:

Código:: <!DOCTYPE html> <html>  <head> <script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <meta charset=utf-8 /> <title>JS Bin</title>  <style> article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; } </style> </head> <body> <form action="#" enctype="multipart/form-data" method="post" id="user_form"> Insira aqui o nome do usuário: <input type="text" id="user_name" size="50"/><br> Direção do Corpo: <select id="user_direction" size="1"><br> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> </select><br> Direção da Cabeça: <select id="user_head_direction" size="1"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> </select><br> Acão da cebeça: <select id="user_head_action"> <option value="sml">Sorrindo</option> <option value="agr">Nervoso</option> <option value="sad">Triste</option> <option value="srp">Surpreso</option> <option value="spk">Falando</option> <option value="lol">Sem Rosto</option> <option value="std">Normal</option> </select><br> Acão do Corpo: <select id="user_body_action"> <option value="wlk">Andando</option> <option value="wav">Acenando</option> <option value="sit">Sentado</option> <option value="std">Normal</option> <option value="lay" selected="">Deitado</option> <option value="667">Vinho</option> <option value="5">Água</option> <option value="2">Cenoura</option> <option value="6">Café</option> <option value="3">Sorvete</option> <option value="44">Bebida Tóxica</option> <option value="43">Suco de Tomate</option> <option value="33">Callipo</option> <option value="9">Poção do Amor</option> <option value="42">Sushi</option> </select><br> <input type="text" disabled="disabled" id="user_copy_link" /><br> <input type="submit" value="Obter imagem" /> </form> <script> jQuery(document).ready(function(e) { jQuery('#user_form').submit(function(e) { e.preventDefault(); jQuery('#user_copy_link').val('http://www.habbo.com.br/habbo-imaging/avatarimage?img_format=gif&user='+jQuery("#user_name").val()+'&action='+jQuery("#user_body_action").val()+'&direction='+jQuery("#user_direction").val()+'&head_direction='+jQuery("#user_head_direction").val()+'&gesture='+jQuery("#user_head_action").val()+'&size=b'); jQuery('#user_copy_link').each(function(){jQuery(this).removeAttr('disabled');jQuery(this).attr('onclick', 'this.select()');}); }); }); </script> <script src="/js/render/edit.js"></script> <script>var _gaq=[['_setAccount','UA-1656750-13'],['_trackPageview']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)})(document,'script')</script></body> </html>

Coloque todo esse código em um bloco de nota e salve como :

Habbo Imager.html

Aonde está em vermelho você pode alterar , aonde está em Verde você tem que deixar como é .