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)

JaeBird (#291195)

King of the Jungle
View Forum Posts


Posted on
2022-07-01 16:00:22
My computer I’d dead rn but shouldn’t this link work? Does it need to be different I usually do it this way when I’m dong html but maybe it different for css

https://i.imgur.com/Xzi9vj1.jpg



Hrt Icon 0 players like this post! Like?

Pandora (#144118)


View Forum Posts


Posted on
2022-07-01 16:04:13
For CSS the link has to lead to the image itself, your link leads to it uploaded on imgur which is why you have to "open image in new tab"



Hrt Icon 0 players like this post! Like?

JaeBird (#291195)

King of the Jungle
View Forum Posts


Posted on
2022-07-01 16:08:48
https://imgur.com/Xzi9vj1

https://imgur.com/a/yojFikm

Do you think either of these could work? If not I’ll use my computer



Hrt Icon 0 players like this post! Like?

Pandora (#144118)


View Forum Posts


Posted on
2022-07-01 16:11:54
Here:

https://i.imgur.com/Xzi9vj1_d.webp?maxwidth=640&shape=thumb&fidelity=medium



Hrt Icon 0 players like this post! Like?

JaeBird (#291195)

King of the Jungle
View Forum Posts


Posted on
2022-07-01 16:12:20
Thx sorry for the trouble



Hrt Icon 0 players like this post! Like?

Pandora (#144118)


View Forum Posts


Posted on
2022-07-01 16:12:52
No problem!



Hrt Icon 0 players like this post! Like?

Myriad (#76)


View Forum Posts


Posted on
2022-07-01 16:15:40
I dont know if it's ok to butt in, hopefully it's not a bother? But @JaeBird your original url is fine (ending in .jpg) because that is the direct image link. Anything ending in .png or .jpg etc depending on the file type will work, so there's nothing wrong with that part.

I suspect the reason your unsorted cave code doesn't work is because you have a rogue # in there, in front of your ID number. Take out the # and it should be ok :)



Hrt Icon 0 players like this post! Like?

JaeBird (#291195)

King of the Jungle
View Forum Posts


Posted on
2022-07-01 16:18:43
So it should look like this

a[href$="unsorted.php?id= 291195#"]>div.cave-grid>img {
content: url('https://i.imgur.com/Xzi9vj1_d.webp?maxwidth=640&shape=thumb&fidelity=medium')!important;
}



Hrt Icon 0 players like this post! Like?

Pandora (#144118)


View Forum Posts


Posted on
2022-07-01 16:18:55
Oh feel free to butt in whenever!

I didn't even look into their CSS, my phone just showed the link didn't lead directly to the image so I assumed that was it!



Hrt Icon 0 players like this post! Like?

JaeBird (#291195)

King of the Jungle
View Forum Posts


Posted on
2022-07-01 16:19:22
It’s ok



Hrt Icon 0 players like this post! Like?

JaeBird (#291195)

King of the Jungle
View Forum Posts


Posted on
2022-07-01 16:23:53
My screen looks like this (hold on)
<*image url="https://imgur.com/bzGENsm”>width=500>



Hrt Icon 0 players like this post! Like?


Edited on 01/07/22 @ 16:25:32 by JaeBird (#291195)

Myriad (#76)


View Forum Posts


Posted on
2022-07-01 16:25:11
@Pandora thanks! I know it can be annoying for other people to hijack threads, so I don't want to step on any toes at all. Mobile can be the worst anyway! <3

@Jaebird: I just looked at your den page, and your bigger problem is that with css you can't just type it in the den description like you have atm.

You need to create a separate .css file on your computer/device (I use notepad, I think that's simplest), and save specifically in the css file format. Then upload to a hosting site e.g. dropbox, and then use the correct coding in your den description to link to it. Basically there are a whole lot more steps, unfortunately! You might need to read a few tutorials in the user guide section, if you're a complete beginner, or use templates like those Pandora linked in the original post above, to give yourself a framework to start from.



Hrt Icon 0 players like this post! Like?


Edited on 01/07/22 @ 16:25:52 by Myriad (#76)

JaeBird (#291195)

King of the Jungle
View Forum Posts


Posted on
2022-07-01 16:27:32
Ok thx I have like 3 brain cells in a trench coat so it’ll take a moment thx for the help



Hrt Icon 0 players like this post! Like?

JaeBird (#291195)

King of the Jungle
View Forum Posts


Posted on
2022-07-01 16:42:36
Ok so now I have the app koder and Dropbox



Hrt Icon 0 players like this post! Like?

JaeBird (#291195)

King of the Jungle
View Forum Posts


Posted on
2022-07-02 14:07:25
I know it isn’t css but could I get some help on how to make html tables that have images?



Hrt Icon 0 players like this post! Like?







Memory Used: 630.91 KB - Queries: 0 - Query Time: 0.00000 - Total Time: 0.00472s