Posted by ✦•Pandora and Kat's CSS Codes•✦

Pandora (#144118)


View Forum Posts


Posted on
2022-03-28 22:47:40

✦•Pandora and Kat's CSS Codes•✦
!!!UPDATE: View update information HERE!
[09/16/2023] Code drop! View further info HERE!


WELCOME!
Welcome to me and Kat's CSS codes and help thread! A big thank you to Kat for joining me and helping me out with the majority of these codes! All these codes are FREE to use; if you need any help or face any issues with anything, feel free to reply below, and either Kat or myself will get back to you as soon as we can!


✦•······················•✦•······················•✦
Other Threads...
CSS Tutorials/HelpF2U Pride PFP CodesWolvden CSS Template+Codes

CODES
──────
Beetle Mound ImagesIn-Cave Arrows│
Cave Images ( Currently unavailable - In Editing )│Currency Icons
Custom Cursor ( Currently unavailable - In Editing )│Custom King TitleFeatured Lion BackgroundFeatured Lion Name(Longer) Footnotes
Footnotes IconsGift Icon - Send a Gift! In-Den SymbolsIndividual Progress BarsKing/Pride Dynasty/Achievements/Showcase ImagesMain Male Icon BackgroundOnline/Offline EditRounded Progress BarsTime/Season Icons

──────
CODES [ADVANCED]
Cave Name BoxFeatured Lion DecorMain Male Icon DecorSex Icon (Individual)


RESTORE OLD PLAYER BOX
──────
Remove "Member ID"Remove Block Member/Friend Request IconRemove Player Box IconsRemove Player Box Icons (cont.)Remove White Line on Player BoxRevert Font Size on Player Box




Q&A/RULES

Do I have to ask to use any of the codes?
-Nope! You don't have to ask permission to use any of the codes linked on this post! However, we both like seeing our codes out in the wild, so if you do happen to use any of the codes, feel free to let us know so we can check out your page!

Can I use these codes in commission?
-Yes! You are allowed to use any of these codes in your commissions as long as you give proper credit! All codes have a little credit section at the top, so as long as that says intact and is somewhere in your commissioned CSS piece, you're good to go!

What's the difference between 'Codes' and 'Codes Advanced'?
-I've split the codes into two groups, codes being pretty straightforward where all you have to do is insert a link, hex code, or anything along those lines. While advanced codes are a bit more complex and require more work, whether figuring out the 'nth-child' you need to target or just a code where you must fill in a bit more! The classification isn't meant as a deterrent; more of just a heads-up!

How do I...?
-For general help/tutorial I recommend you check out our CSS Tutorials/Help post! If you need further help, feel free to reply to either thread or reach either of us via PM!

...if you are just starting out and learning the basics, I recommend Katie's Free CSS Template + Tutorial!

✦•·····································•✦•·····································•✦
Please note...
As mentioned before, all codes have a credit section at the top of them! If you are using multiple codes, you DO NOT need multiple credit sections! Just keep one of the little "Codes made by..." and disregard the others.


──────
If you enjoy CSS, HTML, or any/every type of coding or are looking to learn, I recommend joining LioDevs, run by the wonderful pluto 🌌 (#52831)! It's a great place to talk to fellow coders, ask for help, and collaborate with other Lioden coders!




Hrt Icon 12 players like this post! Like?

Edited on 14/03/24 @ 19:34:27 by Pandora (#144118)

Kiosko (#262066)

Toxic
View Forum Posts


Posted on
2022-04-22 14:21:19
My computer doesn't allow me to inspect posts.



Hrt Icon 0 players like this post! Like?

Kat .:Red Lion of
Voltron:. (#94329)

Amiable
View Forum Posts


Posted on
2022-04-22 14:23:42
@Peach - This line here -
.dissolveAbout {
A0A3CB; . . .
should be
.dissolveAbout {
color: #A0A3CB; . . .
I believe. Also, don't forget to input a # before every hexcode color! I'm actually not sure if it makes a difference, but just in case



Hrt Icon 0 players like this post! Like?

Kat .:Red Lion of
Voltron:. (#94329)

Amiable
View Forum Posts


Posted on
2022-04-22 14:25:38
@Kiosko - Oh, that's odd No worries, I can inspect it for you if you've got an example post for what you're looking for ^^



Hrt Icon 0 players like this post! Like?

𝐍𝐢𝐫𝐯𝐚
𝐧𝐚 (#244516)


View Forum Posts


Posted on
2022-04-22 14:26:25
I'll try that!



Hrt Icon 0 players like this post! Like?

Kiosko (#262066)

Toxic
View Forum Posts


Posted on
2022-04-22 14:27:10
This is the post I was going off of: https://www.lioden.com/topic.php?id=304429441645



Hrt Icon 0 players like this post! Like?

𝐍𝐢𝐫𝐯𝐚
𝐧𝐚 (#244516)


View Forum Posts


Posted on
2022-04-22 14:30:15
Here are the rest of the errors, if you could help with those

- line 6 col 1 Disallow !important Use of !important
transition: .5s ease!important;

- line 8 col 1 Beware of broken box size Using height with border can sometimes make elements larger than you expect.
border: #9094C0;

- line 8 col 1 Beware of broken box size Using width with border can sometimes make elements larger than you expect.
border: #9094C0;

- line 9 col 1 Require use of known properties Expected ({1,4} [ / {1,4} ]?) but found '#9094C0'.
border-radius: #9094C0;

- line 35 col 12 Disallow units for 0 values Values of 0 shouldn't have units specified.
font-size: 0px;

- line 50 col 1 Beware of broken box size Using width with padding can sometimes make elements larger than you expect.
padding: 5px;

- line 55 col 1 Require use of known properties Unknown property 'scrollbar-gutter'.
scrollbar-gutter: stable both-edges;

- line 60 col 13 Disallow units for 0 values Values of 0 shouldn't have units specified.
margin-top: 0px;



Hrt Icon 0 players like this post! Like?

𝐍𝐢𝐫𝐯𝐚
𝐧𝐚 (#244516)


View Forum Posts


Posted on
2022-04-22 14:46:57
Update: I fixed the error on line 9 col 1, that was my bad. I put a hexcode instead of a pixel amount



Hrt Icon 0 players like this post! Like?

Kat .:Red Lion of
Voltron:. (#94329)

Amiable
View Forum Posts


Posted on
2022-04-22 14:57:52
@Kiosko - After looking at the post and testing it myself, it should just work as is :O The only reason it wouldn't work is because some other HTML is conflicting with it. In the post you sent me, the user asking the question had a
<p></p>
in their coding which was conflicting with their spoiler tag. After I deleted it, it worked as expected!
If you're having trouble with your coding and spoilers not working together like they should, send me the code and I'll try to see what the issue is ^^


@Peach - What kind of CSS corrector website are you using?? ;^^ I tested my coding myself in my own den, and it works perfectly fine with the same CSS and HTML inputted that I sent you



Hrt Icon 0 players like this post! Like?


Edited on 22/04/22 @ 15:10:18 by Kat .:Red Lion of Voltron:. (#94329)

Kat .:Red Lion of
Voltron:. (#94329)

Amiable
View Forum Posts


Posted on
2022-04-22 15:18:28
@Peach - The errors that show up are negligible. You can write "transition: .5s ease!important;" or "transition: .5s ease;" like it suggests and it'll both do the same thing either way. For "font-size: 0px;" it's saying it's supposed to be "font-size: 0;" but again, they both do the same thing. I always just put "px" at the end of any sizing just because that's what I feel comfortable doing instead of leaving it blank. As for the "beware" parts, it's not an error and should work as is. All it's letting you know is to be aware that some elements may make things bigger than you expect. Again, though, it should still work.
Hopefully that helps! ^^



Hrt Icon 0 players like this post! Like?

xanadu [g1 ardor
scattered] (#184541)


View Forum Posts


Posted on
2022-04-22 15:24:37
Just came across this thread and I wanted to thank you for the code to add on the decors to featured lions because Wasteland was looking a little off without her decors in the featured lion spot so thank you again



Hrt Icon 0 players like this post! Like?

Kiosko (#262066)

Toxic
View Forum Posts


Posted on
2022-04-22 15:26:29
Okay, thank you!



Hrt Icon 0 players like this post! Like?

Kat .:Red Lion of
Voltron:. (#94329)

Amiable
View Forum Posts


Posted on
2022-04-22 15:28:46
@gore - You're welcome!! Pandora and I are glad you're enjoying the code!!!

@Kiosko - You're welcome!!



Hrt Icon 0 players like this post! Like?

𝐍𝐢𝐫𝐯𝐚
𝐧𝐚 (#244516)


View Forum Posts


Posted on
2022-04-23 08:36:58
I was using CSS Lint, since I really have no idea what I'm doing.

Do you think that I might be putting the code in the wrong place? I'm just copy-and-pasting it into my den. Should I be putting the code in my css den background thingy?



Hrt Icon 0 players like this post! Like?

Kat .:Red Lion of
Voltron:. (#94329)

Amiable
View Forum Posts


Posted on
2022-04-23 08:53:49
@Peach - Ohhh, yes! The CSS goes into your dropbox style sheet. The HTML goes into the den description, where you type up whatever you want in your den



Hrt Icon 0 players like this post! Like?

𝐍𝐢𝐫𝐯𝐚
𝐧𝐚 (#244516)


View Forum Posts


Posted on
2022-04-23 08:59:02
Right, I understand that but like should I be putting it inside of the den background css? Because when I paste it into my den it doesn't work. I can try it again though

Like inside of this somewhere?
<*link rel="stylesheet" type="text/css" href="https://Scilenci.github.io/idk/Skyrim.css" />

OH WAIT SHOULD I BE USING HTML INSTEAD OF CSS?



Hrt Icon 0 players like this post! Like?


Edited on 23/04/22 @ 09:01:10 by Peach (#244516)







Memory Used: 633.92 KB - Queries: 2 - Query Time: 0.00031 - Total Time: 0.00425s