graphic design is my passion

Tags: geocities, 90s, colorful, y2k, bright, gif

Description:

it's really ugly, but i spend so much time on it. if you use it, you should comment on here, so i know, just because i wanna see. i don't really care. my heart and soul and everything went into this layout, please love it. (p.s. let me know in the comments if you need help modifying it to your liking, and i should get back to you in 3 to 5 business days)

Preview:

click on the image for a larger preview

Code:

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

<style>
body {
    background-image: url("https://www.techspot.com/images2/news/bigimage/2016/10/2016-10-28-image.gif");
}
.top {
    background-image: url("https://images-ext-2.discordapp.net/external/Hgjba2Q2sNKlMy6o9DHuigWN8_eWXFlq2Vo9h1h90U8/https/i.gifer.com/13wV.gif") !important;
    color: blue;
    font-size: 15px;
    font-weight: bold;
    border-style: outset;
    border-top-color: red;
    border-left-color: red;
    border-bottom-color: darkred;
    border-right-color: darkred;
    border-width: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.top a:hover {
    color: darkorange;
    background-color: blue;
    border-style: outset;
    border-top-color: blue;
    border-left-color: blue;
    border-bottom-color: darkblue;
    border-right-color: darkblue;
    border-width: 5px;
    text-decoration: none !important;
}
.top a:active {
    background-image: url("https://cutewallpaper.org/21/geocities-backgrounds/Index-of-The-Codex-of-Ultmate-Wisdomwwwgeocitiescom-.gif");
    border-style: inset;
    border-top-color: darkblue;
    border-left-color: darkblue;
    border-bottom-color: blue;
    border-right-color: blue;
    border-width: 5px;
    text-decoration: none !important;
}
.logo {
    background-color: blue;
    padding: 5px;
}
.links {
    background-image: url("https://i.gifer.com/origin/4a/4a9789a735929cb1bfc7e3d08a853546_w200.gif");
    font-family: 'Times New Roman', serif;
    font-size: 16px;
    font-weight: bold;
    border-style: outset;
    border-top-color: pink;
    border-left-color: pink;
    border-bottom-color: hotpink;
    border-right-color: hotpink;
    border-width: 5px;
    margin-bottom: 5px !important;
}
.profile {
    background-color: darkblue;
    border-style: outset;
    border-top-color: blue;
    border-left-color: blue;
    border-right-color: #000038;
    border-bottom-color: #000038;
    border-width: 5px;
}

.general-about {
    background-color: navy;
    font-size: 25px;
    color: yellow;
    font-weight: bold;
    font-family: 'Lucida Handwrighting', cursive;
    height: 150px;
    overflow: scroll;
    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;
}
.mood {
    font-family: monospace;
    font-size: 17px;
    font-weight: bold;
    color: red;
    background-color: navy;
    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;
}
.mood a {
    font-family: sans-serif;
    color: darkorange;
}
.mood a:hover {
    background-color: blue;
    text-decoration: none;
    color: yellow;
    font-size: 15px;
    font-family: cursive;
    border-style: outset;
    border-top-color: blue;
    border-left-color: blue;
    border-right-color: #000038;
    border-bottom-color: #000038;
    border-width: 5px;
    padding: 5px;
}
.mood a:active {
    background-image: url("https://cutewallpaper.org/21/geocities-backgrounds/Index-of-The-Codex-of-Ultmate-Wisdomwwwgeocitiescom-.gif");
    text-decoration: none;
    color: yellow;
    font-size: 15px;
    font-family: cursive;
    border-style: inset;
    border-right-color: blue;
    border-bottom-color: blue;
    border-left-color: #000038;
    border-top-color: #000038;
    border-width: 5px;
    padding: 5px;
}
.contact .heading {
    color: red !important;
    background-image: url("https://64.media.tumblr.com/61bbb5ddd87c5a4f502cd655e07f8999/e9e22e92578d6d23-b2/s250x400/489d410aa581da50d4fc70ad9650be21b0df6e8a.png") !important;
    border-style: outset;
    border-width: 5px;
    border-color: green;
}
.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://media.discordapp.net/attachments/777259086303592448/1042070551935598652/pixil-frame-0_5.png");
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
    content: url("https://media.discordapp.net/attachments/777259086303592448/1042071971560697896/pixil-frame-0_6.png");
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
    content: url("https://media.discordapp.net/attachments/777259086303592448/1042073220888666232/pixil-frame-0_7.png");
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
    content: url("https://media.discordapp.net/attachments/1037536004720042085/1042074842758926446/pixil-frame-0_8.png");
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
    content: url("https://media.discordapp.net/attachments/1037536004720042085/1042075859361726524/pixil-frame-0_9.png");
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
    content: url("https://media.discordapp.net/attachments/1037536004720042085/1042077269205725296/pixil-frame-0_10.png");
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
    content: url("https://media.discordapp.net/attachments/1037536004720042085/1042078159220252783/pixil-frame-0_11.png");
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
    content: url("https://media.discordapp.net/attachments/1037536004720042085/1042078159220252783/pixil-frame-0_11.png");
}
.contact a {
    font-family: monospace;
    font-size: 11px;
    color: orange;
}
.url-info {
    background-image: url("http://4.bp.blogspot.com/-5k_7_FEdMrQ/UlAXnsxGHCI/AAAAAAAACYA/UuXkei0lRDM/s1600/Water_WaveAnimation_16frames_TestRippling_6_Smear.gif");
    color: green;
    height: 32px;
    overflow: scroll;
    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;
}
.table-section .heading {
    color: green !important;
    background-image: url("https://64.media.tumblr.com/34563ad91dd05ff0d2b206e0f4eacf83/3930eb25d2f43a09-de/s400x600/51739d4d248772e98abb140ffec988cb42640824.png") !important;
    border-style: outset;
    border-width: 5px;
    border-color: purple;
}
.table-section {
    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;
}
.table-section td {
    color: yellow !important;
    background-image: url("https://64.media.tumblr.com/2e7f08cd71779a667d60815661f05a2d/782d8db93ae19c51-52/s250x400/41ca5bf24a2f60dfb4949ec17a242712cd433d05.png") !important;
    border-style: outset;
    border-width: 5px;
    border-color: red;
}
.blog-preview {
    background-image: url("http://4.bp.blogspot.com/-5k_7_FEdMrQ/UlAXnsxGHCI/AAAAAAAACYA/UuXkei0lRDM/s1600/Water_WaveAnimation_16frames_TestRippling_6_Smear.gif");
    height: 100px;
    overflow: scroll;
    color: purple;
    font-weight: bold;
    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;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px
}
.blog-preview h4 {
    background-image: url("https://64.media.tumblr.com/c528a7473d96627eb790c0385c20e4c5/782d8db93ae19c51-e7/s400x600/1f86a3f567229aa340e373c45ac3b791a44686cb.png");
    color: yellow;
    font-family: monospace;
    font-weight: bold;
    font-size: 14.96px;
    border-style: outset;
    border-width: 5px;
    border-color: yellow;
    padding: 5px;
    margin: 0px;
}
.blog-preview h4 a {
    color: orange;
    font-family: cursive;
}
.blurbs .heading {
    background-image: url("https://64.media.tumblr.com/f52ddf6a216fdc5fb9d4eca8f27c8eec/782d8db93ae19c51-b2/s250x400/62877c4fd5d3b407c3d742a0c2f0ff774687b2ae.png") !important;
    color: navy !important;
    border-style: outset;
    border-color: purple;
    border-width: 5px;
}
.blurbs {
    color: white;
    font-family: sans-serif;
    font-weight: bold;
    background-image: url("https://images-ext-2.discordapp.net/external/Hgjba2Q2sNKlMy6o9DHuigWN8_eWXFlq2Vo9h1h90U8/https/i.gifer.com/13wV.gif");
    border-style: inset;
    border-right-color: blue;
    border-bottom-color: blue;
    border-left-color: #000038;
    border-top-color: #000038;
    border-width: 5px;
    
}
.profile .blurbs .section h4 {
    color: blue;
    font-family: cursive;
    font-weight: bold;
    font-size: 25px;
}
.friends .heading {
    color: white !important;
    background-image: url("https://i.gifer.com/origin/4a/4a9789a735929cb1bfc7e3d08a853546_w200.gif") !important;
    border-style: outset;
    border-color: darkgrey;
    border-width: 5px;
}
.friends {
    background-image: url("https://64.media.tumblr.com/bb1aeeab06592215f61a6bbcbac0a9bc/782d8db93ae19c51-3e/s250x400/8f09d7caccde4f2a32749c663a34ac8524727ab1.png");
    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: purple;
    font-size: 24px;
}
.comments-table td {
    background-color: magenta;
    border-style: inset !important;
    border-color: purple !important;
    border-width: 5px;
}
.comments-table td:first-child {
    background-color: magenta;
    border-width: 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 170 comments ( View all | Add Comment )

Astero	1736136930 using :D Report Comment
Hiwi	1736126408 using Report Comment
Ph0neztheCRYPiTD!	1735886658 Using Report Comment
pPaloom	1735786034 Using!! Report Comment
bertie	1733164750 Using! :) Report Comment
weirdoX)	1732634747 this is super cool, using! Report Comment
zerhoeee	1730065870 using!!! Report Comment
juanitogaymer	1729531401 Using Report Comment
Selbstmord	1729078352 Using! Report Comment
Itzzkodrick	1727438459 Gonna use it >-< Report Comment
InvaderSchnitzel	1726772243 using Report Comment
gort	1725952135 USING! Report Comment
deejaylover84	1725946812 love this, using ! ^_^ Report Comment
maxsss	1725428907 so very new to this, but this is so SILLY. gonna try to use it lol Report Comment
Roshenbow	1725171599 so silly im using it Report Comment
liam whiteside	1724722970 using Report Comment
rcy	1724699711 using :] Report Comment
x-Pöis0N-x	1724384700 using :p Report Comment
PIERCE	1724162985 using!! Report Comment
cobra	1723523610 using!! i love it ^3^ Report Comment