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

gort	1725952135 USING! Report Comment
deejaylover84	1725946812 love this, using ! ^_^ Report Comment
makxsss	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
Charlie ⭐🛹	1724982906 Very cool using Report Comment
liam whiteside	1724722970 using Report Comment
rcy	1724699711 using :] Report Comment
x-Pöis0N-x	1724384700 using :p Report Comment
Dr. 🄿ierce \| #1 house md fan 💉	1724162985 using!! Report Comment
cobra	1723523610 using!! i love it ^3^ Report Comment
trouser_freak	1723501609 using :) Report Comment
_freaxx_	1723409877 this is actually the best layout ever crafted Report Comment
r0x13thacl0wn	1722941238 usingg lalalalallalalalalalalallala Report Comment
Aj	1721952895 using!!! Report Comment
abyssal_copepod	1721242777 using Report Comment
Alyssa	1720571347 USING Report Comment
𝓯𝓻𝓮𝓪𝓴𝔂 charlie	1720561807 uning tyty Report Comment
sillypooper123	1718974853 usingt Report Comment
junebug ! !	1717574033 Using ^^ Report Comment
vera	1716624478 ussinngg so kute Report Comment