Feel free to take my page code. But style it to your liking ๐
These codes are not mine, as they were grabbed from the Tech forums and other creators that put their code to the public.
<p style="text-align:center;"> <img src="https://media.giphy.com/media/vvawD05Z9R6Svr1m4C/giphy.gif" width="115" height="115"/></p>
<p style="text-align:right;">โโกโ)ใฃ ๐ hello everyone :3</p>
<p style="text-align:right;">My name is Kiwi ~ Nikki</p>
<p style="text-align:right;">26 | Cali | Cute Things | Video Games | Online University</p>
<p style="text-align:right;">I also have a dog, who I adore and love so much. I actually think he might be a human trapped in a dog body hehe.</p>
<p style="text-align:right;">It is honestly so good to have "MySpace" back for us.</p>
<p style="text-align:right;">I look forward to meeting everyone, seeing their cool profiles, and to make friends :3</p>
<p style="text-align:center;"><img src="https://media.giphy.com/media/ZaLHqyhTba5wg9yyJ5/giphy.gif" width="105" height="100"/></p>
<p style="text-align:center;">Please stay safee out in the world</p>
<style>
body {
background-color: black;
background-image: url(https://media.giphy.com/media/57Y7JIqvH9okJCJYjp/giphy.gif);
background-position: center center;
background-repeat: repeat;
background-attachment: fixed;
}
.contactTable{width:300px !important;height:150px !important;padding:0px !important;background-image:url('https://media.giphy.com/media/3ohzdNUaM8YYBNxnC8/giphy.gif');background-attachment:scroll;background-position:center center;background-repeat:no-repeat;background-color:transparent;}
.contactTable table, table.contactTable td{padding:0px !important;border:0px;background-color:transparent;background-image:none;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
.contactTable .whitetext12 {display:none;}
table, tr, td {
background-color: transparent;
border: 0px;
}
table table {
border: 0px;
}
table table table table{
border:0px;
}
table table table {
border-width: 3px;
border-color: rgb(102, 102, 102);
border-style: double;
background-color: transparent;
}
table table table td {
background-color: rgb(255, 255, 255);
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
-khtml-opacity:1;
}
table table table table td {
filter:none;
}</style><div style="position:absolute;top:0px;right:0px;padding:0px;margin:0px;"><a href=""><img src="" alt=""/></a></div>
<style>
body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {
font-family: Verdana;
font-size: 12px;
color: black;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
.nametext {
padding: 5px;
font-family: Trebuchet MS;
font-size: 19px;
color: rgb(255, 180, 203);
font-weight: normal;
font-style: italic;
text-decoration: none;
display: block;
}
.whitetext12, .orangetext15 {
font-family: Trebuchet MS;
font-size: 14px;
color: rgb(0, 0, 0);
font-weight: bold;
font-style: normal;
text-decoration: none;
}
a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
color: black;
font-weight: normal;
font-style: Hachi Maru Pop;
text-decoration: none;
}
a.navbar:hover, a.man:hover, a:hover {
color: rgb(242, 239, 154);
font-weight: normal;
font-style: italic;
text-decoration: none;
}
.badge {
position: absolute;
left: 1px;
top: 1px;
}
</style>
<style>
/* Hides the default image */
.offline img {
ย display: none;
}
.offline::before {
ย content: "๐ค";
}
</style>
<style>
:root {
ย ย ย ย --logo-blue: #F395C9;
ย ย ย ย --darker-blue: black;
ย ย ย ย --lighter-blue: #F395C9;
ย ย ย ย --even-lighter-blue: #F395C9;
ย ย ย ย --lightest-blue: white;
ย ย ย ย --dark-orange: black;
ย ย ย ย --light-orange: white;
ย ย ย ย --even-lighter-orange: white;
ย ย ย ย --green: purple;
ย --curve: 15px;
ย ย }
h1{ย
ย font-size: 25px !important;
ย text-transform:none !important;
ย padding-left:35px !important;
}
h1, h2, h3, h4, h5, p {padding-left:10px !important;}
</style>
<style>* {cursor: url(https://ani.cursors-4u.net/nature/nat-11/nat1047.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2016/06/15/purple-angel-wing-heart.html" target="_blank" title="Purple Angel Wing Heart"><img src="https://cur.cursors-4u.net/cursor.png" alt="Purple Angel Wing Heart" style="position:absolute; top: 0px; right: 0px;"/></a>
<style>.contactTable { width:300px; height:145px; padding:0px; background-image:url('https://media.giphy.com/media/kZqbBT64ECtjy/giphy.gif'); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;} .contactTable table, table.contactTable td { padding:0px; border:0px; background-color:transparent; background-image:none;} .contactTable a img {visibility:hidden; border:0px;} .contactTable a {display:block; height:29px; width:118px;} .contactTable .text { font-size:1px; } .contactTable .text, .contactTable a, .contactTable img {filter:none;}</style>
<style>
.friends-grid img{
outline:none !important;filter: opacity(90%) !important;
width:80% !important; height:80% !important;
border-radius: var(--curve) !important;
filter:hue-rotate(var(--hue)) !important;
}
.inner img{
outline:none !important;
filter: hue-rotate(var(--hue)) drop-shadow(1px 1px 2px midnightblue) !important;
border-radius: var(--curve) !important;
}
.profile-pic img{
/* the face rotation is funny, but let's comment it away for default */
/* transform: rotate(90deg) !important;ย */
outline:none !important;
border-radius: var(--curve) !important;
filter:hue-rotate(var(--hue)) drop-shadow(2px 2px black) !important;
}
</style>
<div class="snowflakes">
ย <div class="snowflake">
ย ย ๐ฆ
ย </div>
ย <div class="snowflake">
ย ๐ฆ
ย </div>
ย <div class="snowflake">
ย ๐ฆ
ย </div>
ย <div class="snowflake">
ย ๐ฆ
ย </div>
ย <div class="snowflake">
ย ๐ฆ
ย </div>
ย <div class="snowflake">
ย ๐ฆ
ย </div>
ย <div class="snowflake">
ย ย ๐ฆ
ย </div>
ย <div class="snowflake">
ย ย ๐ฆ
ย </div>
ย <div class="snowflake">
ย ย ๐ฆ
ย </div>
ย <div class="snowflake">
ย ย ๐ฆ
ย </div>
ย <div class="snowflake">
ย ย ๐ฆ
ย </div>
ย <div class="snowflake">
ย ย ๐ฆ
ย </div>
</div>
<style>
/* customizable snowflake styling */
.snowflake {
ย color: purple;
ย font-size: 1em;
ย font-family: Arial, sans-serif;
ย text-shadow: 0 0 5px rgba(0,0,0,0.7);
}
@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
.friends {
ย ย overflow: scroll;
ย ย overflow-x: scroll;
ย ย overflow-x: hidden;
ย ย height: 450px;ย ย
}
nav{background-color:var(--box_color_and_seethru); !important;border-radius: 0px 0px var(--curve) var(--curve); !important;}
nav ul{background: !important;}
nav img{filter: opacity(95%) !important;}
nav ul a img, .mood a img{display:show !important;}
.search-wrapper input[type=text] {background-color: white !important;border: 1px dotted var(--headers) !important;color:var(--names) !important;border-radius: 10px !important;}
button{border-radius: 10px !important;border: 1px dotted var(--headers) !important;font-family: var(--font-family) !important;background-color:white !important;color:var(--headers) !important;}
Comments
Displaying 0 of 0 comments ( View all | Add Comment )