Travesura Realizada
¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.
Afiliados
Afiliados Hermanos
0 de 5
Créditos
» Skin obtenido de Captain Knows Best creado por Neeve, gracias a los aportes y tutoriales de Hardrock, Glintz y Asistencia Foroactivo y adaptado por Tío Kings y Tío Elvy.
» Ambientación original creada por Tío Kings, basada en el Mundo creado por Joanne "Jo" Rowling.
Directorio
0 de 9
Afiliados Elite
0 de 33
function selectCode(e) { var doc = document , text = $(e).closest("dl").find(".cont_code,code").get(0) , range, selection ; if (doc.body.createTextRange) { range = document.body.createTextRange(); range.moveToElementText(text); range.select(); } else if (window.getSelection) { selection = window.getSelection(); range = document.createRange(); range.selectNodeContents(text); selection.removeAllRanges(); selection.addRange(range); } }; $(function(){$("dl.codebox:not(.spoiler,.hidecode) > dd.code, dl.codebox:not(.spoiler,.hidecode) > dd > code").closest("dl").find('dt').append('Seleccionar')});
Últimos temas
» Una nueva familia {Jane L. Penderwick}
Modelo de Instagram EmptyVie Mayo 19, 2023 11:38 pm por Iorwerth Cosmas

» Una serie de eventos desafortunados - Iorwerth Cosmas {Africa}
Modelo de Instagram EmptyVie Mayo 19, 2023 6:37 pm por Iorwerth Cosmas

» Runaway (Rhett Poulsen} // Flashback
Modelo de Instagram EmptyLun Nov 29, 2021 8:36 pm por Anabeth Valmont

» Lía Baker
Modelo de Instagram EmptyMiér Mar 27, 2019 4:28 pm por Frida Patterson

» Frank - Lechuza de Frida Patterson
Modelo de Instagram EmptyVie Nov 16, 2018 5:01 pm por Frida Patterson

» Pensadero de Frida Patterson
Modelo de Instagram EmptyVie Nov 16, 2018 4:55 pm por Frida Patterson

» Frida Patterson
Modelo de Instagram EmptyJue Nov 15, 2018 8:57 pm por Felez B. Sabacius

» Problemas, dudas y sugerencias.
Modelo de Instagram EmptyMiér Nov 14, 2018 7:43 pm por Frida Patterson

» Taller de gráficos comunitario.
Modelo de Instagram EmptyDom Sep 09, 2018 7:59 pm por Frida Patterson


Modelo de Instagram

Ver el tema anterior Ver el tema siguiente Ir abajo

Modelo de Instagram Empty Modelo de Instagram

Mensaje por Elvendork Gambon Jue Mayo 04, 2017 12:44 am


•• Modelo de Instagram ••


Estos son modelos sugeridos tomados de Kayla Jean a través de Shine y Angel a través de SourceCode, pero su uso no es obligatorio y pueden usar otros modelos que encuentren.

En el perfil: Las imágenes para el header son de 100x100 y 200x200. La imagen de perfil es de 100x100. Las imágenes del contenido son de 250x250. Tengan cuidado pues estas tres imágenes se repiten en el código para que así pueda verse mas grande cuando pasas el puntero por encima. Pueden usarse imágenes mas grandes pues se redimensionarán automáticamente para alcanzar el tamaño necesario, aunque podrían deformarse en caso de no ser proporcional al tamaño indicado.

En el post: La imagen principal es de 240x240. La imagen de tu perfil es de 40x40 y de los comentarios de 30x30. Pueden usarse imágenes mas grandes pues se redimensionarán automáticamente para alcanzar el tamaño necesario, aunque podrían deformarse en caso de no ser proporcional al tamaño indicado.

Perfil de Instagram

@TioKings
Administrador de medio tiempo, negro sabrosón a tiempo completo
35
Photos
Followers
1
Following

 




