1. Home
  2. Chatter
  3. Layout & CSS Sales
  4. ✦•Pandora and Kat's CSS Codes•✦

Report
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/Help │ F2U Pride PFP Codes │ Wolvden CSS Template+Codes

CODES
──────
Beetle Mound Images│In-Cave Arrows│
Cave Images ( Currently unavailable - In Editing )│Currency Icons
Custom Cursor ( Currently unavailable - In Editing )│Custom King Title│Featured Lion Background│Featured Lion Name│(Longer) Footnotes
Footnotes Icons│Gift Icon - Send a Gift! │In-Den Symbols│Individual Progress Bars│King/Pride Dynasty/Achievements/Showcase Images│Main Male Icon Background│Online/Offline Edit│Rounded Progress Bars│Time/Season Icons
──────
CODES [ADVANCED]
Cave Name Box│Featured Lion Decor│Main Male Icon Decor│Sex Icon (Individual)


RESTORE OLD PLAYER BOX
──────
Remove "Member ID"│Remove Block Member/Friend Request Icon│Remove Player Box Icons│Remove Player Box Icons (cont.)│Remove White Line on Player Box│Revert 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 16 players like this post! Like?

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

Pandora (#144118)


View Forum Posts


Posted on
2024-11-26 21:57:34
#304446689699
Hello! When I made those codes, I went off the nth-child of the links, so while it displays wrong for you, it will be the correct display for anyone visiting your den. (because, of course, the display is different for you vs someone visiting your page) I do not update codes anymore, but you can easily combat this by using the href selector instead so it displays correctly for the correct link.



Hrt Icon 0 players like this post! Like?

Crystalizedsky (#179557)

Angelic
View Forum Posts


Posted on
2024-11-26 22:07:41
#304446689703
ok! thank you :)



Hrt Icon 0 players like this post! Like?

My_Hand._.Fell_Off~ (#476121)


View Forum Posts


Posted on
2025-01-13 03:59:17
#304446790677
I’m not 100% sure if this is where to ask, but for some reason I can’t get my king dynasty, achievements, etc images to show up? I’m not sure why, but only 1 will work 😅 anyone know what’s happening??



Hrt Icon 0 players like this post! Like?

Emperor Quiqi ☂️
✈ (#371719)


View Forum Posts


Posted on
2025-01-14 02:56:58
#304446791965
Helloo ! This is because Lioden changed some images, which means they probably also changed the names (which they did in this case).
Let me send what to use to replace those images there !

/* KING DYNASTY */
img[src$="den_ancestors.png"] {
content:url('IMAGEREPLACER')!important;
max-width:185px !important;
}

/* PRIDE DYNASTY */
img[src$="ancestorsfem.png"] {
content:url('IMAGEREPLACER')!important;
max-width:185px !important;
}

/* ACHIEVEMENTS */
img[src$="den_achievements.png"] {
content:url('IMAGEREPLACER')!important;
max-width:185px !important;
}

/* SHOWCASE */
img[src$="den_showcase.png"] {
content:url('IMAGEREPLACER')!important;
max-width:185px !important;
}

/* BEETLE BOOK */
img[src$="den_beetlebook.png"] {
content:url('IMAGEREPLACER')!important;
max-width:185px !important;
}



Hope this helped !



Hrt Icon 0 players like this post! Like?


Edited on 14/01/25 @ 03:00:05 by L. Corporal Quiqi ☂️ ✈ (#371719)

My_Hand._.Fell_Off~ (#476121)


View Forum Posts


Posted on
2025-01-14 19:34:29
#304446792896
Omg thank you so much! ♥️ it worked I just gotta use the right images 😅



Hrt Icon 1 player likes this post! Like?

Precious Ruby (#505590)

Renowned
View Forum Posts


Posted on
2025-01-17 13:42:57
#304446796460
Hello i just came a crossed this CSS and would love to use how to learn it Spirited Away, i love everything about Studio Ghibli an to be honest Spirited Away and Howls Moving Castle are my top 2 all time favorites.
i just do not know how to use a CSS but would love to learn.



Hrt Icon 0 players like this post! Like?

Emperor Quiqi ☂️
✈ (#371719)


View Forum Posts


Posted on
2025-01-17 18:52:14
#304446796827
@505590 | Hellloo ! So this forum is for CSS Code Bites, but I could link you some CSS tutorials !
Katies Template + Tutorial is where most people start off, because it's pretty simple and you have a template provided to help you !
Kenzii's How-to-guide gives you what you need but no template. It's a little harder & also is a bit outdated, which we can help you with.
Hok-Z FAQ & Neat Things explains most things pretty well, and has some code bites like here !
WAS???' CSS Tutorial provides a template along with explaining what each element is.

I also highly encourage you to join the LioDevs clan for whenever you have questions or something !
Hope this helped !!



Hrt Icon 1 player likes this post! Like?


Edited on 17/01/25 @ 18:52:49 by L. Corporal Quiqi ☂️ ✈ (#371719)

~`JoltCraft`~
[3xRosMosaicWep] (#442785)

Gorgeous
View Forum Posts


Posted on
2025-02-24 09:33:15
#304446876622
Question, is there a certain html that makes a Pagedoll, a pagedoll? Like where the oc floats on the bottom right(or wherever)??



Hrt Icon 0 players like this post! Like?

Titan god of dusk
and stars (#301023)

Toxic
View Forum Posts


Posted on
2025-05-11 12:15:02
#304446996763
Im struggling with the king pride destiny/achievements the pictures aren't showing up on any of them except for the achievements



Hrt Icon 0 players like this post! Like?

Emperor Quiqi ☂️
✈ (#371719)


View Forum Posts


Posted on
2025-05-11 12:32:25
#304446996793
@301023 | Hi ! That's due to Lioden having changed their images, thus their names (achievements being left alone :')
Here's a code bite for you !


/* Dynasty backgrounds */
.feature, div.left {
background: rgba(1, 1, 1, 0.8);
border: none;
border-radius: 15px !important;
}

/* King, Pride, achievements, showcase img replacer */
img[src$="den_ancestors.png"]{
content:url('LINK')!important;
max-width:90px!important;
}
img[src$="den_beetlebook.png"]{
content:url('LINK')!important;
max-width:90px!important;
}
img[src$="ancestorsfem.png"]{
content:url('LINK')!important;
max-width:90px!important;
}
img[src$="den_achievements.png"]{
content:url('LINK')!important;
max-width:90px!important;
}
img[src$="den_showcase.png"] {
content:url('LINK')!important;
max-width:90px!important;
}
/* This is so that everything fits ! */
.dynastylist {
flex: 1 1 auto;
max-width: 20%;
box-sizing: border-box;
}


Hope this helped !



Hrt Icon 0 players like this post! Like?


Edited on 11/05/25 @ 12:33:10 by Emperor Quiqi ☂️ ✈ (#371719)

Titan god of dusk
and stars (#301023)

Toxic
View Forum Posts


Posted on
2025-05-11 16:00:23
#304446997117
Thank you SM 😭 I thought I was doing something wrong by chance



Hrt Icon 0 players like this post! Like?







Lioden Ltd © 2012-2025. All rights reserved.
Company number 09846917 registered in England & Wales. VAT number 234362915.
Lioden Ltd © 2012-2025. All rights reserved.
Company number 09846917 registered in England & Wales. VAT number 234362915.
Terms of Service - Code of Conduct - Privacy Policy - Contact Us - Modbox - FAQ - Conservation Efforts
Memory Used: 643.12 KB - Queries: 2 - Query Time: 0.00099 - Total Time: 0.00707s