HOW TO EDIT YOUR PROFILE (all the thing I know so far)

I hope this helps. When I know more I will post them...

created goes to

Katie 

Nole

JohannFNKFaust

Thank you for all your help

(not sure how to tag them)

Website to change your cursor

Once you pick your curser scroll down for css/html code

Middle Background

<style>*

.profile {

background: url(PUT IMAGE LINK HERE);}

main{

background-color:cloudy;

}

background-attachment:scroll;

</style>

Random member generator

style>/* from https://jdan.github.io/98.css/ by https://spacehey.com/jordan */

    .unofficial-blogroll-link{display: inline-flex; border: 0; background: silver; box-shadow: inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf; box-sizing: border-box; border: none; border-radius: 0; min-width: 75px; min-height: 23px; padding: 0 12px; font-family: Arial; font-size: 11px; color: #222; text-decoration: none;align-items: center;}

    .unofficial-blogroll-link:focus{outline: 1px dotted #000;outline-offset: -4px;}

    .unofficial-blogroll-link:active{box-shadow: inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px grey;padding: 2px 11px 2px 13px;}

    .unofficial-blogroll-border{display: inline-block; padding: 15px; margin: 15px; background-color: #c0c0c0; box-shadow: inset -1px -1px #fff,inset -2px 1px grey,inset 1px -2px grey,inset 2px 2px #fff;}

    .unofficial-blogroll-about-link{display: inline-block; margin-left: 15px;color: #333;text-shadow: 1px 1px 0 #fff; font-size: 9px;}

    .unofficial-blogroll-about-link:hover{color: black;}

</style>

<div class="unofficial-blogroll-border">

    <a href="https://spacehey-blogroll.244466666.xyz/random" target="_blank" class="unofficial-blogroll-link">Next profile</a>

    <a href="https://spacehey-blogroll.244466666.xyz" target="_blank" class="unofficial-blogroll-about-link">About</a>

</div>

 

GIF or image

<img src="GIF LINK HERE"/>

 

 

 

 

 

 

Back Background

<style>

.pimp_my_profile { Generated at Pimp My Profile www.pimp-my-profile.com }

  table, tr, td {

  background-color:transparent;

 }

  table, tr, td {

  background-color:transparent;

 border:none;

 border-width:0px;

 }

  table table table {

  width:100%; max-width: 600px; } table table table table { width:100%;;

 }

  body, .bodyContent  {

  background-image:url(COPEY URL OF ANY IMAGE HERE);

 background-position:Center Center;

 background-attachment:fixed;

 border-width:0px;

 border-style:Solid;

 }

  table table {

  border:0px;

 }

  table table table table {

  border:0px;

 background-image:none;

 background-color:transparent;

 }

  table table table {

  border-style:Solid;

 border-width:0px;

 background-attachment:fixed;

 }

  table, tr, td, li, p, div,.text,.redtext, .blacktext12  {

  color:CHANGE FONT COLOR;

 font-family:CHANGE FONT;

 font-weight:bold;

 font-style:italic; 

 }

   .whitetext12, .orangetext15 {

  color:CHANGE FONT COLOR;

 font-family:CHANGE FONT;

 font-weight:bold;

 font-style:italic; 

 }

 

   .lightbluetext8, .blacktext10, .redbtext,.btext  {

  color:CHANGE FONT COLOR;

 font-family:CHANGE FONT;

 font-weight:bold;

 font-style:italic; 

 }

   .nametext {

  color:CHANGE FONT COLOR;

 font-family:CHANGE FONT;

 font-weight:bold;

 font-style:italic;

 }

  a:active, a:visited, a:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:link, a.navbar:active, a.navbar:visited, a.navbar:link, a.redlink:active, a.redlink:visited, a.redlink:link  {

  color:CHANGE FONT COLOR;

 font-family:CHANGE FONT;

 }

  a:hover, a.searchlinksmall:hover, a.navbar:hover, a.redlink:hover  {

  color:CHANGE FONT COLOR;

 font-family:CHANGE FONT;

 }

</style>

 

Sparkles (just replace the ❄ icon with Whatever you want)

<div class="snowflakes" aria-hidden="true">

  <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: #fff;

  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}

</style>

 

 

No boarders

<style>

:root {

--logo-blue: ;

--darker-blue: ;

--lighter-blue: ;

--even-lighter-blue: ;

--lightest-blue: ;

--dark-orange: ;

--light-orange: ;

--even-lighter-orange: ;

--green: ;

}

 

main {

/* changes made to stuff outside of columns */

background: #0f999900;

padding: 0;

font-size: 80%;

color: var(--light-orange);

}

 

</style>