Código:
<center><img src="http://i40.tinypic.com/dvftpx.jpg"style="width: 510px; margin-left: +2px;"><div style= "width: 510px; height:240px; background: #000000; border-bottom: 2px solid #000000"><table><div style="margin-top:-7px;"><td><img src="http://IMAGEN CABECERA 100x100" style=" width:100px; height: 100px; border: #FFFFFF";></td> <td rowspan="2"><img src="http://IMAGEN CABECERA 200x200" style=" width:200px; height: 200px; border: #FFFFFF";> </td><td><img src="http://IMAGEN CABECERA 100x100" style=" width:100px; height: 100px; border: #FFFFFF";></td><td><img src="http://IMAGEN CABECERA 100x100" style=" width:100px; height: 100px; border: #FFFFFF";></td> <tr><td><img src="http://IMAGEN CABECERA 100x100" style=" width:100px; height: 100px; border: #FFFFFF";></td> <td><img src="http://IMAGEN CABECERA 100x100" style=" width:100px; height: 100px; border: #FFFFFF";></td> <td><img src="http://IMAGEN CABECERA 100x100" style=" width:100px; height: 100px; border: #FFFFFF";></td> </tr></div></table></div><div style= "width: 510px; height:130px; background: #FFFFFF; box-shadow: 0px 0px 5px #9D9D93;"><table><td><img src="http://IMAGEN PERFIL 100x100" style=" width:100px; height: 100px; border: #FFFFFF solid 5px; margin-top: -30px; box-shadow: 0px 0px 5px #000000; border-radius: 5px 5px 5px 5px; margin-left: +25px; "></td><td><div style=" width: 290px; height: 100px;"><div style="color: #000000; font-family: arial; font-size: 20px; margin-left: +10px;"><br> <b>NOMBRE DE USUARIO</b></div><div style=" width: 300px; height: 110px;"><div style="color: #9D9D93; font-family: arial; font-size: 12px; margin-left: +10px;">DESCRIPCIÓN</div></div></td><td><div style=" width: 100px; height: 110px;"><div style="width: 70px; color: #9D9D93; font-family: arial; font-size: 13px; text-align:center; border-bottom: 1px #C5CFC6 solid;"><div style="color: #000000; font-size: 16px;">0</div><b>Photos</b></div><div style="width: 70px; color: #9D9D93; font-family: arial; font-size: 13px; text-align:center; border-bottom: 1px #C5CFC6 solid;"><div style="color: #000000; font-size: 16px;">0</div><b>Followers</b></div><div style="width: 70px; color: #9D9D93; font-family: arial; font-size: 13px; text-align:center;"><div style="color: #000000; font-size: 16px;">0</div><b>Following</b></div></div></td><td><div style= "width: 10px;"></div></td></table></div><div style="width: 510px; background: #F6F6F6; margin-top: -17px;"><table cellpadding=1 cellspacing=20><tr><td><div id="contenedor"><a href="javascript:void(0);" class="miniatura"><img src="PRIMERA IMAGEN 250x250" alt="" style=" width:125px; height: 125px; border: #FFFFFF solid 5px; border-radius: 5px 5px 5px 5px; box-shadow: 0px 0px 5px #000000;" /><span><img src="PRIMERA IMAGEN 250x250" style=" width: 250px;" alt=""/></span> </a></div></td><td><div id="contenedor"> <a href="javascript:void(0);" class="miniatura"> <img src="SEGUNDA IMAGEN 250x250" alt="" style=" width:125px; height: 125px; border: #FFFFFF solid 5px; border-radius: 5px 5px 5px 5px; box-shadow: 0px 0px 5px #000000;" /><span><img src="SEGUNDA IMAGEN 250x250" style=" width: 250px;" alt=""/></span> </a></div></td><td><div id="contenedor"> <a href="javascript:void(0);" class="miniatura"> <img src="TERCERA IMAGEN 250x250" alt="" style=" width:125px; height: 125px; border: #FFFFFF solid 5px; border-radius: 5px 5px 5px 5px; box-shadow: 0px 0px 5px #000000;" /><span><img src="TERCERA IMAGEN 250x250" style=" width: 250px;" alt=""/></span> </a></div></td></tr></table></div><div style="font-size: 12px; color: #333333; text-align: center; font-family: arial;"><a href="http://www.oursourcecode.net/t8340-sky-is-made-for-angels-gallery">-Angel♥ </a> para <a href="http://www.oursourcecode.net/">Source code</a></div></center><style type="text/css">#contenedor { position: relative;} .miniatura{z-index: 1001; text-decoration: none;} .miniatura img { border: 0px;} .miniatura span { position: absolute; text-decoration: none; visibility: hidden; border: 0px; top:0px; left:0px;} .miniatura:hover span {visibility: visible; overflow:visible; z-index: 1002;}</style>


Post de Instagram:


TioKings4 days ago
Following
Trabajando.
TioElvy Una foto muy casual, puedo verlo...


Código:
<link rel="stylesheet" type="text/css" href="http://foolishlove.b1.jcink.com/uploads/foolishlove/instagramtemp.css">
<center><div class="instapost"><table cellpadding=0 cellspacing=0 cellmargin=0 width=100%><tr valign="top">
<td width="240px"><a href="http://shine.b1.jcink.com/index.php?showuser=2042"><div class="instap"><img src="IMAGEN 240x240"></div></a></td><td><div style="background: #fefefe; padding: 10px;"><table width="100%"><tr valign="top"><td width="30px"><img src="http://IMAGEN PERFIL 100x100" width="30px"></td><td><div class="instaposter">TU NOMBRE DE USUARIO<b>4 days ago</b></div></td><td width="60px"><div class="instafollow" style="margin-top: 0px">Following</div></td></tr></table><div class="instacap">DESCRIPCIÓN DE LA FOTO</div></div><div class="instacomment">AQUÍ PUEDES AÑADIR COMENTARIOS CON EL CÓDIGO DEJADO ABAJO O SIMPLEMENTE DEJAR EN BLANCO.</div><div style="background: #fefefe; padding: 0px 0px"><img src="http://i.imgur.com/0NWsiWM.png"></div></td></tr></table></div></center>

[code]    <div style="width: 300px; background: #FFFFFF; box-shadow: 0px 0px 5px #9D9D93; border-radius: 5px 5px 5px 5px; position:relative; left:140px; padding:10px;"><table><td><img src="http://placehold.it/40x40" /></td><td> [color=#316FA5][b]TU NOMBRE DE USUARIO[/b][/color]<BR><sub>Tu comentario va aquí. </sub></td></table></div>[/code]

Comentarios insertos en la publicación:
Añadir en la tablilla donde se indica.
Código:
<div style="icomm"><img src="http://placehold.it/30x30"> <b>SuNombreDeUsuario</b> Su comentario.</div>

Comentarios
   
Tío Elvy
Una foto muy casual, puedo verlo...


El mensaje ya se encuentra incluido dentro del código entregado para los posts de ínstagram, así que sólo lo estamos facilitando para aquellas personas que decidan utilizar otro modelo.
Código:
   <div style="width: 300px; background: #FFFFFF; box-shadow: 0px 0px 5px #9D9D93; border-radius: 5px 5px 5px 5px; position:relative; left:140px; padding:10px;"><table><td><img src="http://placehold.it/40x40" /></td><td> [color=#316FA5][b]TU NOMBRE DE USUARIO[/b][/color]<BR><sub>Tu comentario va aquí. </sub></td></table></div>


Elvendork Gambon
Elvendork Gambon
Administrador

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

Permisos de este foro:
No puedes responder a temas en este foro.