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

Moho! 🐟	1750098856 using! Report Comment
⋆⭒˚.⋆ JAIME ⋆˚꩜｡✩‧₊	1749606769 using :D Report Comment
Zobettez	1749289124 using. Report Comment
ZETŌZAR	1747996795 Using!!! Report Comment
Jillian	1746879523 Using!!! Report Comment
miu :3 (español)	1742597736 using :D Report Comment
ADELIA ,, 🦖💥+💭🏝️//🎒🌉//📱 ((🗝️🫂	1741936259 usingg Report Comment
𝐿𝑎𝑢	1736313127 USIIIING Report Comment
Nyanbong	1736133247 CUTTTTEE Report Comment
freakiero	1734451962 using! Report Comment
ivana	1733167590 usingg Report Comment
Denzieexx	1731474933 USES Report Comment
Denzieexx	1731474931 USES Report Comment
mort	1730577721 using Report Comment
Denis/Asher	1726968938 using Report Comment
maykalka :3	1725131968 USING >_< Report Comment
☆꧁Mirokoshi꧂☆	1721824314 Using!! Report Comment
ChihuahuaTheLynx	1721497957 usingggggggggggggggggggggggggggggggg Report Comment
比比 ´-	1719873550 using Report Comment
🍎 manochkin ⭐	1717622745 use! Report Comment