White & Pink ~ Black BG

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;}


0 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )