Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
| forum_css [2023/09/06 09:05] – Completed the full CSS selector reference. kallistero | forum_css [2025/08/26 19:49] (current) – [How to access MelonLand's forum profile customization?] centered image ribose | ||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | __WIP - A list of tips and snippets for customizing MelonLand forum profile | + | For Guild CSS Edits, see [[guild_css|this page]]! |
| ====== How to access MelonLand' | ====== How to access MelonLand' | ||
| - | From your main profile view, go to //Modify Profile// category > //Ultimate | + | From your main profile view, go to //Modify Profile// category > //[[https:// |
| - | [[https:// | + | {{ https:// |
| ===== How do I start? ===== | ===== How do I start? ===== | ||
| Line 30: | Line 30: | ||
| The easiest way to give your MelonLand profile some unique, fun individuality, | The easiest way to give your MelonLand profile some unique, fun individuality, | ||
| - | [[https:// | + | {{https:// |
| Between your //style// tags, insert the following lines: | Between your //style// tags, insert the following lines: | ||
| Line 63: | Line 63: | ||
| Make your profile visitors feel as if they just landed in another world! | Make your profile visitors feel as if they just landed in another world! | ||
| - | [[https:// | + | {{https:// |
| The MelonLand forum background is made up of different layers. Specifically: | The MelonLand forum background is made up of different layers. Specifically: | ||
| Line 93: | Line 93: | ||
| The cherry on top! | The cherry on top! | ||
| - | [[https:// | + | {{https:// |
| We will start by defining our own custom element, using the //div// tags to contain our new image. | We will start by defining our own custom element, using the //div// tags to contain our new image. | ||
| Line 139: | Line 139: | ||
| Because empty space should not go to waste! | Because empty space should not go to waste! | ||
| - | [[https:// | + | {{https:// |
| Between your //style// tags, insert the following lines and fill the // | Between your //style// tags, insert the following lines and fill the // | ||
| Line 152: | Line 152: | ||
| ====== Full CSS Selector Reference ====== | ====== Full CSS Selector Reference ====== | ||
| - | Every CSS selector you could want for profile customization! | + | Every CSS selector you could want for profile customization! |
| + | |||
| + | //First compiled from the profile-page build that was live on September 6th, 2023, so if things are now out of date or incomplete, please update.// | ||
| ===== Theme Selectors. ===== | ===== Theme Selectors. ===== | ||
| Line 163: | Line 165: | ||
| **Important Note:** | **Important Note:** | ||
| - | It's highly recommended that you always use a theme selector for any of your other styles (for instance, using "//# | + | It's highly recommended that you always use a theme selector for any of your other styles (for instance, using "//# |
| ---- | ---- | ||
| Line 271: | Line 273: | ||
| * **# | * **# | ||
| * **# | * **# | ||
| - | * **# | + | * **# |
| - | * **# | + | * **# |
| - | * **# | + | * **# |
| - | * **# | + | * **# |
| - | * **# | + | * **# |
| - | * **# | + | * **# |
| - | * **# | + | * **# |
| - | * **# | + | * **# |
| - | * **# | + | * **# |
| - | * **# | + | * **# |
| - | * **# | + | * **# |
| - | * **# | + | * **# |
| + | etc etc for each link... | ||
| ---- | ---- | ||
