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 20 of 22 comments ( View all | Add Comment )

dayaa	1758481842 usinggg ! Report Comment
squiddy	1753419345 using :3 Report Comment
Jonah	1751939459 Question! how do you use rwdesign for your cursors? I'm having a lot of trouble because i see some cool cursors on the website that i would like to use myself! but.. i cant figure out how to get the html code.. im very new to html.. Report Comment or css? ive seen people saying that instead.. by Jonah; 1751939482; Report i figured it out!!! by Jonah; 1751942708; Report
Rinnar	1751857577 usinggg Report Comment
Rinnar	1751857569 usinggg Report Comment
Scarsremainstill	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
Zacharyy	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