Adobe Shockwave Layout

Tags: 90s, 2000s, internet, autoplay

Description:

I made this layout based on the discontinued web browser plugin, Adobe Shockwave (formerly known as Macromedia Shockwave and Shockwave Director), and used it in my latest blog post here (background song is 7 Days - Bullet For My Valentine): https://blog.spacehey.com/entry?id=1158168

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by xxRebellious_Emmaxx (https://layouts.spacehey.com/layout?id=104188) -->

<iframe src="https://www.youtube.com/embed/IgLMEMlsA-Q//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy" data-ruffle-polyfilled="" width="0" height="0" frameborder="0">
</iframe>


<style>:root{
    --logo-blue: #993300;
    --darker-blue: #ff704d;
    --lighter-blue: #662200;
    --even-lighter-blue: #CC0000;
    --lightest-blue: #ff3300;
    --light-orange: #993300
}

/* width */
    ::-webkit-scrollbar {
        width: 20px;
    }

    /* Track */
    ::-webkit-scrollbar-track {
          background-image: url(img src="https://i.ibb.co/4JPm1NR/th-304190098-removebg-preview.png);
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #e3e7e8;
        border: 2px outset;
    }

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #bbc2c4;
    }

.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/0Mr3qTR/th-3432825120-removebg-preview.png");
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url("https://i.ibb.co/b3qLHhD/th-618032028-removebg-preview.png");
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: url("https://dl.glitter-graphics.com/pub/2055/2055419hv9ocd1tbg.gif");
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: url("https://dl.glitter-graphics.com/pub/713/713325hau79cy6il.gif");
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url("https://i.ibb.co/0Mr3qTR/th-3432825120-removebg-preview.png");
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url("https://i.ibb.co/b3qLHhD/th-618032028-removebg-preview.png");
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: url("https://dl.glitter-graphics.com/pub/2055/2055419hv9ocd1tbg.gif");
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url("https://dl.glitter-graphics.com/pub/713/713325hau79cy6il.gif");
}

