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
» Runaway (Rhett Poulsen} // Flashback
Ayer a las 2:50 am por Rhett Poulsen

» Cuartel General de Aurores
Miér Ago 16, 2017 10:41 am por Felix A. Phrixus

» La caja de zapatos – (minúsculo) departamento Poulsen.
Miér Ago 16, 2017 2:06 am por Rhett Poulsen

» Una nueva familia {Jane L. Penderwick}
Sáb Ago 12, 2017 7:19 pm por Jane L. Penderwick

» Una serie de eventos desafortunados - Iorwerth Cosmas {Africa}
Sáb Ago 12, 2017 7:11 pm por Jane L. Penderwick

» Twitter.com/Worldwalker
Vie Ago 11, 2017 1:15 am por Rhett Poulsen

» Oferta y Demanda de Rol
Vie Ago 04, 2017 5:14 pm por Andrew Becher

» Taller de gráficos comunitario.
Vie Ago 04, 2017 5:11 pm por Andrew Becher

» Fotografías de los personajes
Jue Ago 03, 2017 5:12 pm por Andrew Becher


Modelo de Instagram

Ver el tema anterior Ver el tema siguiente Ir abajo

Modelo de Instagram

Mensaje por Elvendork Gambon el 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>




Hola, Invitado!
Recuerda poner el link de tu ficha en tu perfil.

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.