ianPAN!C's profile picture

Layout published by ianPAN!C

published
updated

Add to Favorites

View Layouts

View Profile

Report Layout

spacehey aero

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:

Layout Screenshot
click on the image for a larger 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

RougeBear's profile picture

using but the background image doesn’t work


Report Comment



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

horns's profile picture

using


Report Comment

pluto

pluto's profile picture

using!


Report Comment

maaalak ;)

maaalak ;)'s profile picture

using!!! this layout looks so cool


Report Comment

JimmyFour_

JimmyFour_'s profile picture

Using


Report Comment

Yuzu_juice

Yuzu_juice's profile picture

Using this layout! ITS SO PRETTTYYY :)


Report Comment

PlayerAdante1

PlayerAdante1's profile picture

using this layout!


Report Comment

karlos

karlos's profile picture

using! it looks so good!


Report Comment

jantoday

jantoday's profile picture

using


Report Comment

crazygonuts

crazygonuts's profile picture

using!


Report Comment

frejsi

frejsi's profile picture

omg so using


Report Comment

dayll

dayll's profile picture

Using


Report Comment

H!

H!'s profile picture

using


Report Comment

ottodpaula

ottodpaula's profile picture

using


Report Comment

Ben Dover

Ben Dover's profile picture

using


Report Comment

quote256

quote256's profile picture

using


Report Comment

SunseedLeaf

SunseedLeaf's profile picture

using!!! :3


Report Comment

Meawew

Meawew's profile picture

Using!


Report Comment

Cal

Cal's profile picture

Using


Report Comment

october30 [charlie]

october30 [charlie]'s profile picture

Using this ! very very new to the site, so pls lmk if making edits such as changing the bg is inappropriate :)


Report Comment