Tags: windows, frutiger aero, computer, 2000s, simple, vista, yahoo
Description:
heavily inspired by windows live messenger and windows mobile
(adjust the general about padding according to your pfp)
Preview:
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 62 comments ( View all | Add Comment )
RougeBear
using but the background image doesn’t work
Here is the fixed code that should work with the background image
body {
background: #ffffff;
background-image: url('https://www.wallfizz.com/nature/pleine-nature/5937-zoom-brin-d-herbe-WallFizz.jpg');
background-color: black;
background-attachment: fixed;
background-repeat: no-repeat;
background-size:cover;
font-family: segoe ui, sans-serif;
}
nav .links a {
text-shadow: 0 0 7px #ffffff;
}
.general-about{
padding: 15px;
margin-bottom: 10px;
}
main, nav .top, nav .links, footer, .comments-table td, .comments-table td:first-child {
background-color: transparent;
}
div.table-section, div.blurbs, div.friends-grid {
text-align: center;
}
.details-table td *, .details-table td {
background: rgba(0, 0, 0, 0);
border-color: transparent;
}
main .right {
padding: 20px;
}
main, footer p, a, .profile .blurbs .section h4, .details-table td:first-child, .profile .friends .heading, .profile .blurbs .heading h4, .profile .friends .person p {
color:white;
}
a:hover {
color: rgba(102, 136, 232);
}
.profile-info, .general-about, .profile .table-section, .profile .url-info, .profile .blurbs, table.comments-table, DIV.blog-preview, .profile .friends {
border-style:solid;
border-width:1px;
border-color: #ffffff;
border-radius: 2px;
text-shadow: 0 0 9px black;
background: linear-gradient(rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 25% , rgba(255,255,255,0.0) 52%, rgba(255,255,255,0.2) 80%, rgba(255,255,255,0.4));
box-shadow: 0px 0px 15px black;
}
.profile .table-section .heading, .profile .blurbs .heading, .profile .friends .heading {
border-style:solid;
border-width:1px;
border-color: #ffffff;
border-top-right-radius: 1px;
border-top-left-radius: 1px;
text-shadow: 0 0 9px black;
background: linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,0.5) 10%, rgba(255,255,255,0.1) 50% , rgba(255,0,0,0) 0%, rgba(255,255,255,0.1), rgba(255,255,255,0.2));
}
div#comments {
margin-top: 20px;
}
table.comments-table {
background: linear-gradient(rgba(255, 255, 255, 0.2) 10%, rgba(255, 255, 255, 0) 40%, rgba(255, 0, 0, 0) 0%, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
}
.profile h1, .profile-info {
border-style:solid;
border-width:1px;
border-radius: 2px;
text-align: center;
background: linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,0.5) 10%, rgba(255,255,255,0.1) 50% , rgba(255,0,0,0) 0%, rgba(255,255,255,0.1), rgba(255,255,255,0.2));
box-shadow: 0px 0px 15px black;
}
.profile .contact .heading {
display: none;
}
.details-table td:first-child {
border-style:solid;
border-width:1px;
border-color: #ffffff;
text-align: center;
background: linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,0.5) 10%, rgba(255,255,255,0.1) 50% , rgba(255,0,0,0) 0%, rgba(255,255,255,0.1), rgba(255,255,255,0.2));
}
/* contact */
.profile .contact {
border-style:solid;
border-radius:2px;
border-width:2px;
border-color: white;
text-shadow: 0 0 9px black;
box-shadow: 0px 0px 15px black;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:after, .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:after, .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:after, .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:after {
font-size: 25px;
line-height: 14px;
padding: 0px 0px 0px 0px;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:hover:after, .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:hover:after, .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:hover:after, .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:hover:after, .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:hover:after, .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:hover:after, .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:hover:after, .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:hover:after {
transform: scale(2);
opacity: 1
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:after {
content: "add"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:after {
content: "im"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:after {
content: "msg"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:after {
content: "group"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:after {
content: "fav"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:after {
content: "forward"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:after {
content: "block"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:after {
content: "report"
}
.f-col a {
color: #ffffff;
font-weight: normal;
width: 93% !important;
padding-right: 17px !important;
padding-bottom: 10px !important;
font-size: 0pt;
text-align: center;
display: block;
}
.contact {
background: linear-gradient(rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 25% , rgba(255,255,255,0.0) 52%, rgba(255,255,255,0.2) 80%, rgba(255,255,255,0.4));
font-family: 'segoe ui';
font-weight: normal;
padding-top: 10px;
}
button {
border-style: solid;
border-width: 2px;
border-radius: 2px;
border: grey;
background: linear-gradient(rgba(255, 255, 255, 1.6), rgba(240, 240, 240, 1.5) 10%, rgba(240, 240, 240, 1.1) 50%, rgba(235, 235, 235, 1) 0%, rgba(220, 220, 220, 1.1), rgba(210, 210, 210, 1));
}
by RougeBear; ; Report
mind if i use this cuz i cant get any image hoster to work
by ianPAN!C; ; Report
ITS FOR YOU GO ON BABE
by RougeBear; ; Report
horns
using
pluto
using!
maaalak ;)
using!!! this layout looks so cool
JimmyFour_
Using
Yuzu_juice
Using this layout! ITS SO PRETTTYYY :)
PlayerAdante1
using this layout!
karlos
using! it looks so good!
jantoday
using
crazygonuts
using!
frejsi
omg so using
dayll
Using
H!
using
ottodpaula
using
Ben Dover
using
quote256
using
SunseedLeaf
using!!! :3
Meawew
Using!
Cal
Using
october30 [charlie]
Using this ! very very new to the site, so pls lmk if making edits such as changing the bg is inappropriate :)