|
|
---|---|
Posted by | Feather's CSS Guide |
Fea [eyup chuck] (#42722) Notable Lion View Forum Posts Posted on 2016-05-02 02:41:08 |
~ Feather's CSS Guide~ Hey everyone. I'm Fea, nice to meet you. I hope you've clicked this because you'd like to learn some coding! I'm going to be teaching you how to use CSS to make your den look nice. I'm a web developer in real life, so this is fun for me! What you're going to need What is CSS? CSS are Cascading Style Sheets . If HTML is the walls and structure of a house, CSS is the guide to what colour you're painting your walls, and what kind of doors you want. The cascading part just means that the file is read from top to bottom by the browser. If you write some CSS further down the file that affects the same thing as another rule further up, the one closest to the bottom overrides. (This is important, and one of the things you need to watch out for to avoid using !important too much). Basic rules of CSS
Guide-by-Element
Page Background (Body)
Lioden generic layout elements
Tables on Den (where your lion info/pride is)
0 players like this post! Like? Edited on 05/06/16 @ 07:10:28 by Feather :: Need a bigger boat (#42722) |
Tibixia (#74126)
Hateful View Forum Posts Posted on 2017-10-22 09:07:05 |
could you give me a thing (idk know what to call it) to put it in to work? 0 players like this post! Like? |
Fea [eyup chuck] (#42722)
Notable Lion View Forum Posts Posted on 2017-10-22 09:07:59 |
background: url('URL HERE') in your css file under the body class will work. c: 0 players like this post! Like? |
Tibixia (#74126)
Hateful View Forum Posts Posted on 2017-10-22 09:11:02 |
Fea [eyup chuck] (#42722)
Notable Lion View Forum Posts Posted on 2017-10-22 09:14:29 |
Usually you can right click something and select "copy image url" or similar. c: 0 players like this post! Like? |
S★GE ;; g2 murk tobiano 🌱 (#111699) Total Chad View Forum Posts Posted on 2018-07-04 21:00:29 |
this is a great guide! however, i have a question. i understand all of this, but whenever i put the code on my territory description, it doesn't do anything, it appears like normal text. does the image have to be a .css file, and if so, how can i convert it? this is the image- (it's bigger, i just had to resize it for the sake of the thread 0 players like this post! Like? |
Rani (#135548)
View Forum Posts Posted on 2018-07-06 20:42:58 |
This was super helpful, but I have a question When I upload the file to google drive/dropbox, what do I do next? I don't really get that part. Edit: Nevermind. Figured it out. Thanks for this awesome guide! 0 players like this post! Like? Edited on 06/07/18 @ 21:07:56 by Rani (#135548) |
Chimullri (#117016)
Aztec Knight View Forum Posts Posted on 2018-07-07 19:53:23 |
Once I upload the file to google drive what do I do from there? I've tried what I can think of and I don't know if I'm just copying the wrong thing into my den or if I messed up the coding but it's not working. 0 players like this post! Like? |
Rani (#135548)
View Forum Posts Posted on 2018-07-08 07:34:54 |
@Maple Try right-clicking on the file you uploaded and click on "Get shareable link". Then replace the "YOURCSS.css" in <*link rel="stylesheet" type="text/css" href="YOURCSS.css"*> with that link. Remember to replace the "www" in that link with "dl". 0 players like this post! Like? |
Chimullri (#117016)
Aztec Knight View Forum Posts Posted on 2018-07-08 07:37:59 |
Rani (#135548)
View Forum Posts Posted on 2018-07-08 07:41:20 |
Rani (#135548)
View Forum Posts Posted on 2018-07-08 08:15:37 |
I do have another question though. How do you edit the things outside of the background? For example, the clickable links, the sidebar, and so forth? I'm not understanding. 0 players like this post! Like? |
Enenra (#241303)
Divine View Forum Posts Posted on 2021-12-05 18:29:05 |
how do you get the notebook .txt as a .css file? i got the editable code from another tutorial but cant turn it to a .css or get it to work and its getting really frustrating 0 players like this post! Like? |
Yenn🌵(mostly inactive) (#253980) Total Chad View Forum Posts Posted on 2022-03-17 00:07:32 |
Does anyone have like a plain example one that works? If so pm me! My plain den is crying 0 players like this post! Like? |