goofy ahh webkinz layout

Tags: webkinz, videogame, old web, 2000s

Description:

hi again. i made a webkinz layout inspired by the whole "my page" thingy that used to be in the game. i hope you like it (grin emoji) i may redo this one in the future.

Preview:

Code:

<!-- (c) Layout created by Ravi (https://layouts.spacehey.com/layout?id=26296) --> <style> body:before { content: " "; height: 100vh; width: 100vw; display: block; position: fixed; top: 0; left: 0; z-index: 100; background-image: url('https://64.media.tumblr.com/c6359058d269d71ba543138f21ab68a9/tumblr_pii3aalBe41xnc6pio1_400.gif'); background-size: cover; background-repeat: no-repeat; background-position:center; animation: yourAnimation 3s ease 0s 1 normal forwards; pointer-events: none; } @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } </style> <style> * html td td td td.text { background-image: url('http://dl5.glitter-graphics.net/pub/745/745455rvacxjsot2.gif'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; } * html img.ImgOnlineNow { visibility: hidden; background-repeat: no-repeat; } * html .contactTable td.text { background-color: transparent; background-image: none; } </style> <style> .container{ border: 5px solid #006 ; } </style> <style> body{ background-color: COLOR !important; background-image: url('https://www.webkinz.com/images/bg-blur.jpg') !important; background-attachment: FIXED !important; font-family: "Trebuchet MS", sans-serif; } </style> <style> .top{ color: #FFC; } main{ color: #006 !important; } footer{ color: #006 ; } </style> <style> .top{ background-color: #003dd9 !important; font-family: "Trebuchet MS", sans-serif; } </style> <style> .links{ background-color: #29A5FF !important; font-family: "Trebuchet MS", sans-serif; } </style> <style> .mood{ background-color: #9400D3 !important; } </style> <style> .mood{ border: 2px solid #a90eea !important; } </style> <style> .contact{ border: 2px solid #a90eea !important; } </style> <style> .url-info{ border: 2px solid #a90eea !important; } </style> <style> .general-about{ border: 2px solid #a90eea !important; } </style> <style> .general-about{ background-color: #9400D3 !important; } </style> <style> .profile-pic img{ border: 2px solid #a90eea !important; } </style> <style> table.details-table{ border: 2px solid #a90eea !important; } .profile .details-table td{ border: 2px solid #a90eea !important; } </style> <style> .contact .heading{ background-color: #8304b9 !important; } </style> <style> .table-section .heading{ background-color: #8304b9 !important; } </style> <style> .blog-preview h4{ background-color: #FE7; } </style> <style> .blog-preview{ background-color: #FFC !important; } </style> <style> .blog-preview{ border: 2px solid #a90eea !important; } </style> <style> .blurbs .heading{ background-color: #FE7 !important; } </style> <style> .blurbs{ color: #006 !important; background-color: #FFC !important; } </style> <style> .friends .heading{ background-color: #FE7 !important; } </style> <style> .profile .details-table td{ background-color: #FFC !important; } </style> <style> .friends{ background-color: #FFC !important; } </style> <style> .comments-table td{ background-color: #FFC !important; } </style> <style> footer{ background-color: #003dd9 !important; } </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.