Windows Vista/7 User Profile Icon

Tags: 2000s, windows, windows vista, windows 7, layout, profile, frutiger aero

Description:

This is a profile icon layout meant to make your profile pic look like it's from the Windows Vista/Windows 7 user account log in page. :)

Preview:

click on the image for a larger preview

Code:

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

<style>

/*PROFILE BACKGROUND*/
.profile{ background: linear-gradient(#ccffff, #4dffff, #e6ffff);
   border-top: #dfdfe1 groove 7px;
   border-bottom: #dfdfe1 groove 7px;
   border-radius: 10px;
   box-shadow: inset 0 0 7px 5px #8c8c96}

/*PROFILE BOXES*/
.profile .contact, .profile .url-info, .profile .table-section, .home-actions, .blog-preview, .blurbs, .friends, .profile-info, .details {
   border-style: outset;
   border-width: 2px;
   border-color: #feffe6 #a6c87e #a6c87e #feffe6;
   padding: 0px 6px;
   border-radius: 5px;
   box-shadow: inset 0 0 7px 5px #e6ffff;
   background: linear-gradient(to left, #ccffff, #4dffff, #e6ffff)}
   
/*PROFILE PIC*/
.profile-pic img{border-radius: 15px !important;
   box-shadow: 0 0 7px 5px #ccffff}
.profile-pic{
   border-radius: 18px !important;
   position: relative;
   filter: drop-shadow(0 0 0.25rem gray);

}
.profile-pic:after {
content: "";
background: url('https://i.ibb.co/Vm2fYv3/ezgif-5-7f325ec84d-removebg-preview-1.png'), linear-gradient(150deg, rgba(255,255,255,0.4), rgba(255,255,255,0.2), 40%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6));
background-size: contain, cover;
position: absolute;
top: 0;
left: 0;
width: 85%;
height: 100%;
padding: 5px
}

</style>

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

Cab1_Cad3	1786151860 using Report Comment
truereligionloverrr	1783711160 usandoo Report Comment
aspen	1782980288 using bc i cant code for shit Report Comment
D4VEL3SS.EXE	1782861444 This is amazing! Btw, if y'all are having problems with your profile picture not fitting inside the frame, replace the `/* PROFILE PIC /` section with this: / PROFILE PIC / .profile-pic{ position:relative; overflow:hidden; border-radius:18px !important; filter:drop-shadow(0 0 .25rem gray); } .profile-pic img{ width:100% !important; height:auto !important; display:block; border-radius:15px !important; box-shadow:0 0 7px 5px #ccffff; } / decorative overlay */ .profile-pic:after{ content:""; position:absolute; inset:0; background: url('https://i.ibb.co/Vm2fYv3/ezgif-5-7f325ec84d-removebg-preview-1.png') center/contain no-repeat, linear-gradient( 150deg, rgba(255,255,255,.4), rgba(255,255,255,.2), rgba(255,255,255,.1), rgba(255,255,255,.6) ); pointer-events:none; } Hope it helps! :) Report Comment
Th4t_lo0s3r ⁭(꩜ ᯅ ꩜)⁭	1781737055 USANDOOO Report Comment
Capuchard	1780664964 using Report Comment
Lucca	1780168967 using Report Comment
knifeprty⁷꩜.ᐟ	1779722836 using!! Report Comment
1xyn	1779130716 using!! Report Comment using!! by 1xyn; 1779130837; Report
Vik	1777782475 Using!!! Report Comment
hup	1777560797 using! :D Report Comment
settyanderchild	1776713745 Using Report Comment
𝓘𝓼𝓪	1771927240 Using!!!! Report Comment
1998vhs	1770245158 i like this, but how do i stop it from repeating? it looks weird when i add it. Report Comment
valeria_snailey	1769023990 i absolutely love it usinggggggggg Report Comment
Jack Astro	1769019004 Thanks for the Layout! I'm using it! Report Comment
Ringdingaster	1767738529 using! Report Comment
⋆⁺₊⋆ 𖤓 78 𖤓 ⋆⁺₊⋆	1767705865 using! Report Comment
♥N♥o♥o♥n♥i♥e♥	1766784932 ising Report Comment
goredbyadeer	1766028526 usinggg Report Comment