.icon {
content: url(https://dl.glitter-graphics.com/pub/3571/3571233kbve2b19nn.gif);
display: inline-block;
height: 1.1em;
width: 1.5em;
margin: 0 .05em 0 .1em;
vertical-align: -0.3em;
color: rgba(0,0,0,0);

}

.main{
background-image: url('https://dl.glitter-graphics.com/pub/2446/2446710p8z0sqtopb.gif');
            background-repeat: repeat;
            background-attachment: fixed;
            background-size: auto;
}

nav .top {
 background: linear-gradient(#e8bdbd , #970f0f 40%, red); 
 box-shadow: #fff6 0px 0px 2px 3px inset;
}



nav .links a {
  color: #ff471a;
  text-shadow: red 0px 4px 4px;
  padding: 1px
}

nav .links a:hover {
  color: #ffe680;

  text-decoration: none;
  padding-top: 0;
}

nav .links li.active a {
  color: #ff8c1a; 
  font-weight: normal;
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
  color: white;
  text-shadow: tomato 1px 0px 1px;
}


.table-section-contacts{
background: linear-gradient(#e8bdbd , #970f0f 40%, red); 
 box-shadow: #fff6 0px 0px 2px 3px inset; !important;
}

.table-section heading, contact{
bbackground: linear-gradient(#e8bdbd , #970f0f 40%, red); 
 box-shadow: #fff6 0px 0px 2px 3px inset; !important;}
.table-section heading, .blurbs .heading{
background: linear-gradient(#e8bdbd , #970f0f 40%, red); 
 box-shadow: #fff6 0px 0px 2px 3px inset; !important;
}

footer{
background: linear-gradient(#e8bdbd , #970f0f 40%, red); 
 box-shadow: #fff6 0px 0px 2px 3px inset;
}

.friends{
background: linear-gradient(#e8bdbd , #970f0f 40%, red); 
 box-shadow: #fff6 0px 0px 2px 3px inset; !important;
}

.contacting{
background: linear-gradient(#e8bdbd , #970f0f 40%, red); 
 box-shadow: #fff6 0px 0px 2px 3px inset; !important;
}

.heading .comments, Heading{
background-color: rgba(102, 0, 0, 0.7); color: black; text-shadow: 2px 2px 2px #CC0000; padding: 5px; box-shadow: 0 0 10px black; border-radius: 2px;) !important;
}

input {
   background: linear-gradient(0deg, rgba(255,255,255,1) 31%, rgba(198,198,198,1) 100%);
   border: 2px solid #fff;
}

.online {
   content: url(https://dl.glitter-graphics.com/pub/1896/1896388vha8hkl1un.gif);
}



         body {
            background-image: url('https://dl.glitter-graphics.com/pub/2985/2985210exbgpfiqmr.gif');
            background-repeat: repeat;
            background-attachment: fixed;
            background-size: auto;
         }
      </style>

<style>
.logo {

content:url("https://i.ibb.co/xfb4yQP/8233-clip-5-F00-image002-5-F00-17-A13-F5-E-jpg-JPEG-Image-554-289-pixels-removebg-preview.png");
}

</style>

<style>
main{ background-color: rgba(174, 46, 0, 0.7); color: white; text-shadow: 2px 2px 2px #CC0000; padding: 5px; box-shadow: 0 0 10px black; border-radius: 2px;)  !important;}
body{ background-color: rgba(255, 69, 0, 0.4( !important;}
</style>

<style>
<iframe width="0" height="0" src="https://www.youtube.com/embed/Yr9mYxubxVg//?&;amp;;autoplay=1&;loop=1&;controls=1" title="the wiggles" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</style>



            <style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://lh3.googleusercontent.com/proxy/PougWl0A4QJzG65ih9H9VEuYF8NrmdSfxtNKnJmDmeMsJLixHg7mwu1zLSZJ1w9sfaSehbyV_5OPEe1YTMExAkrVcn-23ZX5MygdNgrQB79Vwz2jF0Vmh8mVxpyY_P_acLRfynxOVPRWjAjTHg');
background-size: auto;
background-repeat: repeat;
background-position:center;
animation: yourAnimation 3.2s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
            </style>

<style>* {cursor: url(http://www.rw-designer.com/cursor-download.php?id=12038), auto;}</style>
<style>A:hover{cursor: url("http://www.rw-designer.com/cursor-download.php?id=12047"), auto;}
</style>
<div style="float:  ; max-width: 100%; height: auto; position: fixed; right: 1px; bottom: 9px; z-index: 200;"><img src="https://i.ibb.co/NsZLzgL/th-3579271830-removebg-preview.png" alt="Shockwave 4 Ever"/></div>

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.

Comments

Displaying 18 of 18 comments ( View all | Add Comment )

Andreaz Abhorrence	1746239523 Using Report Comment
byekitty	1745934276 using ehehhe Report Comment
Saw!	1745718536 using! love it <3 Report Comment
cordis	1742521671 using! Report Comment
saif	1741279785 using Report Comment
Cal	1738017009 Using Report Comment
Ps3udo :00	1737248585 using!1 Report Comment
Miles :D	1735426485 using! Report Comment
Safi Starie	1732305873 using! Report Comment
zomAlert	1731532944 I LOVE HOW TJIS LOOKS Report Comment
hyimsad	1729370786 using!! Report Comment
₊˚⊹ 𐂯 danny	1727337675 using! Report Comment
JCBX	1723833966 ah yeah, I still remember shockwave... Gorillaz Final Drive, those fake brand games, fx car games, those were the shit bro Report Comment
٩( ᐛ )و	1722031280 some of my icons r screwed up :[ Report Comment
.✯ Keaton ☆ﾟ	1720395039 i am going to be using some parts of this layouts code on my profile Report Comment
𐌀𝓓🅐𝙼 𝕲🅴T𝕋є尺	1719507069 hello, this layout isnt working for me. it shows a white background and i think a lot of the icons are messed up. am i doing something wrong? i just copy and pasted it into my about me Report Comment
ʚᗰ🦠ՏՏᖴᗩIᖇYɞ	1715420067 BRO THIS ONE IT'S SO COOL!! (The website is super fun fr :b) Report Comment
f4t4lfrankie	1714271557 YOOO THIS LAYOUT IS COOL ASF !!! :00 Report Comment