Twister (1996) Layout

Tags: twister, twister movie, movie, tornado, weather, meteorology

Description:

gotta do Jaws and Jurassic Park so i can finish my own trilogy --- ˗ˏˋ ★ ˎˊ˗ features: ˗ˏˋ ★ ˎˊ˗ ➼ Incoming Twister Loading Screen ➼ Twister Cover Background ➼ Twister Logo instead of Spacehey Logo ➼ Cow Flying Banner and Jo Footer ➼ Dustin "The Suck Zone" GIF instead of Profile Picture ➼ Borders for Interests, Friends, and Comments ➼ Cow and Tornado Rainfall ➼ Twister Cursor ➼ Twister OST on Autoplay ➼ Transparent Background of the Profile itself ➼ Truck and Bill/Jo Left and Right Corners ➼ Slackside One Font ˗ˏˋ ★ ˎˊ˗ please let me know if anything doesn't work ˗ˏˋ ★ ˎˊ ˗ˏˋ ★ ˎˊ˗ comment if using <3 ˗ˏˋ ★ ˎˊ˗

Preview:

Code:

<!-- (c) Layout created by unnaturalphenomena (https://layouts.spacehey.com/layout?id=101156) --> <style> @import url('https://fonts.googleapis.com/css2?family=Slackside+One&display=swap'); p{ font-family: "Slackside One", cursive; font-size: 100%; } h1,h2,h3,h4,h5{ font-family: "Slackside One", cursive; font-size 100%; </style> <style> .contact, .url-info, .table-section, .blog-preview, .blurbs, .friends, .profile-info { background-color: transparent; border: 3px inset #edce8496!important; } .table-section td { border: 3px inset #edce8496; } .comments-table { border: inset #edce8496; border-spacing: 3px; } .profile .friends .person img:not(.icon){ border: 3px inset #edce8496 !important; } </style> <style> main:before { width: auto; margin-bottom: 25px; border: 1px solid black; height: 120px; display: block; content: ""; background-image: url(https://www.syfy.com/sites/syfy/files/c_scalefl_progressiveq_80w_800.gif); background-position: center center; background-size: cover; } footer { border-radius: 15px; background-image: url(https://i.makeagif.com/media/11-30-2023/fcmQQu.gif); color: white; } body, .bodyContent { background: url(https://cdn.discordapp.com/attachments/1146884966152679454/1214362251893411901/ezgif-6-dcce28a086.jpg?ex=65f8d5fa&is=65e660fa&hm=bcaa9144c4b8f73eb1e6f29ba9a34fcf2b92b488751422315c6b76ca48711f08&); background-repeat: no-repeat; background-size: cover; background-attachment:fixed; } main { background: #9a713196; } :root { --logo-blue: #24090096; --darker-blue: #edce8496; --lighter-blue: #36160096; --even-lighter-blue: #69420a96; --lightest-blue: #815b1d96; --dark-orange: #edce8496; --light-orange: #69420a96; --even-lighter-orange: #815b1d96; } .general-about .profile-pic img { content: url(https://media1.tenor.com/m/sVWqTzsdNI0AAAAC/suck-zone-twister.gif); } body:before { content: " "; height: 100vh; width: 100vw; display: block; position: fixed; top: 0; left: 0; z-index: 100; background-image: url('https://64.media.tumblr.com/e4c3527d81f44fd7d5c65376f1195540/tumblr_odjiveyRiw1rob81ao3_r1_250.gifv'); background-size: cover; background-repeat: no-repeat; background-position:center; animation: yourAnimation 4s ease 0s 1 normal forwards; pointer-events: none;} @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } </style> <style> .logo { content:url("https://cdn.discordapp.com/attachments/1146884966152679454/1214362866484776980/Twister-movie-logo.webp?ex=65f8d68d&is=65e6618d&hm=81d17aeb4ea67080d95a4d93db76a215cbdb49b77bf8588400accc06788792fe&"); } </style> <style> /* Start https://www.cursors-4u.com */ * {cursor: url(https://cdn.discordapp.com/attachments/1146884966152679454/1215425009284022272/ezgif-5-1dd1410dbe.gif?ex=65fcb3bf&is=65ea3ebf&hm=690a222b965810de1d786a1af89cb41d72ebb7ee1bf7d8b5520f55b715ba2465&), auto !important;} /* End https://www.cursors-4u.com */ </style> <div style="float: ; max-height: 1000px; position: fixed; left: 1px; bottom: 0px; z-index: 400;"> <img src="https://cdn.discordapp.com/attachments/1146884966152679454/1215428870216486922/image-removebg-preview.png?ex=65fcb758&is=65ea4258&hm=4c7a39b153fbf8f9f41451379ae708933c6bb66cd5f8ca1e8d0bce38d4887ec4&" height="300"/></div> <div style="float: ; max-height: 1000px; position: fixed; right: 1px; bottom: 0px; z-index: 400;"> <img src="https://cdn.discordapp.com/attachments/1146884966152679454/1215429330986074133/twister-movie-helent-hunt-bill-paxton-removebg-preview.png?ex=65fcb7c6&is=65ea42c6&hm=fff4eaa7728ca531f169bddda592fef531e37a788a5fbcd4ab0c62c033eb48f0&" height="300"/></div> <iframe width="0" height="0" src="https://www.youtube.com/embed/M842eYKJgtw//?&;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> <div class="snowflakes"> <div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1146884966152679454/1215426449041920130/ezgif-5-f0db817c17.gif?ex=65fcb516&is=65ea4016&hm=2e85b6be19130b1fa89c02605ab396b37062996612136f29601622234a0d3e28&"/></div> <div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1146884966152679454/1215426792740098139/ezgif-5-7427eee179.gif?ex=65fcb568&is=65ea4068&hm=8b19a5b3236e4d848509b72fd2abaa86f17349efce24c29ed25e6ac5955fa219&"/></div> <div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1146884966152679454/1215426449041920130/ezgif-5-f0db817c17.gif?ex=65fcb516&is=65ea4016&hm=2e85b6be19130b1fa89c02605ab396b37062996612136f29601622234a0d3e28&"/></div> <div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1146884966152679454/1215426792740098139/ezgif-5-7427eee179.gif?ex=65fcb568&is=65ea4068&hm=8b19a5b3236e4d848509b72fd2abaa86f17349efce24c29ed25e6ac5955fa219&"/></div> <div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1146884966152679454/1215426449041920130/ezgif-5-f0db817c17.gif?ex=65fcb516&is=65ea4016&hm=2e85b6be19130b1fa89c02605ab396b37062996612136f29601622234a0d3e28&"/></div> <div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1146884966152679454/1215426792740098139/ezgif-5-7427eee179.gif?ex=65fcb568&is=65ea4068&hm=8b19a5b3236e4d848509b72fd2abaa86f17349efce24c29ed25e6ac5955fa219&"/></div> <div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1146884966152679454/1215426449041920130/ezgif-5-f0db817c17.gif?ex=65fcb516&is=65ea4016&hm=2e85b6be19130b1fa89c02605ab396b37062996612136f29601622234a0d3e28&"/></div> <div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1146884966152679454/1215426792740098139/ezgif-5-7427eee179.gif?ex=65fcb568&is=65ea4068&hm=8b19a5b3236e4d848509b72fd2abaa86f17349efce24c29ed25e6ac5955fa219&"/></div> <div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1146884966152679454/1215426449041920130/ezgif-5-f0db817c17.gif?ex=65fcb516&is=65ea4016&hm=2e85b6be19130b1fa89c02605ab396b37062996612136f29601622234a0d3e28&"/></div> <div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1146884966152679454/1215426792740098139/ezgif-5-7427eee179.gif?ex=65fcb568&is=65ea4068&hm=8b19a5b3236e4d848509b72fd2abaa86f17349efce24c29ed25e6ac5955fa219&"/></div> </div> <style> @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}</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.