IMVU IFrame Layouts (Extracción de codigo)

Apartado de el hacking, reviviré algo que me han estado pidiendo mucho y es sobre los Iframe layouts de IMVU.

Les revelaré la manera de obtener cualquier layout que deseen en unos simples y sencillos pasos.

Todo esta en el código de la página.

Como ejemplo usaré ésto:

Dentro de la HP del layout que deseemos..

Abriremos la inspección de elementos.

Nos desplegaremos a una parte en donde veamos un panel de IMVU, ya que allí es donde se alojaran los layouts.

En este caso se aloja en el panel de videos.

Lo que haremos será copiar la sección (Video_panel) del código.

Sólo seleccionaremos la parte donde empieza y donde termina el layout, ya que si no nos saldrá mal al colocarlo.





<style>#badges_panel_header, #badge_panel_header { display: none;} #badges_panel_header {margin-bottom: -2px !important;} #badges_panel_body { position:absolute; left: 720px !important; top: 350px !important; z-index: 9000;}</style>
<link rel="stylesheet" type="text/css" href="http://suchstylecss.webs.com/CODEX/60/01.css">
<div class="N01" style="position:absolute; z-index:20;   left:49px; top: 1px; "> <ul>
<li><a href="http://es.imvu.com/catalog/web_send_message_widget.php?recipient_id=84667712" target="_blank">   send a message</a>
</li><li><a href="http://es.imvu.com/catalog/web_add_contact.php?contact=Eves" target="_blank"> add friend</a> </li></ul></div>
<div class="N01" style="position:absolute; z-index:20;   left:647px; top: 1px; "> <ul>
<li><a href="http://es.imvu.com/catalog/web_mypage.php?block=84667712" target="_blank"> block</a>
</li><li><a href="http://es.imvu.com/catalog/web_flag_homepage.php?flag_homepage=84667712" target="_blank"> report homepage</a> </li></ul></div>
<div class="Nyk" style="position:absolute; z-index:20;   left:25px; top: 547px; ">
<div id="Menu" style=" background-image: url(http://suchstylecss.webs.com/CODEX/60/MK1.png); "><span>
<a href="http://filedrive.imvustylez.net/users/eves/-Roses-Home.html" target="Nyk1"> Home </a><br>
<a href="http://filedrive.imvustylez.net/users/eves/-Roses-Biography.html" target="Nyk1"> Biography </a><br>
<a href="http://filedrive.imvustylez.net/users/eves/-Roses-Friends.html" target="Nyk1"> Friends </a><br>
<a href="http://filedrive.imvustylez.net/users/eves/-Roses-Love.html" target="Nyk1"> Love </a><br>
<a href="http://filedrive.imvustylez.net/users/eves/-Roses-Art.html" target="Nyk1"> art </a><br>
<a href="http://filedrive.imvustylez.net/users/eves/-Roses-FilesSales.html" target="Nyk1"> files sales </a><br>
<a href="http://filedrive.imvustylez.net/users/eves/-Roses-Support.html" target="Nyk1"> support </a><br>
<a href="http://filedrive.imvustylez.net/users/eves/-Roses-FAQ.html" target="Nyk1"> faq </a><br>
<a href="http://filedrive.imvustylez.net/users/eves/-Roses-Shop.html" target="Nyk1"> shop </a><br>
<a href="http://filedrive.imvustylez.net/users/eves/-Roses-Badges.html" target="Nyk1"> badges </a></span></div></div>
<div class="Nyk" style="position:absolute; z-index:20;   left:796px; top: 547px; ">
<div id="Menu" style=" background-image: url(http://suchstylecss.webs.com/CODEX/60/MK2.png); "><span>
<a href="http://eves-imvu.tumblr.com/" target="_blank"> Tumblr </a><br>
<a href="http://eves-imvu.deviantart.com/" target="Nyk1"> deviantart </a><br>
<a href="http://ask.fm/EvesImvu" target="_blank"> Ask.fm</a><br>

<a href="LINK" target="Nyk1"> youtube </a><br>

