The purpose of this guide is to show you how to make your profile beautiful from animations down to the exact font type. If you have any suggestions on new sections please feel to write your ideas in the comments or contact myself The Odd Fox or snaws.

I felt this meme sums up what people will be saying once you use this guide:



If you wish to contact us, please take note of this:

The Odd Fox: Main editor/manager (English & Dutch) (Engels & Nederlands)
snaws: Secondary Manager (Russian & English) (русский & английский)

If you're looking for someone to animate your profile, contact snaws design service.
Feel free to check his amazing portfolio!

There are three main reasons which demonstrate the importance of level.

First being a higher profile typically shows you care about your account and you want to appear at the top of your friends list.

Second being a higher profile comes with more legitimacy and is typically seen to be more legit. For example, a scammer isn't gonna be level 50 (most of them) because they don't want to be banned with that much time or money invested into their account.

Third being respect. When someone is for example level 100 you'll typically see that they have tons of comments saying "Happy Christmas" or "+rep Nice guy". A prime example of my point is PalmDesert who has 5,500+ comments.

This section will show you the best ways to use showcases.


For starters the artwork showcase below allows you to display four pictures, one large picture(506x506) and three small pictures (100x80) without using any glitches to have larger boxes. Below is a template...














Here's a guide containing all the mock ups that one would need in making their profile:

https://steamoss.com/sharedfiles/filedetails/?id=787912615

In addition, the artwork showcase is the only showcase which accepts the format .GIF which is essentially a low frame rate video allowing you to do small fun animations for example...


However, please keep in mind that Steam only allows artwork of 10mb or less and for .GIFs the limit is 8mb or less.


Screenshot showcases are typically used to show off in-game pictures of cool/interesting moments. However, you can upload custom images through a loop hole in the uploading system. If you wish to know how to do so, please read the section called 'Animated/Custom Screenshots'.

Also below is the dimensions for the screenshot showcase.















The typical use of a custom info box is to simply put in links which could be to your Facebook or Youtube channel for example. However, many do not know how to make text bold or unlined within the custom info boxes. If you wish to know how to do so then click the sub-section called 'Editing Text'. Now back to the topic, I personally use my custom info box to list of my favorite shows and games and my MAL account. For example, here is my current custom info box...

















It's hard to say what you should put in your custom info box however, below is some inspiration for what you could do.

It may seem that I would show you how to make animated artwork however it's a lot harder then you may think.

It is a very time consuming project and there is hundreds of ways. The point in which I'm trying to make is that I can't teach you in a guide how to make .GIFs because everyone wants different animations and typically its professional level animations. But I can point you in the right direction; for example, you could use Photoshop[www.adobe.com], Adobe After Effects[www.adobe.com] or even SonyVegas[www.sonycreativesoftware.com]. There are hundreds of videos on Youtube which will show you how to make animations with these programs.













A close friend called snaws makes animated artwork including mine and he is an animator. Below are examples of his work...

So you may or may not already know, you can't make lists in profile showcases anymore. When I use the word 'list', I'm referring to this:

• This
  
• is
  
• a
  
• list

Code:

[list]
[*] This
[*] is
[*] a
[*] list[/list]

The trick around this is rather simple actually, rather than making a list will make a fake list. For example:





















This simple way around is just using the list character: '•'.
So all you have to do is just paste this at the beginning of each line to your list and thats all, your fake list looks like a real list.

• Fake
• List

When I say how to make transparent showcases I mean it lightly due to the fact that were not actually making transparent showcases. For example, if I just put a transparent image in my artwork showcase it would look like steam's client background rather then the actual background; This is due to the showcase carrying a frame with it.


Now to gather the pieces of your background will need to go to a website called sapic.github[sapic.github.io] which was made by TrueCarry.

Next, will click the login button at the top right of the page...

















Then will click login again. Now you will recieve a warning saying that this is a non-official Valve website; However, all that is happening is safe data from your account (eg Steam Level).










Next, will choose the background we want. Please remember you must own the steam background in your steam inventory.

















Finally, will click 'Download All Images' which will give us a .ZIP compressed folder containing all the images.

Below are all the text formatting which steam offers. This can be used really anywhere for example, guides, comments, reviews and etc.



Bold Text - [b]Bold Text[/b]

