hOW DO YOU MAKE A GOOD PROFILE

i suck at design and layout give me ideas so people can look at my profile and say "wow cool" thanks friends

same tho

where's lea we can get advice from her her profile is pretty

oof i messaged her on discord to see this thread

Dernière modification le

wait wuh

hi lea give me advice please

Dwight_light a dit :
hi lea give me advice please

oof jin ya rly shouldve messaged me on discord again bc i went back to osu as soon as i posted that

uuhhhh imma exit out of osu and ill try to make a little something haha-- itll take a while tho :x

ok cool nice swell wonderful amazing

#10

use tabs, make it colorful, add gifs etc.

idk im not really that great at that stuff either

#11

Alright, I just want to say that I actually really suck at advice, so I'll just say the basics here.

First off, this may sound really silly, but I always get my colours from this website (it's the only hex colour website I've ever known that was easy to use, please be easy on me), but really any hex colour website can work for that.

If you want pretty or fancy text that isn't supported by the forum, you can get them from Fontmeme, there's a lot of fonts there you can use, and you can customise their colours the way you want (you can also edit them using another program if you're not happy with how it looks). To test out how an image looks size-wise, I always like to post the raw image (straight from the source-- not on Imgur yet) and adjust it as needed until I find a size I'm happy with and I feel would work.

For the pictures, I honestly almost always get them from either Google or Pixiv (a Japanese art sharing website), I make the pictures transparent myself using Pixlr to get rid of most of the background, then another program (like Paint Tool SAI), to get rid of the extra white spots and what not (let's remember that just because an image looks transparent, doesn't mean it fully is). It may take a while, but it looks nice in the end. The picture I have on my profile right now actually took me about 30 minutes to an hour to make transparent.

For the symbols on my profile, I like to use CopyPasteCharacter as it has nearly every copy-paste symbol you can think of. I use the ones that don't look like an emoji as depending on the type of profile, emojis can seriously ruin it.

For the gradients, I tend to use Frankusky's extension as it comes with a gradient feature, but you can make gradients yourself using this website.

Alright, with all that side, I think I should probably explain the [table] function, as I use that for most of my profiles for alignment. I will admit, using the [table] function can be really frustration and confusing, especially if you haven't messed with it much.

To make it as basic as i can, when you first click the [table] function, you see this:

Code BBCode

1
2
3

[table]
[row][cel][/cel][cel][/cel][/row]
[/table]

To make things as simple as possible, [row] goes up and down, or vertically, while [cel] goes left and right, or horizontally. This is where the alignment comes into play. Being completely honest, I spent 5 hours alone trying to get the alignment right on my profile.

When it comes to aligning something, sometimes you may have to put some nonsense here and there and make it transparent.
The table on my profile actually starts out like this, completely for the sake of alignment:

Code BBCode

1
2
3

[table align=center][row][cel][color=transparent]. . . . . . . 
[/cel][cel][color=transparent]. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .[/cel][/row]
[row][cel][color=transparent]oof[/color][/cel]

And if you're wondering, yes, transparent is actually a colour on the forum.

When you're making a profile and trying to get to align right, there's no doubt you'd want to see what you're doing, that is when you add a border to your table. To do this, simply add border=(any hex code) and you will see a border around all of your cels and rows.
Example:

Code BBCode

1
2
3

[table border=#FFFFFF]
[row][cel]wew lad[/cel][cel]wew lad[/cel][/row][row][cel]aaaaa[/cel][/row]
[/table]

Result:

wew lad	wew lad
aaaaa

With this, you are able to mess around with the alignment and you can see what exactly you're doing.
To get rid of the extra space and the border, simply remove the border=(any hex code) from the table, and add [color=transparent] too all the gibberish you put in the table to help make it align.

Also, just like images and videos, you are also able to align tables. To do this, add align=(center/right/left/justify to the table as well.
For example:

Code BBCode

1
2
3

[table align=center]
[row][cel]wewewe[/cel][cel]wewew[/cel][/row][row][cel]oof[/cel][/row]
[/table]

Result:

wewewe	wewew
oof

It is also 100% possible to align a table and put a border around it at the same time, like what I've done to the EN Birthday Index. To do this, simply combine the two, so it would look like this:

Code BBCode

1
2
3

[table align=center border=#FFFFFF]
[row][cel]oof[/cel][cel]oof[/cel][/row][row][cel]oooooooooooof[/cel][/row]
[/table]

Result:

oof	oof
oooooooooooof

If tables are still confusing even after playing around with them, you can still make a simple profile without a table, like what I've done for about 3-4 years before deciding to do things that are a big more complicated.
I will post a layout from a profile I had in the past as an example.

Code BBCode

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

[#en][p=center][img]http://38.media.tumblr.com/749d7fb2433992157f4f1a44cd160dc1/tumblr_nvd9lnYTHN1s8fbpgo1_540.gif[/img]
[font=Courier New][color=#8ECEF0][size=12]lea [color=#FFA3F5]✾[/color] she/her [color=#FFA3F5]✾[/color] 16 [color=#FFA3F5]✾[/color] sophomore [color=#FFA3F5]✾[/color] isfp [color=#FFA3F5]✾[/color] scorpio[/size][/color]
[size=10][color=#FFA3F5]discord: lea#0221
en sif: 661707355 (Ouma!)[/color][/size]
[/font][/p][/#en][#❤][p=center][url=https://atelier801.com/profile?pr=creammouse][img]http://avatars.atelier801.com/8417/1478417.jpg?1510030819784[/img][/url] [color=#D475FF]♡[/color] [url=https://atelier801.com/profile?pr=gingersplash][img]http://avatars.atelier801.com/1461/66211461.jpg[/img][/url][color=#D475FF]♡[/color] [url=https://atelier801.com/profile?pr=hammyish][img]http://avatars.atelier801.com/7521/39717521.jpg?1510030819784[/img][/url] [color=#D475FF]♡[/color]  [url=https://atelier801.com/profile?pr=Jinerous][img]http://avatars.atelier801.com/4520/23564520.jpg?4[/img][/url] [color=#D475FF]♡[/color]  [url=https://atelier801.com/profile?pr=kuokou][img]http://avatars.atelier801.com/6208/57616208.jpg?1519102823306[/img][/url]
[url=https://atelier801.com/profile?pr=leopardskyz][img]http://avatars.atelier801.com/4846/51154846.jpg?1512622820071[/img][/url] [color=#D475FF]♡[/color][url=https://atelier801.com/profile?pr=proxdopedaco][img]http://avatars.atelier801.com/1538/59731538.jpg?1510030819784[/img][/url] [color=#D475FF]♡[/color]  [url=https://atelier801.com/profile?pr=toffeetiny][img]http://avatars.atelier801.com/4806/87764806.jpg?1510030819784[/img][/url] [color=#D475FF]♡[/color] [url=https://atelier801.com/profile?pr=virus_code][img]http://avatars.atelier801.com/3600/16183600.jpg?1515083432397[/img][/url]
[color=#D475FF]»»———————- [color=#FFFFFF][size=11][i]you're my everything[/i][/size][/color] ———————-««[/color][/p]
[/#❤][#♫][p=center][video]https://www.youtube.com/embed/k5TqNsr6YuQ[/video]
[/p][/#♫]
[# ][p=center]
[table align=center][p=center][img]https://78.media.tumblr.com/5256c98effdd29b2f131d798f7ac76ce/tumblr_oyir7eITj11w1rovto1_r1_500.gif[/img][/p]
[row][cel][spoiler][img]https://cdn.discordapp.com/attachments/358762651805024256/384938995550912522/unknown.png[/img]
[img]https://image.prntscr.com/image/wKtsKKDjRpmHYfAqtO887A.png[/img][/spoiler][/cel][cel][spoiler][img]https://image.prntscr.com/image/HHUcCCGsSZqp7geeDMS7rQ.png[/img][/spoiler][/cel][cel][spoiler][img]https://cdn.discordapp.com/attachments/358762651805024256/384933278169301002/unknown.png[/img][/spoiler][/cel][cel][spoiler][img]https://image.prntscr.com/image/MeRU_KGjTS_jarczJeUC_Q.png[/img]
[img]https://image.prntscr.com/image/BR0IBgDhS-yLMkeUjZcXMw.png[/img][/spoiler][/cel][/row]
[/table][/p][/# ]

That is pretty much all that I have the patience to type, I'm surprised I even did that much. I might actually make a whole thread dedicated to this stuff so it'd be a lot more neat, and people can use it when they need help.. I've actually seen multiple people who wanted to do the things I do on my profile, so why not, honestly...

#12

wow thankies lea now i can make my profile nice and cool whenever i decide to make it also yes that is a very good idea.

#13

...
That was a really long explanation...
And I can't code lol

#14

Dwight_light a dit :
wow thankies lea now i can make my profile nice and cool whenever i decide to make it also yes that is a very good idea.

hehe, i hope it's at least a little bit helpful <:

Bastlase a dit :
...
That was a really long explanation...
And I can't code lol

i mean, bbcode isnt easy to make look good.. at all

#15

Krahtoff a dit :
use tabs, make it colorful, add gifs etc.

idk im not really that great at that stuff either

Using tabs can be good, but it should be a limited amount (probably 4-5 at MOST), otherwise it begins to look too organised and some tabs would even be unneeded and it takes up unnecessary space.

While it is a good idea to make it colourful, there is a difference between that and just using eye-burning colours. It is probably good to have 3-4... maybe 5.. different colours at most. Having anymore just makes it a pain to look at, especially if you're using colours such as #FF0000 or #0000FF, which typically don't look good on a dark background. If you're using a picture, it's also a good idea to get your colours to revolve around that image, or even a specific theme.

You should also limit the amount of .GIF's you use as if you use too many, it can cause some lag. I usually use probably 2-3 .GIF's at most if I were to use .GIF's at all.

#16

I have no idea how to make profile tabs, RIP.

#17

Barren a dit :
I have no idea how to make profile tabs, RIP.

Here, try this-

Code BBCode

1
2
3

[#tab 1]This is the first tab![/#tab 1]
[#tab 2]This is the second tab![/#tab 2]
[#♫]Emotes work, too![/#♫]

Also, the text on both ends has to be exactly the same, or it won't work. It also won't work even if there's a space that's misplaced.

#18

........

#19

Lea are you the profile god

I'm always changing my profile so I can't make up my like I always want it just right

eue but the advice is good seriously

#20

I dont even know how to put a picture next to the text without it going over or under..
._.

English	Français
Português do Brasil	Español
Türkçe	Polski
Magyar	Română
العربية	Skandinavisk
Nederlands	Deutsch
Bahasa Indonesia	Русский
中文	Filipino
Lietuvių kalba	日本語
Suomi	עברית
Italiano	Česky
Hrvatski	Slovensky
Български	Latviešu
Estonian

Langue