the boss administrator
Število prispevkov : 177 Join date : 27/02/2014
| Naslov sporočila: Instagram Ned Maj 04, 2014 6:17 am | |
| INSTAGRAM-POZOR!:Tam kjer piše IG SLIKA 1,2,3 - na obe mesti vstavite isto sliko, saj vam jo koda poveča. - Koda:
-
<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="LINK SLIKE" style=" width:100px; height: 100px; border: #FFFFFF";></td> <td rowspan="2"><img src="LINK SLIKE" style=" width:200px; height: 200px; border: #FFFFFF";> </td><td><img src="LINK SLIKE" style=" width:100px; height: 100px; border: #FFFFFF";></td><td><img src="LINK SLIKE" style=" width:100px; height: 100px; border: #FFFFFF";></td> <tr><td><img src="LINK SLIKE" style=" width:100px; height: 100px; border: #FFFFFF";></td> <td><img src="LINK SLIKE" style=" width:100px; height: 100px; border: #FFFFFF";></td> <td><img src="LINK SLIKE" 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="PROFILNA SLIKA" 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>UPORABNIŠKO IME</b></div><div style=" width: 300px; height: 110px;"><div style="color: #9D9D93; font-family: arial; font-size: 12px; margin-left: +10px;"> BIO</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="IG SLIKA 1" 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="IG SLIKA 1" style=" width: 250px;" alt=""/></span> </a></div></td><td><div id="contenedor"> <a href="javascript:void(0);" class="miniatura"> <img src="IG SLIKA 2" 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="IG SLIKA 2" style=" width: 250px;" alt=""/></span> </a></div></td><td><div id="contenedor"> <a href="javascript:void(0);" class="miniatura"> <img src="IG SLIKA 3" 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="IG SLIKA 3" style=" width: 250px;" alt=""/></span> </a></div></td></tr></table> </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> NOVA SLIKA - Koda:
-
<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="SLIKA PROFILA" 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>UPORABNIŠKO IME</b>[/color] added new photo <div style="color: #9D9D93; font-size: 12px"><br>30/06/2013, 15.22h</div></div></td><td><img src="LINK SLIKE" style=" width:80px; height: 80px; border-radius: 5px 5px 5px 5px; margin-top: +5px;"></td></table> </div></center> KOMENTAR - Koda:
-
<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="SLIKA PROFILA" 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>UPORABNIŠKO IME</b>[/color] commented on your photo <div style="color: #9D9D93; font-size: 12px"><br>30/06/2013, 15.22h</div></div></td><td><img src="LINK KOMENTIRANE SLIKE" 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]"KOMENTAR"[/i]</div></td></tr></table> </div></center> | |
|