Underline - [u]Underline Text[/u]

Italic Tag - [i]Italic Tag[/i]

Strike Tag - [strike]Strike Tag[/strike]

URL Tag - [url=www.example.com]URL Tag[/url][www.example.com]

Spoiler Tag - [spoiler]Spoiler Tag[/spoiler]

• The
  
• Odd
  
• Fox

[list]
[*]The
[*]Odd
[*]Fox[/list]

1. The
   
2. Odd
   
3. Fox

[olist]
[*]The
[*]Odd
[*]Fox[/olist]

-----------------------

Originally posted by ExampleAuthor:

The Odd Fox is a cool guy

[quote=ExampleAuthor] The Odd Fox is a cool guy[/quote]

-----------------------

[code]
public float playerSpeed = 10;

void if (playerSpeed = 10){
Debug.log("The Odd Fox");
}[/code]

-----------------------

[table]
[tr]
[th]Name[/th]
[th]Animal[/th]
[th]Height[/th]
[/tr]
[tr]
[td]The[/td]
[td]Odd[/td]
[td]Fox[/td]
[/tr]
[tr]
[td]The[/td]
[td]Odd[/td]
[td]Fox[/td]
[/tr]
[tr]
[td]The[/td]
[td]Odd[/td]
[td]Fox[/td]
[/tr][/table]

This section will show you how to have custom text in for example your description box or anything of that sort.


 
𝕋ℍ𝔼 𝕆𝔻𝔻 𝔽𝕆𝕏

 
𝕊ℕ𝔸𝕎𝕊


To achieve such fancy text, will need to go to this website called Fancy Text[fancytext.blogspot.com].

Once there, you'll be able to choose letters with different fonts to form a word. Finally, just copy (ctrl + c) that text and paste (ctrl + v) it anywhere.

 
In addition, you're able to select from a huge variety of symbols and icons. This tab can be found to the right of the letters tab.



If you go to the top of the page, you'll see four tabs. Choose 'Cool Letters' or take this shortcut[fancytext.blogspot.com].

Next write you wanted text into the input box, select the font style and it will be outputted in the output box.

I've recieved this question many times on how to make spacing in my profile summary or any other steam text areas.



To do so, all you have to do is this:

-Hold ALT
Type in on your numpad (make sure numlock is on)
-0160

In short terms:
Hold Alt whilst typing 0160 on your numpad.

Once typing in this on your numpad, wait about 0.5 seconds and it should appear looking like a normal space.

Then just copy and paste the invisible character until your text is in the middle.



Some people have trouble with method one, this is another method in which you can get the invisible character.

Firstly, go to the Windows search box in the bottom right and type in characters. Then select the first option.

Then click on advance view, type in 2006 in the unicode box. Select the invisible character above, then finally click the select button and just copy and paste whats in the output box.




















If I did for example:

                 [h1] Invisible characters behind tags[/h1]

Then your text will not be spaced, the tags will force your H1 text to move to the left as far as it can go.

To prevent this is quite simple.

All you have to do is put your invisible characters within the tags like so:

[h1]                 Invisible characters inside tags[/h1]

If you have any questions, feel free to drop them in the comments section. Thank you.

To find the best background for you, I have two sources which are very large. First being a guide by myself and the other being a tool which allows you to search for exact backgrounds through brightness, price, name and etc.

The guide below shows you the best backgrounds for several themes. For example, Steampunk, cartoon, colorful and many other themes.

http://steamoss.com/sharedfiles/filedetails/?id=679503310


This tool I use quite a bit to update my guide however, you may sit down for a couple minutes trying to find the right one for you however, the searching capabilities are very good on this website. If you would like to use this website it's called Steam.Tools[steam.tools].

If you want to know how to make an animated screen shot (.GIF). then come check out our other guide:

http://steamoss.com/sharedfiles/filedetails/?id=693118839
Or you can watch the video which is also included in the guide.

For those who are interested in stretching their artwork showcase:


I've made a video on the topic, please feel free to check it out.

The video consists of how to upload an extended artwork showcase but additionally the extended right side image meaning you won't have the second and third image box there. 

If you're interested in getting badges which are themed with your profile. Feel free to check out this badge guide.

http://steamoss.com/sharedfiles/filedetails/?id=758220493