</span></div></div>
<div class="NBL"></div><div class="NBR"></div><div class="K0"></div><div class="Ma1"></div><div class="Ma2"></div><div class="Ma3"></div><div id="DPNyk"><img src="http://es.imvu.com/catalog/web_av_pic.php?av=Eves" height="220" width="160"></div><div class="N4-1"><iframe name="Nyk1" id="N" src="http://filedrive.imvustylez.net/users/eves/-Roses-Home.html" border="0" cellspacing="0" style="border-style: none;width: 100%; height:100%;" frameborder="0"></iframe></div>
<div class="N4-2"><iframe name="Nyk10" id="N" src="http://filedrive.imvustylez.net/users/eves/-Roses-Music.html" border="0" scrolling="no" cellspacing="0" style="border-style: none;width: 100%; height:100%;" frameborder="0"></iframe></div>
<div class="N4-3"><center><style type="text/css">#xtended_dev_panel_header,.imvucodes_net { display:none; }</style> <script src="http://gaf210.imvustylez.net/newprodsbanner/xtended_dev_panel.js.php?dev_id=84667712&q=8" width="" height=""></script><style type="text/css">.productbox{ height: 80px; width: 90px; text-align: center; float: left; margin-left:3px; margin-bottom:10px; } .productbox img{    border: none;    width: 90px;    height: 72px; } /* Product panel by gaf210 - http://gaf210.imvustylez.net */</style><div id="xtended_dev_panel"><table width="100%" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td><table id="xtended_dev_panel_header" width="100%" border="0" cellpadding="0" cellspacing="6"><tbody><tr>    <td class="paneltitle"><span class="paneltitletext">My New Products</span></td> <td class="panelmenu"><a href="http://www.imvu.com/catalog/index.php/manufacturers_id/84667712">View all</a></td></tr> </tbody></table></td></tr><tr><td><div id="xtended_dev_panel_body"> <br style="line-height: 3px"><div class="productbox"> <a href="http://www.imvu.com/shop/product.php?products_id=31085396" target="1"><img src="http://userimages03-akm.imvu.com/productdata/images_6e4a07604e967c40f4c84a112b2fe286.gif" alt="" title="$ Revekah Rouge"></a></div><div class="productbox"> <a href="http://www.imvu.com/shop/product.php?products_id=31085392" target="1"><img src="http://userimages01-akm.imvu.com/productdata/images_0d1625875c6728ace0d48feabfafcd8a.gif" alt="" title="$ Revekah Navy"></a></div><div class="productbox"> <a href="http://www.imvu.com/shop/product.php?products_id=31085387" target="1"><img src="http://userimages04-akm.imvu.com/productdata/images_cc7850adf76f1573047496f6bdf5e285.gif" alt="" title="$ Revekah Black"></a></div><div class="productbox"> <a href="http://www.imvu.com/shop/product.php?products_id=31085384" target="1"><img src="http://userimages03-akm.imvu.com/productdata/images_fd31c9de54776382fae9c34cc48d3466.gif" alt="" title="$ Revekah Dusky"></a></div><div class="productbox"> <a href="http://www.imvu.com/shop/product.php?products_id=31085377" target="1"><img src="http://userimages04-akm.imvu.com/productdata/images_434825194399ee09e8445b4ea0b4568a.gif" alt="" title="$ Revekah Blonde"></a></div><div class="productbox"> <a href="http://www.imvu.com/shop/product.php?products_id=31085236" target="1"><img src="http://userimages03-akm.imvu.com/productdata/images_1bdc010a36080c5203091f837cd86b33.gif" alt="" title="$ Vajal Rouge"></a></div><div class="productbox"> <a href="http://www.imvu.com/shop/product.php?products_id=31085233" target="1"><img src="http://userimages03-akm.imvu.com/productdata/images_d4f27116916587c812f16447f8cf04f2.gif" alt="" title="$ Vajal Navy"></a></div><div class="productbox"> <a href="http://www.imvu.com/shop/product.php?products_id=31085231" target="1"><img src="http://userimages02-akm.imvu.com/productdata/images_7d8318b999ad41d037dff51c98125f0b.gif" alt="" title="$ Vajal Black"></a></div></div></td></tr></tbody></table></div></center></div><div class="Prin2"><center><a href="http://www.such-style.com/" target="_blank" title=""> Such Style! </a> © layout coding by <a href="http://es.avatars.imvu.com/nycky" target="_blank" title=""> Nycky </a> owned by <b>eves</b></center></div>
<noframes></noframes><noscript></noscript><script type="text/javascript" src="//static.websimages.com/static/global/js/webs/usersites/p.js"></script><script type="text/javascript" src="//static.websimages.com/static/global/js/webs/usersites/escort.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script>


Listo! Ésto sería nuestro código del iframe layout. >:)

Así de fácil conseguiremos el layout que querramos.

Nadamas lo único que faltaria sería editar el código a su manera. Y colocarlo en su HP.

Les dejo 2 links de "IMVU anonymous", donde explican brevemente como incrustar el codigo e editar el layout.

http://imvunetwork.blogspot.mx/2015/03/iframe-layout-cortney-codigo.html

http://imvunetwork.blogspot.mx/2015/01/iframe-layout-free2015-codigo-html.html

En algunos casos

Las HP tienen bloqueada cualquier acción del mouse dentro de la página. Pero esto no quiere decir que no sea posible...

Entraremos al código fuente de la página.
Haremos una breve reseña de como se hace en cada navegador, si sabes como hacerlo saltate éste paso.

Método 1 Internet Explorer

1

Abre la página web. Puedes ver el código fuente de cualquier página web.
Haz clic en el menú "Ver". Selecciona "Fuente" en el menú. El código fuente de la página web se abrirá en una pestaña nueva de tu navegador.
Aprende el acceso directo del teclado. Apretar las teclas "Ctrl+U" abrirá el código fuente de la página que estés viendo. Esto sólo funciona en Internet Explorer 10.

Método 2 Chrome

Abre la página web. Puedes ver el código de fuente en cualquier página web.
Haz clic en el botón de "Menú". Es el botón cuadrado con tres líneas horizontales situado en la esquina superior derecha de la ventana del navegador.
3

Selecciona el submenú de "Herramientas". Haz clic en "Ver código fuente". El código fuente se abrirá en una pestaña nueva.

Método 3 Firefox

1

Abre la página web. Puedes ver el código fuente de cualquier página web.
Haz clic en el menú de Firefox. Se encuentra en la esquina superior izquierda de la ventana. Selecciona el submenú de "Desarrollador Web".

Una vez dentro del codigo fuente de la página, veremos como se compone esta página.

Presionamos: Control + F; se abrirá una sección de busqueda y colocamos: 

Acceder al código fuente de una página web es la parte fácil. Leer el código es donde se pone complicada la cosa ya que por lo menos debemos tener básicos conocimientos en HTML o XML.

Suerte ;)

lunes, 31 de octubre de 2016