|
|
||
|---|---|---|
| Posted by | CSS FAQ, Help and Neat Things [+IMGs] | |
 Hok-Z| π΄ππππ ππ (#41458) View Forum Posts  Posted on 2022-11-23 22:48:43 |
This thread will be undergoing a reformat to assist with readability! Please be patient as some sections may not have been updated!
 8 players like this post! Like? Edited on 31/08/24 @ 16:49:45 by Hok-Z | πΉππππ (#170947) |
|
Report
|
Hok-Z | πΉππππ | G1 Ennedi (#170947) View Forum Posts Posted on 2023-06-04 00:17:26 |
Im not quite sure what you're struggling with when it comes to that code unfortunately, it's not described in a way I'd understand ^^' What is it about the center column that's giving you trouble? 0 players like this post! Like? |
|
Libby (#438187)
Vicious View Forum Posts Posted on 2023-06-04 07:07:08 |
Changing its background color. In your den it is transparent. It is where all of the descriptions, lions, changing your den description, etc. is. 1 player likes this post! Like? |
|
Hok-Z | πΉππππ | G1 Ennedi (#170947) View Forum Posts Posted on 2023-06-04 20:04:03 |
All you'd have to do is find a hex color code for the color you want it to be and change that. .col-md-9.col-xs-12 {In the case of your code, the background hex color you have is #556657, which is a kind of olive green. You can use this website here, htmlcolorcodes.com, to find colors you like. When it comes to making them somewhat transparent, I would suggest referring to this resource about understanding Hexadecimal values (A value between A-F, 0-9.) For my den, I don't actually use .col-md-9.col-xs-12 to define the background because I found I have more flexibility to change things if I do it like this: div.container.main {Mine doesn't necessarily follow RGBA, and is more or less just RGB at a set percentage (44%, 30%, 13%, 8%) and their positions are along a line at the 0%, 35%, 68% and 100% marks. I used CSS Gradient to get these values super easy. You can of course choose however you wish to go about this. I hope this helps clear some things up! Let me know if anything is unclear or if I can clarify anything further β₯ 0 players like this post! Like? |
|
Hok-Z | πΉππππ | G1 Ennedi (#170947) View Forum Posts Posted on 2023-09-08 16:57:31 |
Apocalypse Horses Replacement images added Snuhlion and Pumpkins updated 1 player likes this post! Like? |
|
π Neon Genesis π (#164933) Maneater View Forum Posts Posted on 2023-09-11 11:06:31 |
Could you explain how to make a scroll bar? My art examples are uh........loooooong and I don't wanna torture users. 1 player likes this post! Like? |
|
Hok-Z | πΉππππ | G1 Ennedi (#170947) View Forum Posts Posted on 2023-09-11 13:50:48 |
Sure thing! When it's added I'll lyk and I'll be sure to put it in the replies, too. 0 players like this post! Like? |
|
π Neon Genesis π (#164933) Maneater View Forum Posts Posted on 2023-09-11 13:53:10 |
|
Hyune (#392928)
King of the Jungle View Forum Posts Posted on 2023-09-17 19:18:24 |
Hi there I'm trying to change the background of the caves for the Featured Lioness Images. Do I paste one or both of these in the Cave Description (basic HTML allowed) or in the httml for the den css? a[href="cave.php?id=317273"]>.cave-grid>img {content: url('https://i.imgur.com/UGn4fft.png')!important;} img[src$="default.png"] {content: url("https://i.imgur.com/eVHKmYu.png"); } 0 players like this post! Like? |
|
Hok-Z | πΉππππ | G1 Ennedi (#170947) View Forum Posts Posted on 2023-09-17 19:22:47 |
In the CSS File itself ^^ CSS will not work within HTML-only spaces. 0 players like this post! Like? |
|
Hyune (#392928)
King of the Jungle View Forum Posts Posted on 2023-09-17 19:42:00 |
Above ^ So do I paste a[href="cave.php?id=317273"]>.cave-grid>img {content: url('https://i.imgur.com/UGn4fft.png')!important;} img[src$="default.png"] { content: url("https://i.imgur.com/UGn4fft.png"); } At the bottom of my css? I can't seem to find any section that has for the Featured Lioness Images in particular. Also I'm so sorry and feel free to direct me to further explanation, but I can't quite understand/figure out how to css the actual caves. 0 players like this post! Like? |
|
Hok-Z | πΉππππ | G1 Ennedi (#170947) View Forum Posts Posted on 2023-09-17 21:56:07 |
You can paste it in your CSS file, yes. The CSS File itself is typically hosted through another website and linked in your Territory Description. NOT pasted in the description itself. If you're trying to link a CSS to your caves, you need the CSS link in the "Cave CSS" area. If you're trying to edit how the page appears, you need to edit the CSS itself. It's described under Basic Setup - 3b. Cave CSS and under Customized Images - 2e. How to write your own CSS is listed in Basic Setup as well. 0 players like this post! Like? |
|
Hok-Z | πΉππππ | G1 Ennedi (#170947) View Forum Posts Posted on 2023-09-27 15:51:43 |
@Jenova :|: 3.3kstMRCinnaPrimal (#164933) Thank you for your patience / sorry for the delay! I made a Codepen Preview so that you can see the following in action:  To allow for a box to scroll, you need to do the following: - Set a default height for the box - Hide the Overflow / Have the Overflow Scroll You can do this by: .BoxExample {In the Codepen Template I use a Primary / Secondary Child Selector to utilize one Box but have different effects. The same box can either expand based on content, scroll once the content reaches its max height, or expand to fit a new specified height. 0 players like this post! Like? |
|
PinkLemons (#238842)
Scourge of Lions View Forum Posts Posted on 2023-10-03 08:12:12 |
As a semi-beginner CSS coder, this looks amazing! I'm coming from Itchio to try my luck at lioden and this stuff Is fantastic just like your lioden page 1 player likes this post! Like? |
|
Hok-Z | πΉππππ | G1 Ennedi (#170947) View Forum Posts Posted on 2023-10-03 11:32:21 |
Thank you!! If you get stumped by anything feel free to give a shout ^-^ 0 players like this post! Like? |
|
MossyStar[G1 Quad Rose] (#341992) Maneater View Forum Posts Posted on 2023-10-03 20:43:33 |
holy cow you are a god send ive been looking for a post like this for a while! time to experiment >:D 1 player likes this post! Like? |
Memory Used: 630.03 KB - Queries: 2 - Query Time: 0.00112 - Total Time: 0.00765s