90's Geocities Space Layout

Tags: geocities, 2000s, 90s, space, blue

Description:

about me has a scrollbox, hope u enjoy my layout :-)

Preview:

click on the image for a larger preview

Code:

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

<!-- website style -->

<style>

.logo {
   content: url(https://external-media.spacehey.net/media/shbQcRuY_0pVxOcDC62qtMfqN2WyJw7qeQmjeOhz_2vQ=/https://cdn.discordapp.com/attachments/1097694605882961951/1102278415299641344/2023_04_30_0go_Kleki.png);
}


/*search users section thing*/
.top {
    background-image: url("https://external-media.spacehey.net/media/s0hC6rA7ErSuIcrrxwem1Ui07ZOpkKurfyQ-ze4M8WW4=/https://sadhost.neocities.org/images/tiles/bgif055.gif") !important;
    color: red;
    font-size: 15px;
    font-weight: bold;
    border-style: outset;
    border-color: darkblue;
    border-width: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.top a:hover {
    background-color: blue;
    text-decoration: none;
    color: yellow;
    font-size: 15px;
    font-family: Times New Roman;
    border-style: outset;
    border-color: darkblue;
    border-width: 5px;
    padding: 5px;
}

.links {
    background-image: url("https://external-media.spacehey.net/media/sbAcxfedsrSBNWq0QjmF7VTWuF4393ZkWiQYmav0qbAQ=/https://sadhost.neocities.org/images/tiles/misc341.jpg");
    font-family: 'Times New Roman', serif;
    font-size: 15.5px;
    font-weight: bold;
    border-style: outset;
    border-color: yellow;
    border-width: 5px;
    margin-bottom: 5px !important;
}

.links a:hover {
    color: red;
    background-color: yellow;
    border-style: outset;
    border-color: blue;
    border-width: 1px;
    text-decoration: none !important;
}

/*online profile*/
.general-about {
    background-image:url("https://external-media.spacehey.net/media/sZDLRI0DaBSyFLm3mS9DtcqZ6vS_QY7KvPScef7divAs=/https://sadhost.neocities.org/images/tiles/stars4.gif");
    font-size: 10px;
    color: yellow;
    font-weight: bold;
    height: 180px;
    border-style: inset !important;
    border-right-color: blue !important;
    border-bottom-color: blue !important;
    border-left-color: #000038 !important;
    border-top-color: #000038 !important;
    border-width: 5px;
    padding: 5px;
    margin-bottom: 5px;
    overflow: scroll;
}

.online {
   content: url(https://external-media.spacehey.net/media/skYMLHcJYdz2zWNptC5_unM15me8ZL1WuwFlbt88JH54=/https://anlucas.neocities.org/geocities_area_51.gif);
}

/*mood, blog, and forum btns*/
.mood {
    font-family: monospace;
    font-size: 15px;
    font-weight: bold;
    color: #ffdd00;
    background-image:url("https://external-media.spacehey.net/media/swaWZ0JXoDm4YAvYy2UmzPiv50m6lPPv3PYN_VdZWywA=/https://sadhost.neocities.org/images/tiles/starsforever.gif");
    border-style: inset !important;
    border-right-color: blue !important;
    border-bottom-color: blue !important;
    border-left-color: #000038 !important;
    border-top-color: #000038 !important;
    border-width: 5px;
    padding: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
}

/*mood click buttons*/
.mood a:hover {
    background-color: blue;
    text-decoration: none;
    color: yellow;
    font-size: 15px;
    font-family: Times New Roman;
    border-style: outset;
    border-top-color: #054bfc;
    border-left-color: #054bfc;
    border-right-color: #0800eb;
    border-bottom-color: #0800eb;
    border-width: 5px;
    padding: 5px;
}

.blurbs .heading {
    background-color: navy !important;
    color: yellow !important;
    border-style: outset;
    border-color: yellow;
    border-width: 5px;
    font-family: monospace;
    font-size: 15px;
}

.friends .heading {
    background-color: navy !important;
    color: yellow !important;
    border-style: outset;
    border-color: yellow;
    border-width: 5px;
    font-family: monospace;
    font-size: 15px;
}

/*contact btns*/
.contact .heading {
    color: red !important;
    background-image: url("https://external-media.spacehey.net/media/scxmH5motb15OVZ859bNKqhS4L2QLaFdp50tzDKIk7wY=/https://64.media.tumblr.com/61bbb5ddd87c5a4f502cd655e07f8999/e9e22e92578d6d23-b2/s250x400/489d410aa581da50d4fc70ad9650be21b0df6e8a.png") !important;
    border-style: outset;
    border-width: 5px;
    border-color: yellow;
}
.contact {
    border-style: inset !important;
    border-right-color: blue !important;
    border-bottom-color: blue !important;
    border-left-color: #000038 !important;
    border-top-color: #000038 !important;
    border-width: 5px !important;
    margin-top: 5px;
}
.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
    content: url("https://external-media.spacehey.net/media/sz_TUqWH_P_Ms1IULj4AgsfLtuuTnf4PjftwMg6Q7SM8=/https://wilardo.crd.co/assets/images/gallery04/cdbc42db.png?v=24615d86");
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
    content: url("https://external-media.spacehey.net/media/sDsY1w9_0zf7FUuUBRpyXWLE3qQTWdPf9i4Qjafg9tcA=/https://wilardo.crd.co/assets/images/gallery14/4bb10a61.gif?v=24615d86");
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
    content: url("https://external-media.spacehey.net/media/sRtQ8qEpHQBwsjwEyYz1yVrUiLSPIZU4Thp9aAwsZrAM=/https://i.imgur.com/dCbnRu1.gif");
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
    content: url("https://external-media.spacehey.net/media/sziaYw3pjDtysRS9vorohd-ZwyN2dYc_Tco0V6eN9UNc=/https://i.imgur.com/tKuG0zC.png");
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
    content: url("https://external-media.spacehey.net/media/scH6lFoC8xhKpkj9MvG8h0J4fJs0r4shZIKYBNPtTQr0=/https://i.imgur.com/wGNXTwy.gif");
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
    content: url("https://external-media.spacehey.net/media/s_5tPMHf4kggpLiZGzqyZVdeeTJMGrXm6MT7SYsYoMVE=/https://i.imgur.com/Q1ZTrTU.gif");
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
    content: url("https://external-media.spacehey.net/media/sPboZB7sE6e5tJg5_bsgzVLlg6c64CckIXCUyQrppeBc=/https://i.imgur.com/uMpp3X9.gif");
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
    content: url("https://external-media.spacehey.net/media/s1SZdHE3n_UjWR71Dp_FWVnwWdCYI0s52rfPV3zGZPx8=/https://wilardo.crd.co/assets/images/gallery04/57c66aeb.gif?v=24615d86");
}
.contact a {
    font-family: Times New Roman;
    font-size: 11px;
    color: yellow;
}

/*About Me Scrollbox*/
.profile .blurbs .inner {
    border-style: inset;
    border-top-color: #000038;
    border-left-color: #000038;
    border-right-color: blue;
    border-bottom-color: blue;
    border-width: 5px;
    padding: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 2px;
    margin-right: 2px;
    background-image:url("https://external-media.spacehey.net/media/sFnQjBs51D3WpkkixQXcpc9gDu0UXOLg4LjCaA0wTCkI=/https://sadhost.neocities.org/images/tiles/backstar.gif");
    overflow: scroll;
    height: 450px;
    color: yellow;
}

.friends .heading {
    color: yellow !important;
    background-image: url("https://external-media.spacehey.net/media/s50C-I-rbQOHnP0NU6yp7SdtfYHJ3YTG6CgBOYjqULUI=/https://sadhost.neocities.org/images/tiles/comp020.gif") !important;
    border-style: outset;
    border-color: yellow;
    border-width: 5px;
}

.friends {
    background-image: url("https://external-media.spacehey.net/media/sgNVxuZvHUin8IKXH9QJECmK9Dic848m0os7L_lu_9Ys=/https://sadhost.neocities.org/images/tiles/smileys02.gif");
    border-style: inset;
    border-right-color: blue;
    border-bottom-color: blue;
    border-left-color: #000038;
    border-top-color: #000038;
    border-width: 5px;
}
.friends b {
    color: red;
    font-size: 15px;
}

.url-info {
    background-image: url("https://external-media.spacehey.net/media/s50C-I-rbQOHnP0NU6yp7SdtfYHJ3YTG6CgBOYjqULUI=/https://sadhost.neocities.org/images/tiles/comp020.gif");
    color: yellow;
    height: 49px;
    border-style: inset !important;
    border-right-color: blue !important;
    border-bottom-color: blue !important;
    border-left-color: #01014d !important;
    border-top-color: #01014d !important;!important;
    border-width: 5px !important;
}
.table-section .heading {
    color: yellow !important;
    background-image: url("https://external-media.spacehey.net/media/saU1F-MSUeCFUJzR0eWkkt-vbq24l-U5fjNHbV-wN8kQ=/https://64.media.tumblr.com/06e2497be053380811a6e32dafc5d293/efc53f3c57180fcf-83/s250x400/96a0f97a3e68fdb7ca133096c225d452d8eb2fcd.gifv") !important;
    border-style: outset;
    border-width: 5px;
    border-color: yellow;
}
.table-section {
    border-style: inset !important;
    border-right-color: blue !important;
    border-bottom-color: blue !important;
    border-left-color: #01014d !important;
    border-top-color: #01014d !important;
    border-width: 5px !important;
}
.table-section td {
    color: red !important;
    background-image: url("https://external-media.spacehey.net/media/sFnQjBs51D3WpkkixQXcpc9gDu0UXOLg4LjCaA0wTCkI=/https://sadhost.neocities.org/images/tiles/backstar.gif") !important;
    border-style: outset;
    border-width: 5px;
    border-color: blue;
}
.blog-preview {
    background-image: url("https://external-media.spacehey.net/media/sUkgNwplscs_ZgrunrhLsysEN4hnRQ4IxUA_EObedJDk=/https://sadhost.neocities.org/images/tiles/starsagain.gif");
    height: 100px;
    overflow: scroll;
    color: yellow;
    font-weight: bold;
    border-style: inset !important;
    border-right-color: blue !important;
    border-bottom-color: blue !important;
    border-left-color: #01014d !important;
    border-top-color: #01014d !important;
    border-width: 5px !important;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px
}

* {cursor: url(https://external-media.spacehey.net/media/sZ1pvi6QU2FfGf-Bx2qf1T73gwj7xKg-yLzwl9sTDxA4=/https://i.postimg.cc/gkXHjs3L/image-2023-04-30-025433498.png), auto !important;}

.comments-table td {
    background-color: yellow;
    border-style: inset !important;
    border-color: red !important;
    border-width: 5px;
}
.comments-table td:first-child {
    background-color: yellow;
    border-width: 5px;
    height: 150px;
}

h1{
  color: red;
  font-family: monospace;
  font-size: 30px!important;
}

.profile {
  background-color: #080166;
}

/*background*/
body {
    background-image: url("https://external-media.spacehey.net/media/sN264o5TMHaEdSn7-zRm7kpbXH0giryMexe1IxqXSkmw=/https://sadhost.neocities.org/images/tiles/stars3.gif");
}

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

rakkoon	1729444298 using :) Report Comment
nick!?!?!??	1729351174 USINF Report Comment
🖖﹒DANI	1728015133 USING! Report Comment
firecooking	1725249935 using!!! Report Comment
xiaraaan	1719185870 using :> Report Comment
junebug ! !	1717580245 Using Report Comment
gnoolie	1717470988 using !! Report Comment
Blundr	1715860127 Using!! Report Comment
lemonnonnon	1715556542 using!! Report Comment
jan2010	1711914922 USING!! :3 Report Comment
Boppi	1711602447 usings Report Comment
Emmett ✮⋆˙	1710022339 usinggg <3 Report Comment
BlockheadsTongs	1709269937 Modified a little bit but using! Report Comment
knowledgeKadamitatis	1708559150 using :heart: Report Comment
thomás :vv	1705871513 using :) Report Comment
! MEL (active on tiktok)	1704260377 USINTG!!! Report Comment
goblinParty	1702883026 using!! Report Comment
weedloverr09	1702161021 USING Report Comment
OLD ACCOUNT	1700789428 USING!!! :D Report Comment