[OUTDATED] ★ Tetra's CSS Guide ★

Okay, this all sounds doable, Imma try to mess with my den page now lmao. (saved the orginal code though cause I had a big brain moment.)

I was wondering if you would maybe do a sort of template? As in a sort of possible den page css where you put in

border /*pciture goes here ect*/

header 1  blblabla...

for like a reference what do do next? I'm not sure if that's possible. or maybe a step by step (1. do background 2. do den names and colours 3. do the progress bars?)

I am just still kind of confused how I should order all this.

I believe I mentioned the template in the last section of the guide though?

I'll link it here again for convenience.

pastebin.com

Unless you meant something else? 

oh, I totally missed that! yes, thank you that's what I had in mind :)

Thank you so much for this! The breadcrumb nav bar was making me want to bang my head against the wall last night. The !important modifier is just what I needed haha

Can you provide an example of how the dropbox link is supposed to look? And a copyable version of the HTML to put it into a bio? I'm clearly doing something wrong trying to put it on my page, because the test code I have is just " body { font-family: Times New Roman; } " and it's not showing up :U

Amazing, thank you a ton for this!

Hey! I don't want to bother you but how did you make your background semi transparent? Thanks in advance, this guide was really helpful :)

@kalais there is an example how to insert in bio, something like this:
<link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/17lfk7i0gjunt8g/Okamisprofile.css?dl=0" /> (Note the "www." in the beginning changes to "dl.")


@Zosia something like this will make backgrounds semi transparent: 
background: rgb(0 0 0 / .5);
think of it as a percent IE background: rgb(0 0 0 / .42); means its 42% visible where as background: rgb(0 0 0 / 1); means 100% visibible and background: rgb(0 0 0 / 0); means invisible
 

Thank you so much!! I love this guide, it's been super helpful :) 

I tried putting a wardrobe link in the code text and in the code table it worked but it says this topic doesn't exist?

I need help putting it in I'm new to coding and have trouble understanding things