Daft Punk Layout

Tags: daft punk, around the world, harder better faster stronger

Description:

Description type beat. If you want a different video just add the id after the /embed/. Don't add the whole link, just the jumble of letters and numbers that come after the https://youtu.be/.

Preview:

Code:

<!-- (c) Layout created by Maxine! (https://layouts.spacehey.com/layout?id=103959) --> <iframe width="400" height="200" src="https://www.youtube.com/embed/ySLc8gZ3oEc?si=J-hxWlWH1e4_3bMI//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy"> </iframe> <style> body:before { content: " "; height: 100vh; width: 100vw; display: block; position: fixed; top: 0; left: 0; z-index: 100; background-image: url('https://img.wattpad.com/story_parts/1440490514/images/17c891d092a092c4566878193586.gif'); background-size: cover; background-repeat: no-repeat; background-position:center; animation: yourAnimation 2s ease 0s 1 normal forwards; pointer-events: none;} @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } .logo { content:url("https://i.ibb.co/mXvpDm7/Untitled142.png"); } /*Colors*/ :root { --logo-blue: #; --darker-blue: #0074CD; --lighter-blue: #BF4C2F; --even-lighter-blue: #00C050; --lightest-blue: #71CD00; --dark-orange: white; --light-orange: #CE9B00; --even-lighter-orange: #0074CD; --green: ;} main { border-radius: 0 0 0px 0px; background: #3d3d3d !important;} .profile { color:white; text-shadow: 0 0 9px black;} /*Big Background*/ body { background:url('https://i.ibb.co/6Jv3y77/photostudio-1713781157408.jpg'); no-repeat fixed; background-size:cover; } /*Background Wallpaper*/ .profile { background-image:URL("https://i.ibb.co/q5tNrVM/photostudio-1713778431714.jpg"); background-repeat: none; } /*Footer Wallpaper*/ footer {background-image:URL("https://i.ibb.co/6vXsCCq/photostudio-1713783017438.jpg"); background-repeat: none; border-radius: 0px;} /*Online Now Icon*/ .online { content: url(https://i.ibb.co/jWvsSNG/ezgif-3-c848557d98.gif); } /*Contact Icons*/ .contact .inner a img { font-size: 0; } .contact .inner a img:before { font-size: 1em; display: block } .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before { /* add to friends */ content: url(https://i.ibb.co/7JcMYy9/ezgif-4-c93d1aefbc.jpg); filter: grayscale(.7); } .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before { /* add to favorite */ content: url(https://i.ibb.co/TqbwQLm/ezgif-4-d361aac9f4.jpg); filter: grayscale(.7); } .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before { /* send a message */ content: url(https://i.ibb.co/Vt7F8BX/ezgif-4-b92c9e5743.jpg); filter: grayscale(.7); } .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before { /* foward to friend*/ content: url(https://i.ibb.co/qjmJmgr/ezgif-4-5c526349c6.jpg); filter: grayscale(.7); } .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before { /* instant message */ content: url(https://i.ibb.co/vJCFHDh/ezgif-4-5af40ce64b.jpg); filter: grayscale(.7); } .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before { /* block user */ content: url(https://i.ibb.co/Wk2j27x/ezgif-4-b585788110.jpg); filter: grayscale(.7); } .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before { /* add 2 group */ content: url(https://i.ibb.co/sjjJZFr/ezgif-4-cbe399fe59.jpg); filter: grayscale(.7); } .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before { /* report */ content: url(https://i.ibb.co/x7gKLC0/ezgif-4-b52fb92a79.jpg); filter: grayscale(.7); } /*Comment table border*/ table, tr, td { background-color: none; border:none; } /* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/people/peo-8/peo937.cur), auto !important;} /* End https://www.cursors-4u.com */</style> <div style="float: ; max-height: 400px; position: fixed; left: 1px; bottom: 9px; z-index: 200;"> <img src="https://i.ibb.co/DRSP4gG/1713787985262.png" height="270"/></div> <style></style> <div style="float: ; max-height: 400px; position: fixed; right: 1px; top: 9px; z-index: 200;"> <img src="https://i.ibb.co/vQtPMmq/1713789154138.png" height="270"/></div> <style></style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.