Jump to content

XATSPACE - Animes girl


Recommended Posts

  • Members

⇢  required power me

 

CSS

background: -webkit-linear-gradient(top,#FFD4D4 60%,#FFA6A6 80%) no-repeat center center fixed;}/* CREATED LAYOUNT: bonequinho ❮/❯*/*{margin:0}*{padding:0}*{-webkit-user-select:none}*{user-select:none}*{-webkit-user-drag:none}*{text-decoration:none}*{user-drag:none}[name="nav"]{position:fixed}[name="nav"]::before{content:'';position:absolute;top:0;width:100%;box-shadow:0 0 150px 30px #000;z-index:-1}[name="nav"]{background:url(http://imagizer.imageshack.us/v2/1600x1200q90/924/ocdlvX.png) 0 -560px no-repeat;}[name="nav"]{align-items:center}[name="nav"]{box-sizing:border-box}[name="nav"]{width:100%}[name="nav"]{z-index:9999}[name="nav"]{height:170px}[name="nav"]{border-bottom: 3px dashed #FF6B00; }._O{position: absolute;top: -30px; right:180px} .Main { position: relative; margin: 210px 0 0 388px; width: 466px; padding: 0px 25px 29px; background: #eee;height:393px; border-bottom: 1px solid #c4c4c4; border-radius: 5px; max-width:500px; } .Main {box-shadow: 0 20px 20px rgba(0, 6, 0, 0.6);}.Main {position:fixed} .Main:before, .Main:after { content: ''; position: absolute; bottom: 1px; left: 0; right: 0; border-bottom: 1px solid #d2d2d2; border-radius: 4px; } .title-video { margin:-3px; padding: 14px; line-height: 35px; font-size: 26px; font-weight: 300; color: #000; text-align: center;border-bottom: 1px solid #aaa; background: #; } .title-video:before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 7px; border-radius: 5px 5px 0 0; background-image: linear-gradient(to right, #f7fdca 12.5%, #f7fdca 25%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); }.video{margin:13px 0 0 -05px; position:relative} #title-video{font: 1em 'Helvetica Neue', Helvetica, Arial;text-shadow: 0px 4px 6px #B6B6B6;text-align:center}{background-size: cover}} .creditos{cursor:pointer}.creditos{position:fixed}.creditos{right:40px ;}.creditos{bottom:0}.creditos h1{color:#000;text-decoration:none;font-size:13px;}.creditos h1{border-radius:50%}.creditos h1{margin:-2rem}div#nowayfixed {} div#nowayfixed {

 

HTML

<div name="nav"></div>
<div class="Main">
<img class="_O" src="http://imagizer.imageshack.us/v2/1600x1200q90/924/r6mCGY.png" height="600/" />
    <h1 class="title-video">Sia - Cheap Thrills </h1>
<div class="video">
<div id="title-video">                         
<span class="title">(Lyric Video)</span>
[youtube:480:317:ekd0fqU-flk:=1&loop=1&controls=0&disablekb=1&showinfo=0&start=0]
</div>
</div>
<div class="creditos"> <h1>CREATED LAYOUNT: bonequinho ❮/❯</h1>
</div>

 

 

 

 

Preview:

 

  Ze1LNP.png

 

 

 

 

Hello, people of xat.com/forum hojê I have made available to you one of my first xatspace totally in css. If you like, do not forget to share my work with your friends! Thank you!

 

 

 

© All Rights Reserved

  • Award 4
Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.