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)

Coen (Interstellar
withered) (#250872)

Aztec Knight
View Forum Posts


Posted on
2022-06-07 16:10:00
Ill pm you iit a couple mins if thats ok? I just need to re add the forground



Hrt Icon 0 players like this post! Like?

Pandora (#144118)


View Forum Posts


Posted on
2022-06-07 16:13:51
Totally! ^^



Hrt Icon 0 players like this post! Like?

Coen (Interstellar
withered) (#250872)

Aztec Knight
View Forum Posts


Posted on
2022-06-07 16:24:27
Hey sorry for the inconvenience, I just tried both CSS again before I PMed you and they have both decided to work an make me look stupid. Thank you for responding and ill be sure to get in touch if i need any further assistance



Hrt Icon 0 players like this post! Like?

Pandora (#144118)


View Forum Posts


Posted on
2022-06-07 16:26:10
Oh no worries! I'm glad they decided to start working for ya!



Hrt Icon 0 players like this post! Like?

Coen (Interstellar
withered) (#250872)

Aztec Knight
View Forum Posts


Posted on
2022-06-07 16:30:42
Honestly it was probably just my 3AM brain but again thank you



Hrt Icon 0 players like this post! Like?

Coen (Interstellar
withered) (#250872)

Aztec Knight
View Forum Posts


Posted on
2022-06-09 16:54:42
Hi im back and in need of help again (Actual help this time!) basically im using a different tutorial this time to make a code myself but the tutorial doesnt explain how to change the opacity of the forground. im wanting to make the following more transparent and any help is appreciated

.col-md-9.col-xs-12 {
background: #6C533A !important;
border: 4px double #91AFC2 !important;
border-top: none !important;
border-right: none !important;
border-bottom :none !important;
}

div.container.main {
background: #110B02 !important;
border: 4px double #91AFC2 !important;
border-left: none !important;
}



Hrt Icon 0 players like this post! Like?

Pandora (#144118)


View Forum Posts


Posted on
2022-06-09 17:10:01
Ok simple fix!

.col-md-9.col-xs-12 {
background: rgb(108, 83, 58, 0.9) !important;
border: 4px double rgb(145,175,194, 0.9) !important;
border-top: none !important;
border-right: none !important;
border-bottom :none !important;
}

div.container.main {
background: rgb (17, 11, 2, 0.9) !important;
border: 4px double rgb(145,175,194, 0.9) !important;
border-left: none !important;
}

For changing the opacity of something, you'll want to add 'rgb ( #, #, #, 0.9 )' instead of '#00000,' and the '0.9' at the end controls the opacity! ( 0.1 being the lowest opacity, 0.9 being the highest)



Hrt Icon 0 players like this post! Like?

Coen (Interstellar
withered) (#250872)

Aztec Knight
View Forum Posts


Posted on
2022-06-09 17:11:24
Awesom thank you so much! Ill be sure to edit this once i get back onto my pc!



Hrt Icon 0 players like this post! Like?

Pandora (#144118)


View Forum Posts


Posted on
2022-06-09 17:12:11
No problem! Happy to be able to help!



Hrt Icon 0 players like this post! Like?

Coen (Interstellar
withered) (#250872)

Aztec Knight
View Forum Posts


Posted on
2022-06-10 16:38:12
Hi so i used the rgba thing that you said to use but it doesn't seem to be working



Hrt Icon 0 players like this post! Like?

Pandora (#144118)


View Forum Posts


Posted on
2022-06-10 16:57:58
Oh no! If you send on over the section that doesn't seem to be working I can take a look at it for you!



Hrt Icon 0 players like this post! Like?

Coen (Interstellar
withered) (#250872)

Aztec Knight
View Forum Posts


Posted on
2022-06-10 17:00:27
.col-md-9.col-xs-12 {
background: rgb(108, 83, 58, 0.3) !important;
border: 4px double rgb(145,175,194, 0.3) !important;
border-top: none !important;
border-right: none !important;
border-bottom :none !important;
}

div.container.main {
background: rgb (17, 11, 2, 0.3) !important;
border: 4px double rgb(145,175,194, 0.3) !important;
border-left: none !important;
}

The Transparency doesn't seem to have changed on my den page unless im being stupid and it has



Hrt Icon 0 players like this post! Like?

Pandora (#144118)


View Forum Posts


Posted on
2022-06-10 17:12:54
Here you go!

.col-md-9.col-xs-12 {
background: rgb(108, 83, 58, 0.3) !important;
border: 4px double rgb(145,175,194, 0.3) !important;
border-top: none !important;
border-right: none !important;
border-bottom :none !important;
}

div.container.main {
background: rgb(17, 11, 2, 0.3) !important;
border: 4px double rgb(145,175,194, 0.3) !important;
border-left: none !important;
}

You had a space between the 'rgb' and the parentheses!



Hrt Icon 0 players like this post! Like?

Coen (Interstellar
withered) (#250872)

Aztec Knight
View Forum Posts


Posted on
2022-06-10 17:13:47
Ah ok thank you!



Hrt Icon 0 players like this post! Like?

ratacia (#279652)

Sapphic
View Forum Posts


Posted on
2022-06-18 16:32:39



Hrt Icon 0 players like this post! Like?


Edited on 19/06/22 @ 16:47:23 by ratacia (#279652)







Memory Used: 633.35 KB - Queries: 2 - Query Time: 0.00037 - Total Time: 0.00552s