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 8 players like this post! Like?

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

Gr1ffin (#431556)

Heavenly
View Forum Posts


Posted on
2023-07-10 14:27:31
Please help! (So sorry to be annoying just I'm quite impatient



Hrt Icon 0 players like this post! Like?

Pandora (#144118)


View Forum Posts


Posted on
2023-07-11 22:54:38
@Gr1ffin (#431556) The 'toplink' is whichever decor piece you want on top of the others; as such, you use decor links to add any decor piece (whether you own it or not ) onto your featured lion, you can use regular decor, custom decor or really any image! If you use an image that isn't an in-game decor, you might have to mess around with the positioning!



Hrt Icon 0 players like this post! Like?

Gr1ffin (#431556)

Heavenly
View Forum Posts


Posted on
2023-07-12 05:35:29
Also what us the decor link?



Hrt Icon 0 players like this post! Like?

Pandora (#144118)


View Forum Posts


Posted on
2023-07-12 14:19:41
The link(s) to the piece(s) of decor that you want displayed on your featured lion!



Hrt Icon 0 players like this post! Like?

Gr1ffin (#431556)

Heavenly
View Forum Posts


Posted on
2023-07-12 15:23:12
Wait so sorry but I'm still confused how to I get the link? Do I like hover my mouse over the décor and copy link address?Or what.



Hrt Icon 0 players like this post! Like?

Pandora (#144118)


View Forum Posts


Posted on
2023-07-12 15:30:12
I usually get them from the lion wardrobe by going under inspect and finding the decor link; then just open the decor file in a new tab and copying the link!



Hrt Icon 0 players like this post! Like?

Gr1ffin (#431556)

Heavenly
View Forum Posts


Posted on
2023-07-12 15:36:09
I'll try to do what part of that I understand heh.



Hrt Icon 0 players like this post! Like?

Gr1ffin (#431556)

Heavenly
View Forum Posts


Posted on
2023-07-12 15:39:10
So i went into inspect but I don't understand what is the décor link and file?

Not to be lazy or ask to much of you but could you find the links and help me out a bit? I understand if not that is totally fine!



Hrt Icon 0 players like this post! Like?

Pandora (#144118)


View Forum Posts


Posted on
2023-07-12 16:19:33
I screen-recorded how to find the decor files for ya! Here's the link to that!



Hrt Icon 0 players like this post! Like?

Gr1ffin (#431556)

Heavenly
View Forum Posts


Posted on
2023-07-12 16:48:09
That helped well! But now the only issue is explained in the video. The toplink is working but the other décor isn't

Issue



Hrt Icon 0 players like this post! Like?

Pandora (#144118)


View Forum Posts


Posted on
2023-07-12 18:37:51
Ohhh, I see! The decor code has ::after so everything will display on top, which isn't really compatible with decor that's supposed to sit below; I don't currently have a solution to that! Thank you for pointing that out, though, I'll have to take that into account when I revamp this post and the codes!



Hrt Icon 0 players like this post! Like?

Gr1ffin (#431556)

Heavenly
View Forum Posts


Posted on
2023-07-13 05:21:19
Alr



Hrt Icon 0 players like this post! Like?


Edited on 13/07/23 @ 05:37:00 by Gr1ffin (#431556)

Pandora (#144118)


View Forum Posts


Posted on
2023-07-31 21:19:51

POST UPDATE [7/31/2023]

Hello, hello! The long-awaited post update has finally been completed; I've been putting off updating this thread for over a year and finally decided to sit down and just do it. The tutorials post is next on my to-do list, but until then, enjoy the new format and some new codes!

What's new?
Besides the new layout and a few new codes I had sitting around unlisted, I've also added a Q&A/Rules section just to clarify a few things! I've also split the codes into two sections, 'codes' and 'advanced codes.' **Please note anyone is allowed to use any code, no matter the classification! I made the decision to separate the codes that I feel may be a bit more complex or codes that I notice people ask for help with the most as a heads-up!

Important Notice...
This is mentioned in the main post, but I'll add it here as well; I have added a credit section to the top of each code. 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. This credit WILL NOT show up on your CSS; it's just in the file. You can put the credit section anywhere in your CSS as long as it's somewhere in there! Thank you to everyone who has kept the credit intact!




Hrt Icon 2 players like this post! Like?

˚ʚ🩷ɞ˚ tawny
G1 Harlequin 14BO (#251887)


View Forum Posts


Posted on
2023-08-01 12:11:22
Hi! First of all, thank you so much for adding some more fun things to this thread! I really enjoy how customizable I can make my CSS with your help. However, I did notice something with the cave arrows. When I was playing around with it, I uploaded my custom image for the left arrow where it said "arrow.png" and I uploaded my custom image for the right arrow where it said "arrowright.png". However, the left arrow image appeared where I thought the right image should've appeared, and the right image didn't show up at all. After playing around with it a bit, I found that simply swapping the image URLs and changing "arrowright.png" to "arrowleft.png" fixed this issue. I don't know if it's a universal issue or just a me issue, but I figured I'd comment just in case anybody was having the same issue.

I'm including a screenshot of what I did, just for everybody's reference!



Hrt Icon 1 player likes this post! Like?


Edited on 01/08/23 @ 12:11:31 by tawnyCollar (#251887)

Pandora (#144118)


View Forum Posts


Posted on
2023-08-01 13:06:03
Thank you! I'm glad you're enjoying the codes!!

Also, thank you for bringing this up! I think it depends on which cave you're in; for example, it worked pretty well in my cave with a grey left arrow and a green right, but then didn't really work for my cave with two green arrows! I'll have to look into updating this code as well so it works as intended, no matter the cave!

( I'm also looking into editing the decor codes, so decor that's supposed to show up BEHIND the lion will work! )



Hrt Icon 0 players like this post! Like?







Memory Used: 631.38 KB - Queries: 0 - Query Time: 0.00000 - Total Time: 0.00598s