Admin Hozzászólások száma : 391 Reagok száma : 17 Tartózkodási hely : ♡ in the heart of the page Foglalkozás : ♡ moderation Play by : ♡ staff  | Tárgy: Mobil minta Szer. 15 Aug. 2018, 17:14 | 22:07 Március 26., hétfő22:07 - Kód:
-
<link href='http://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'><style type='text/css'>.louisbgoldbg { width:300px; height:566px; background-image:url(http://i.imgur.com/673cGAj.png); position:relative; overflow:hidden; }.louisbgoldlockscreen { position:absolute; top:83px; left:36px; width:224px; height:399px; overflow:hidden; }.louisbgoldbgimg { position:absolute; top:0px; left:0px; width:224px; height:399px; opacity:1; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }.louisbgolddarken { position:absolute; top:0px; left:0px; width:224px; height:399px; background-color:#222; opacity:.2; }.louisbgoldstats { position:absolute; top:2px; left:4px; width:217px; height:10px; background-image:url(http://i.imgur.com/6RLyMWZ.png); transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }.louisbgoldslide { position:absolute; left:100px; top:5px; width:25px; height:5px; background-image:url(http://i.imgur.com/TPmD3dR.png); transition-duration: .8s; -webkit-transition-duration: .8s; }.louisbgoldtime { position:absolute; top:35px; width:224px; height:43px; text-align:center; line-height:43px; font-size:50px; color:#fff; font-family:lato; font-weight:100; }.louisbgolddate { position:absolute; top:85px; width:224px; line-height:13px; text-align:center; font-size:12px; color:#fff; font-family:lato; font-weight:100; text-transform:none; }.louisbgoldcamera { position:absolute; top:375px; left:98px; width:121px; height:16px; background-image:url(http://i.imgur.com/X0mXLoH.png); transition-duration: .8s; -webkit-transition-duration: .8s; }.louisbgoldunlock { position:absolute; top:315px; left:52px; width:120px; height:15px; background-image:url(http://i.imgur.com/1xuqS8G.png); }.louisbgoldslideright { position:absolute; top:0px; left:0px; width:224px; height:399px; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }.louisbgoldbg:hover .louisbgoldslideright { left:399px; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }.louisbgoldbg:hover .louisbgoldbgimg { transform: scale(1.5); -ms-transform: scale(1.5); -webkit-transform: scale(1.5); opacity:0; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }.louisbgoldbg:hover .louisbgoldslide { top:-10px; transition-duration: .8s; -webkit-transition-duration: .8s; }.louisbgoldbg:hover .louisbgoldcamera { top:399px; transition-duration: .8s; -webkit-transition-duration: .8s; }.louisbgoldbg:hover .louisbgolddarken { opacity:0; transition-duration: .8s; -webkit-transition-duration: .8s; }.louisbgoldbg:hover .louisbgoldstats { position:absolute; top:2px; left:4px; width:217px; height:10px; background-image:url(http://i.imgur.com/cz7Km8B.png); transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }.louisbgoldbg:hover .louisbgoldmessages { opacity:1; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }.louisbgoldmessages { position:absolute; top:0px; left:0px; width:224px; height:399px; background-color:#fff; opacity:0; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }.louisbgoldmenu {position:absolute; top:0px; left:0px; width:224px; height:48px; background-color:#f8f8f8; border-bottom:1px solid #e5e5e5; }.louisbgoldblue { position:absolute; top:22px; left:6px; width:213px; height:14px; background-image:url(http://i.imgur.com/pP1Grtz.png); }.louisbgoldmtime { position:absolute; top:4px; width:224px; height:10px; line-height:10px; font-family:Arial; color:#000; font-size:10px; text-align:center; text-transform:none; font-weight:none; }.louisbgoldname { position:absolute; top:25px; width:224px; height:10px; line-height:10px; font-family:Arial; color:#000; font-size:10px; text-align:center; text-transform:none; font-weight:bold; }.louisbgoldpic { position:absolute; top:60px; left:10px; width:75px; height:75px; border-radius:75px; }.louisbgoldfiller { position:absolute; top:60px; left:100px; width:124px; height:75px; line-height:75px; color:#8e8e93; font-family:arial; font-size:7px; text-align:center; text-transform:none; }.louisbgoldyay { position:absolute; top:140px; left:0px; width:204px; height:240px; padding:10px; overflow:auto; }.louisbgoldbubble { width:184px; padding:10px; background-color:#37a9fc; border-radius:10px; text-align:justify; color:#fff; font-family:arial; font-size:10px; line-height:100%; }.louisbgoldarrow { position:relative; left:-50px; width:0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #37a9fc; }</style><center><div class='louisbgoldbg'><div class='louisbgoldlockscreen'><div class='louisbgoldbgimg' style='background-image:url(https://images.unsplash.com/photo-1461696114087-397271a7aedc?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=55c5b57df33a62abe066138d3db2a116&w=1000&q=80);'></div><div class='louisbgolddarken'></div><div class='louisbgoldstats'></div><div class='louisbgoldslide'></div><div class='louisbgoldcamera'></div><div class='louisbgoldslideright'><div class='louisbgoldtime'>22:07</div><div class='louisbgolddate'>Március 26., hétfő</div><div class='louisbgoldunlock'></div></div><div class='louisbgoldmessages'><div class='louisbgoldmenu'><div class='louisbgoldblue'></div><div class='louisbgoldname'> név </div></div><div class='louisbgoldmtime'>22:07</div><div class='louisbgoldpic' style=' background-image:url(https://assets.awwwards.com/awards/media/cache/thumb_user_70/avatar/319840/5901d830ee6ac.jpg);'></div><div class='louisbgoldfiller'><b>Március 26., hétfő</b>22:07</div><div class='louisbgoldyay'><div class='louisbgoldarrow'></div><div class='louisbgoldbubble'!> üzi szövege </div></div></div></div></div><div style='margin-top:8px; width:450px; text-align:center; font-family:calibri; font-size:8px; color:#777; line-height:100%; letter-spacing:4px;'>[url=http://shine.b1.jcink.com/index.php?showuser=599] THANKS TO LOUIS AT SHINE![/url]</div></center> |
|
