MelonLand Forum

World Wide Web => ✁ ∙ Web Crafting => Topic started by: syx (dead) on July 08, 2022, 04:38:54 am

Title: how do you make your status cafe page pop?
Post by: syx (dead) on July 08, 2022, 04:38:54 am
I see some users with custom profiles and I'm wondering how I could make mines? Do you have to create your own style tag? I'm so confused rn </3 :drat:
Title: Re: how do you make your status cafe page pop?
Post by: /home/user/ on July 08, 2022, 04:43:52 pm
Yeah you do just use the style tag. :smile:

This is mine (for this status page) (http://status.cafe/users/sprinkles):


<style>
body {
background-image: url('https://libre.town/images-public/tiles/space.gif':wink:;
background-color: #000;
color: #5c3;
font-family: "Lucida Console", "Monaco", monospace;
}

a {
color: #fff;
}
</style>

21 y/o nonbinary fella from germany. pan, poly, nerd, gnu/linux user, retro web enthusiast, linguist by trade and hobby.

< br />
< center>
< a href="https://www.libre.town">
< img src="https://libre.town/images-public/gifs/banner_bad.gif" alt="Banner for the Libre.Town website" />
< /a>
< /center>


(I deliberately made some of the tags unusable because the forum would parse them otherwise.)
As you can see, I could customize background images, colors, fonts, and so on of the body, and did extra styling for the links so they wouldn't be blue.

So yeah, you can do a lot there!
Title: Re: how do you make your status cafe page pop?
Post by: syx (dead) on July 09, 2022, 12:38:29 pm
Quote from: /home/user/ on July 08, 2022, 04:43:52 pm
Yeah you do just use the style tag. :smile:

This is mine (for this status page) (http://status.cafe/users/sprinkles):


<style>
body {
background-image: url('https://libre.town/images-public/tiles/space.gif':wink:;
background-color: #000;
color: #5c3;
font-family: "Lucida Console", "Monaco", monospace;
}

a {
color: #fff;
}
</style>

21 y/o nonbinary fella from germany. pan, poly, nerd, gnu/linux user, retro web enthusiast, linguist by trade and hobby.

< br />
< center>
< a href="https://www.libre.town">
< img src="https://libre.town/images-public/gifs/banner_bad.gif" alt="Banner for the Libre.Town website" />
< /a>
< /center>


(I deliberately made some of the tags unusable because the forum would parse them otherwise.)
As you can see, I could customize background images, colors, fonts, and so on of the body, and did extra styling for the links so they wouldn't be blue.

So yeah, you can do a lot there!

Vielen Dank!