Spacehey Profile Customization Part. 1

☆ Salutations! ☆

My name is Skai i will try and help you with doing PCC (Profile Customization Coding)

☆ Fonts.

1. First go to "Edit Profile", then what you are going to do is click the "About Me" section, then open a second tab and go to fonts.google.com and search for a font you like. (you can also use a different site, but i dont know how it works with others at the moment).

2. Once you found the font you are happy with, go click on the "Get Font" button and then click on the "Get Imbeded Code" button instead of the "Download" button.

3. Then click on the "@import" button instead of the "<link>" button. What you want to do is copy the complete HTML Code under "Embed code in the <head> of your html". Once you have done that go back to your profile and paste in the complete

HTML Code in the About me section.

4. Then delete the bottom <style> and then go back and copy the font-family type under "Courier Prime: CSS classes" and then insert it in the font-family section. Your About Me section should look like this:

<style>

INSTERT HTML CODE HERE

font-family: INSTERT FONT-FAMILY TYPE HERE;
font-size: 0px;
color: black;

}

h1,h2,h3,h4 {
font-family: INSTERT FONT-FAMILY TYPE HERE;
font-size: 0px;
color: black;

5. The "p{" symbolizes to the program that you want this font on your Profile Page. And the ";" semicolon at the end of Lines of Code tells the program what you have chosen this as the Font/Background/Code etc. By "font-size: 0px;" you can choose how big by

px (pixels) you want the font to be. In the "color: black;" section, if you want a specific color then open a tab and go to csscolors.com and pick out the color of your choice.

6. Then copy the rgb of said color and copy & paste it in like this, for example:

"color: rgb(100, 149, 237);".
(You can also just put in generic color names like Blue, Purple, Pink etc. in the space, but i dont know what all the program's default colors look like).

7. The "h1,h2,h3,h4" section symbolizes the different headers of your profile, for example "h1" = header 1 = the About Me section of your Profile Page, and so on and so forth. You can basically choose which header you want the font to go to basically.

☆ Backgrounds.

♥ The Body.

1. This is going to be your Main Background that you are going to see on the sides of you Profile screen. If you want an Image as your Background, first open up a new tab and go to images.google.com and search for the image you want as your Background, then Right click on the image, then click on "Copy Image Adress".

2. After that, go to the bottom left of your Computer's' screen and there should be a search bar. Then type in the search bar "notepad" and click the top result which should be titled "Editor System", which you should open up a new tab in the center of your screen, Right click again and then click paste, the Image Adress should appear as a line of text, which you then can fully copy and paste it inbetween the "()" Parentheses of the Lines of Code for the Body, like this:

}

body {

background-image: url(INSTERT IMAGE ADRESS HERE);

(Always make shure that "url" is written before the "()" Parentheses, so that the program knows you want to put an Image into the Lines of Code)

3. If you only want to change Background Color then do the same as described in the beginning with the Fonts sections 5.+6. "color: black;" and go to csscolors.com and pick out the color of your choice. Then change the code from "background-image:" to "background-color:". In which you can put in the rgb of said color you chose and paste it in, for example:

}

body {
background-color: rgb(100, 149, 237);

♥ The Profile.

1. This is going to be everything in the Middle Space on your Profile Page. Basically where your headers and profile picture are. You can basically do the same here as you did in &hearts the Body section, I am going to give you the Lines of Coding you need and let you figure out the rest:

(code A: Image Background)

}

.profile {
background-image: url(INSTERT IMAGE ADRESS HERE);

(code B: Colored Background)
}
.profile {

background-color: rgb(100, 149, 237);