WINDOWS-ISH LAYOUT ^_^

Tags: windows, blue, cursor, shake, image, scrollbox, 2000s, retro, computer, web

Description:

a layout that looks somewhat like a windows computer!!!! including an epic face cursor, shaky images, custom notification image, comment section scrollbox, stamp & blinkie collection scrollbox, n a silly goodpuffer cube gif!!!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by BOW / BIVE ✦ (https://layouts.spacehey.com/layout?id=36723) -->

<style>

/*Cursor*/
* {cursor: url(https://ani.cursors-4u.net/smiley/smi-3/smi304.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2013/02/10/mini-rage-face-omg-smiley.html" target="_blank" title="cursor"><img src="https://cur.cursors-4u.net/cursor.png" alt="cursor" style="position:absolute; top: 0px; right: 0px;"/></a>


<style>


    li.active .icon { content:url('https://pbs.twimg.com/media/F0v3cN-aQAECTcf?format=png&name=360x360'); width: 15PX;height: 15px;}


    .heading{
        
    background-color: #a7d9e0 !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
    color: black !important;
        
    }


    .profile .blurbs .section h4{color: black !important;}


.container{width: 615px !important;}
main{border-radius: 0 0 10px 10px !important;}

/*Main Profile Background*/
    body{
    background-image: url('https://i.pinimg.com/564x/79/85/cf/7985cffa3bea914cb05dcf4b2812a87b.jpg') !important;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;

}


/*Profile Top*/
    .top{
        
border: 1px solid black !important;        
border-radius: 5px 5px 0 0 !important;

    }


/*Navigation*/
    .links{
        
border: 1px solid black !important;   
        
    }


/*Profile Picture*/
    .profile-pic img{
        
border: 1px solid black !important;   
        
    }


/*Contacts*/
    .contact{
        
border: 1px solid black !important;   
        
    }


/*Interests*/
    table.details-table{
        
border: 1px solid black !important;   
        
    }


/*Interests Titles*/
table, th, td {
  border: 0px trans;text-align:center;border-radius: 5px;}

:root {
  --topic1: "General";
  --topic2: "Music";
  --topic3: "Movies";
  --topic4: "TV";
  --topic5: "Books";
  --topic6: "Friends";}


/*Comments & Friends*/
    .friends{
        
   border: 1px solid black !important;   
   border-radius: 0 0 10px 10px !important;
}

   table.comments-table{display: block;height: 575px!important;overflow-y: scroll;
}


/*Social Links*/
    .profile .details-table td{

border: 1px solid black !important;   

    }


/*Image Shake*/
img:hover {
  animation: shake 0.5s;

  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}


main:before {
	content: url('https://media.tenor.com/p9eRDqgSPCoAAAAi/ocean-terror-goodpuffer.gif');
	position: fixed;
	bottom: 0;
	right: 0;
	transform: translateX(-3vw) translateY(-6vh);
	pointer-events: none;
}


/*Actual About Me Below*/
</style>


about me :3<br/>


<details>
  <summary>stamps ^_^</summary>

<div style="width: 350px; height: 220px; background-color: white; border-color: hot-pink; border-width: 1px; border-style: dotted; color: #ffffff; font-size: 11px; overflow: auto;"><p>

<img src="stampgiflink"/><img src="stampgiflink"/><img src="stampgiflink"/><img src="stampgiflink"/><img src="stampgiflink"/><img src="stampgiflink"/><img src="stampgiflink"/><img src="stampgiflink"/><img src="stampgiflink"/> <img src="stampgiflink"/><img src="stampgiflink"/><img src="stampgiflink"/><br/>

</p></div>
</details> 


<details>
  <summary>blinkies O_o</summary>

<div style="width: 350px; height: 220px; background-color: white; border-color: hot-pink; border-width: 1px; border-style: dotted; color: #ffffff; font-size: 11px; overflow: auto;"><p>

<img src="blinkiegiflink"/><img src="blinkiegiflink"/><img src="blinkiegiflink"/><img src="blinkiegiflink"/><img src="blinkiegiflink"/><img src="blinkiegiflink"/><img src="blinkiegiflink"/><img src="blinkiegiflink"/><img src="blinkiegiflink"/><img src="blinkiegiflink"/><img src="blinkiegiflink"/><img src="blinkiegiflink"/><img src="blinkiegiflink"/><img src="blinkiegiflink"/><img src="blinkiegiflink"/>

</p></div>
</details>

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 45 comments ( View all | Add Comment )

Mirokoshi	1721824314 Using!! Report Comment
ChihuahuaTheLynx	1721497957 usingggggggggggggggggggggggggggggggg Report Comment
kylmäksi	1719873550 using Report Comment
mnkX3	1717622745 use! Report Comment
spud	1717210665 using :] Report Comment
Fritz	1715710040 using!!! Report Comment
Jerrimum	1712554672 using<)) Report Comment
^3^	1711214668 USING Report Comment
WAAWAWA3WA ☭	1710544587 usandO Report Comment
W1LLIAM	1709881604 USING MAYBE!! Report Comment
soon	1709540512 using !!! Report Comment
octopusuus	1709394010 using!! :DDD (usando!) Report Comment
otter!!	1709082929 OMGOMG IM USING!!1 >_<!!1! Report Comment
BEETLER	1708791148 def using! Report Comment
jazzz	1705714515 lo usoo :3 Report Comment
GUIGO >ᆺ<	1705499823 !! Report Comment
gardenGnostic	1705246382 using :D Report Comment
julian	1704636452 Using Report Comment
AlexX _	1704383853 Using x3 Report Comment