Afiliados
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. |
Últimos temas
Modelo de Instagram
Página 1 de 1. • Comparte
Modelo de Instagram
•• 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∞ Followers1 Following |
-Angel♥ para Source code
- 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:
- 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
Temas similares
» Instagram de Ainé
» Instagram.com/Worldwalker
» Annie's instagram
» @belladonna - instagram de Bianca
» Instagram de Dorian Smith
» Instagram.com/Worldwalker
» Annie's instagram
» @belladonna - instagram de Bianca
» Instagram de Dorian Smith
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.
|
|
Vie Mayo 19, 2023 11:38 pm por Iorwerth Cosmas
» Una serie de eventos desafortunados - Iorwerth Cosmas {Africa}
Vie Mayo 19, 2023 6:37 pm por Iorwerth Cosmas
» Runaway (Rhett Poulsen} // Flashback
Lun Nov 29, 2021 8:36 pm por Anabeth Valmont
» Lía Baker
Miér Mar 27, 2019 4:28 pm por Frida Patterson
» Frank - Lechuza de Frida Patterson
Vie Nov 16, 2018 5:01 pm por Frida Patterson
» Pensadero de Frida Patterson
Vie Nov 16, 2018 4:55 pm por Frida Patterson
» Frida Patterson
Jue Nov 15, 2018 8:57 pm por Felez B. Sabacius
» Problemas, dudas y sugerencias.
Miér Nov 14, 2018 7:43 pm por Frida Patterson
» Taller de gráficos comunitario.
Dom Sep 09, 2018 7:59 pm por Frida Patterson