Modelo de Instagram—

Ver el tema anterior Ver el tema siguiente Ir abajo

Modelo de Instagram—

Mensaje por Kang Sang Woo el Jue Ago 08, 2013 10:44 pm


MODELO PRINCIPAL

AQUÍ EL MODELO PRINCIPAL DEL INSTAGRAM.


 

   

   

Usuario
biografía

   
0
Photos
0
Followers
0
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="IMAGEN CABECERA" style=" width:100px; height: 100px; border: #FFFFFF";></td> <td rowspan="2"><img src="IMAGEN CABECERA" style=" width:200px; height: 200px; border: #FFFFFF";> </td><td><img src="IMAGEN CABECERA" style=" width:100px; height: 100px; border: #FFFFFF";></td><td><img src="IMAGEN CABECERA" style=" width:100px; height: 100px; border: #FFFFFF";></td> <tr><td><img src="IMAGEN CABECERA" style=" width:100px; height: 100px; border: #FFFFFF";></td> <td><img src="IMAGEN CABECERA" style=" width:100px; height: 100px; border: #FFFFFF";></td> <td><img src="IMAGEN CABECERA" 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="IMAGEN PERFIL" 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>Usuario</b></div><div style=" width: 300px; height: 110px;"><div style="color: #9D9D93; font-family: arial; font-size: 12px; margin-left: +10px;"> biografía</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="IMAGEN X AQUI" 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="IMAGEN X AQUI" style=" width: 250px;" alt=""/></span> </a></div></td><td><div id="contenedor"> <a href="javascript:void(0);" class="miniatura"> <img src="IMAGEN Y AQUI" 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="IMAGEN Y AQUI" style=" width: 250px;" alt=""/></span> </a></div></td><td><div id="contenedor"> <a href="javascript:void(0);" class="miniatura"> <img src="IMAGEN Z AQUI" 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="IMAGEN Z AQUI" 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>

FOTO NUEVA

AQUÍ EL MODELO PARA LA FOTO NUEVA


   

   

Usuario ha agregado una nueva foto.
   

30/06/2013, 15.22h
   

   
   


Código:
      <center>
    <div style= "width: 450px; height:115px; background: #FFFFFF; box-shadow: 0px 0px 5px #9D9D93; border-radius: 5px 5px 5px 5px "><table><td><img src="IMAGEN DE PERFIL" style=" width:100px; height: 100px; border-radius: 5px 5px 5px 5px; margin-top: +5px; margin-left: +3px"></td><td><div style=" width:250px; height: 100px;"><div style="color: #000000; font-family: arial; font-size: 18px; margin-left: +10px;"><br>[color=#437097]<b>Usuario</b>[/color] ha agregado una nueva foto.
    <div style="color: #9D9D93; font-size: 12px"><br>30/06/2013, 15.22h</div></div></td><td><img src="IMAGEN AÑADIDA" style=" width:80px; height: 80px; border-radius: 5px 5px 5px 5px; margin-top: +5px;"></td></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>

NOTIFICACIÓN FOTO AGREGADA

AQUÍ EL MODELO PARA LA NOTIFICACIÓN FOTO NUEVA


   

   

A Usuario le ha gustado una foto
   

30/06/2013, 15.22h
   

   
   

Código:

    <center>
    <div style= "width: 450px; height:115px; background: #FFFFFF; box-shadow: 0px 0px 5px #9D9D93; border-radius: 5px 5px 5px 5px "><table><td><img src="IMAGEN DE PERFIL" style=" width:100px; height: 100px; border-radius: 5px 5px 5px 5px; margin-top: +5px; margin-left: +3px"></td><td><div style=" width:250px; height: 100px;"><div style="color: #000000; font-family: arial; font-size: 18px; margin-left: +10px;"><br> A [color=#437097]<b>Usuario</b>[/color] le ha gustado una foto
    <div style="color: #9D9D93; font-size: 12px"><br>30/06/2013, 15.22h</div></div></td><td><img src="IMAGEN QUE TE GUSTA" style=" width:80px; height: 80px; border-radius: 5px 5px 5px 5px; margin-top: +5px;"></td></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>

COMENTARIO DE FOTO

AQUÍ EL MODELO PARA EL COMENTARIO DE UNA FOTO


   

   

Usuario ha comentado una foto.
   

30/06/2013, 15.22h

"COMENTARIO COMENTARIO COMENTARIO"
   

   
   


Código:
   <center>
    <div style= "width: 450px; min-height:115px; background: #FFFFFF; box-shadow: 0px 0px 5px #9D9D93; border-radius: 5px 5px 5px 5px "><table><td><img src="IMAGEN DE PERFIL" style=" width:100px; height: 100px; border-radius: 5px 5px 5px 5px; margin-top: +5px; margin-left: +3px"></td><td><div style=" width:230px; height: 100px;"><div style="color: #000000; font-family: arial; font-size: 18px; margin-left: +10px;"><br>[color=#437097]<b>Usuario</b>[/color] ha comentado una foto.
    <div style="color: #9D9D93; font-size: 12px"><br>30/06/2013, 15.22h</div></div></td><td><img src="IMAGEN DE LA FOTO QUE COMENTAS" style=" width:80px; border-radius: 5px 5px 5px 5px; margin-top: +5px;"></td><tr><td colspan="3"><div style=" width:450px; min-height: 50px;"><div style=" color: #413D3D; font-family: arial; font-size: 18px; margin-left: +5px;"><br>[i]"COMENTARIO COMENTARIO COMENTARIO"[/i]</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>


USUARIO TE SIGUE

AQUÍ EL MODELO PARA CUANDO UN USUARIO VA A SEGUIR A OTRO


   

   

Usuario te sigue ahora.
   
30/06/2013, 15.22h

   
   


Código:
   <center>
    <div style= "width: 450px; height: 115px; background: #FFFFFF; box-shadow: 0px 0px 5px #9D9D93; border-radius: 5px 5px 5px 5px "><table><td><img src="IMAGEN DE PERFIL" style=" width:100px; height: 100px; border-radius: 5px 5px 5px 5px; margin-top: +5px; margin-left: +3px"></td><td><div style=" width:350px; height: 110px;overflow: auto;"><div style=" color: #413D3D; font-family: arial; font-size: 18px; margin-left: +10px;"><br>[color=#437097]<b>Usuario</b>[/color] te sigue ahora.
    <div style="color: #9D9D93; font-size: 12px">30/06/2013, 15.22h</div></div></td></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>



muérete, con amor pero muere:
avatar
Kang Sang Woo
Presidente
Presidente

Mensajes : 209
Fecha de nacimiento : 02/06/1981
Fecha de inscripción : 18/07/2013
Edad : 36
Localización : Dentro de mi oficina—. ¿Qué esperas? Para eso te llame.
Empleo /Ocio : Presi, presi —Cantante.
Humor : Toc toc... ¿Quien es? —Eh, ¿Esos son tus dedos? Me pregunto que pasaría si te quitara uno.

Ver perfil de usuario http://spectra-entertainmen.forosweb.net

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.