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

Lau	1736313127 USIIIING Report Comment
necr0mantic	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
kylmäksi	1719873550 using Report Comment
mnkX3	1717622745 use! Report Comment
andyfisj	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
rain	1709540512 using !!! Report Comment