|
|
---|---|
Posted by | Free CSS Template + Tutorial 2.0 (2023) |
katie 🍃 (#106445)
Warrior View Forum Posts Posted on 2022-12-29 04:57:14 |
Welcome to the new and updated version of my CSS template + tutorial!
My original from 2019 is still usable, but a bit outdated and needed some polishing. > VIEW/DOWNLOAD THE TEMPLATE HERE < Rules: • This template may be used for anything and everything - free codes, pre-mades, commissions, you name it. • Please leave the credit in the template intact, unless your coding becomes unrecognizable from it. • This is a guide for CSS coding, not things like image hosting or photo editing. Please use Google if you need help with things like that. • Feel free to show me CSS you made using my template! It makes me happy. Resources: • W3Schools Always go here first. Anything and everything you need to know about CSS is here. • Live CSS Editor (Chrome) Allows you to see changes to your CSS instantly, great for when you're working on your code. • Unsplash & Pexels Great high quality, free to use backgrounds. • Google Fonts Fonts MUST be from here to work in the template. • Color Palette from Image & Gradient from Image Generates a color palette or gradient based on your background image. • Color Picker For hex or RGBA codes. Coding Things to Keep in Mind: • The background of an element controls the solid color behind it, the color of an element controls the text. • In RGBA codes, the decimal controls transparency of the element. For example, rgba(1, 1, 1, 0.5) = 50% transparency. 1 = opaque, 0 = invisible. • Aim for readability. Cursive fonts are great for headers, but are hard to read in description text. • Avoid creating eye-burning CSS or a page that may harm others. Be mindful of intensely bright colors, flashing images, etc. Other people have to see your den too! Tutorial 93 players like this post! Like? Edited on 15/05/23 @ 16:23:01 by katie 🌿 (#106445) |
Anxiety Prime™ [G2 DR Haze] (#191357) View Forum Posts Posted on 2024-04-02 09:42:41 |
They removed that Parr on Google Fonts and updated it, just click "Add font" or "Get font" (something like that, I don't remember exactly as I'm not on my laptop right now) 0 players like this post! Like? |
Moo (#471528)
King of the Jungle View Forum Posts Posted on 2024-04-12 02:44:02 |
No matter what i do i cannot get my thingy to work, i cannot see it in the den or the caves.. https://www.dropbox.com/scl/fi/u5wbs7qaoz86j714in7d1/Kaspar-CSS.css?rlkey=er4mb60otlh37errsz5qh3dt6&dl=0 Can someone have a look and tell me if i did anything wrong 0 players like this post! Like? |
Destiny (#269645)
View Forum Posts Posted on 2024-04-12 03:51:12 |
just change the "www" part to "dl" part so it should look like this: https://dl.dropbox.com/scl/fi/u5wbs7qaoz86j714in7d1/Kaspar-CSS.css?rlkey=er4mb60otlh37errsz5qh3dt6&dl=0 0 players like this post! Like? |
Forhel (#448596)
Sapphic View Forum Posts Posted on 2024-04-14 16:56:04 |
adding <*link rel="stylesheet" type="text/css" href="LINK" /> and changing www to dl in my link helped 0 players like this post! Like? Edited on 14/04/24 @ 17:09:10 by Forhel (#448596) |
koteł to masło (#222113)
Bone Collector View Forum Posts Posted on 2024-04-23 14:07:46 |
just asking can i just change one or two things without making rest of the css? like just change the lioden logo and caves 0 players like this post! Like? |
✦ | 𝘃𝗮𝗹 (#453059)
Deathlord of the Jungle View Forum Posts Posted on 2024-05-05 14:43:48 |
I was trying to find a font on the Google Fonts thingy. I decided to use Cormorant Garamond but nothing has a little plus next to it? 0 players like this post! Like? |
B •[G2 6/22 NRLC Pie] (#343773) View Forum Posts Posted on 2024-05-05 15:15:53 |
✦ | 𝘃𝗮𝗹 (#453059)
Deathlord of the Jungle View Forum Posts Posted on 2024-05-05 16:18:47 |
On dropbox I click the blue rectangle that says share, no option to create a link. 0 players like this post! Like? |