ˣ¥ˣ•ᴹʳˢ.ᴷ•ˣ¥ˣ's profile picture

Published by

published
updated

Category: Art and Photography

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

Everything that is highlighted are what you need to hcange to make your profile your own.

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>

 

 

 



38 Kudos

Comments

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

Danny

Danny's profile picture

this is super helpful thank you!!!


Report Comment

Shroomz

Shroomz's profile picture

This is super helpful(even though I suck at coding :)


Report Comment

𝕩𝔐𝔢𝔱𝔯𝔦🅵🅺🅽𝔉𝔞𝔲𝔰𝔱𝕩

𝕩☠𝔐𝔢𝔱𝔯𝔦🅵🅺🅽𝔉𝔞𝔲𝔰𝔱☠𝕩's profile picture

Thank you for this! ╰(*°▽°*)╯ I hope my information helped you! You can put it here if you want, I forget if you can edit blog posts. (*/ω\*)


Report Comment