Posted by Free CSS and HTML by Chris (100+)

Chris (Main) 🌼 (#105465)

Heavenly
View Forum Posts


Posted on
2023-02-10 20:50:45
Free CSS and HTML
Current Total CSS Layouts: 81
Current Total HTML Templates: 40
All of my free layouts and HTML Templates can now be found on my github pages site! It has my layouts, templates, and also a tutorial section that I've been working on quite a lot. If you have any questions, you can either pm me or reply on the thread here. I moved them to their own site to give myself more room for stylization. The threads have a 20k character limit and I was struggling with that

css site preview

Rules:
• My credits are not allowed to be removed under any circumstance even if it has been edited the rest is still my work
• No using my work as bases for your own commissions or free css/html
• If you edit my work you need to make it clear that it has been edited to limit confusion
• Outside of those three rules you may edit anything listed as much as you like

All of the codes have quick copy buttons to make everything easier. All you have to do is click/tap it and everything you need will be copied to your clipboard, ready to paste wherever you need it. If anything is not working as intended, please let me know right away and I will see that it is fixed.

This site also has a bracket replacer tool that you can use for easily sending code through pms. It makes it so the code will send as plain text so no spaces or asterisks will be necessary I hope you guys find this helpful!

HTML Template by Me! Please do not redistribute



Hrt Icon 74 players like this post! Like?

Edited on 04/11/24 @ 14:54:12 by Chris (Main) 🌼 (#105465)

Chris (Main) 🌼 (#105465)

Heavenly
View Forum Posts


Posted on
2024-09-06 15:41:03
oooo that sounds super interesting I'll look around to see what images I can find!



Hrt Icon 0 players like this post! Like?

FalseToast (#487808)

Unholy
View Forum Posts


Posted on
2024-09-06 15:47:51
Sounds exciting! I had a question though about your boxes and your available CSS? I was sorta playing around, but the coding layout of the boxes seemed to not work? I was using the second one and it was one really skinny box with two thicker ones side-by-side. Not sure if that's purposeful or not.



Hrt Icon 0 players like this post! Like?

Chris (Main) 🌼 (#105465)

Heavenly
View Forum Posts


Posted on
2024-09-06 15:54:05
I'm not sure what you mean? can you give me an example I can look at? I haven't had any issues with the code myself so I'm a bit confused



Hrt Icon 0 players like this post! Like?

FalseToast (#487808)

Unholy
View Forum Posts


Posted on
2024-09-06 15:56:03
Maybe I'm doing something incorrectly. I can screenshot it and message you about it privately as to not clog here?



Hrt Icon 0 players like this post! Like?

Chris (Main) 🌼 (#105465)

Heavenly
View Forum Posts


Posted on
2024-09-06 15:58:37
if you're talking about what's on your page right now it's not working bc you didn't add the link to the stylesheet for the boxes I made them as add-ons so that anyone could pick whichever one they want but it has to be linked separately from the css for the rest of the page like <*link page css><*link boxes css> you can find the copy paste for that where it says css link in the cards for each off the box layouts



Hrt Icon 0 players like this post! Like?

FalseToast (#487808)

Unholy
View Forum Posts


Posted on
2024-09-06 16:01:18
So copy/paste the CSS in the box section after the other CSS, and then do the boxes? Also, I was referring to something else. The boxes worked without the other CSS, it's just their appearance layout seemed off from what was shown. Let me change it back.



Hrt Icon 0 players like this post! Like?

FalseToast (#487808)

Unholy
View Forum Posts


Posted on
2024-09-06 16:02:52
Never mind, I think I'm just dumb.



Hrt Icon 0 players like this post! Like?

Chris (Main) 🌼 (#105465)

Heavenly
View Forum Posts


Posted on
2024-09-06 16:03:52
lol you're all good let's just call it the IT guy phenomenon everything'll always suddenly work right when the IT guy shows up but instead it's the coder lmao



Hrt Icon 1 player likes this post! Like?

helvetekult (#248976)

Good Natured
View Forum Posts


Posted on
2024-09-06 18:34:12
Hey, I used your Charred Wood CSS as a base before I edited it greatly for my pride!!! Let me know what you think. I really like your CSS!



Hrt Icon 0 players like this post! Like?


Edited on 06/09/24 @ 18:34:51 by helvetekult (#248976)

Chris (Main) 🌼 (#105465)

Heavenly
View Forum Posts


Posted on
2024-09-06 19:24:28
very nice! I have a couple of things I can recommend (a couple very small since I have a lot of weird things in my template lmao) if you're wanting to make the entire thing that one solid light color you'll also want to change the background of .main since otherwise that'll leave a blank spot where the translucent part is poking through in the lower right on desktop, if you want to change the character count from the chatbox to match the other text around it you'll want to look for #lblCharacterCounter and change the color, and if you want the little settings icon and the refresh button for the chat to be dark you'll want to look for #btnChatSettings and set the brightness part of the filter to 0% instead of 500 and that will change it to black instead but those are my only recommendations it looks stunning!



Hrt Icon 0 players like this post! Like?

helvetekult (#248976)

Good Natured
View Forum Posts


Posted on
2024-09-06 19:42:03
Thank you so much for the feedback!
I'm still new to HTML and I've mostly only learned from many hours of editing templates for profiles on Toyhouse/other HTML/CSS supporting sites alongside a couple coding classes years ago, so I'm very very happy to know you like what I did :] Color theory came in handy for sure lmao I also learned a fair bit in using your base!!
I made changes based on what you said! Thank you again



Hrt Icon 0 players like this post! Like?

Chris (Main) 🌼 (#105465)

Heavenly
View Forum Posts


Posted on
2024-09-07 15:57:15
two new layouts have been added! In the aesthetic layouts section I have added a spider lilies layout and in the animal layouts section I have added a black vulture layout!



Hrt Icon 0 players like this post! Like?

🍊 Clem | Project (#200438)

Bone Collector
View Forum Posts


Posted on
2024-09-09 13:38:00
Hello! I was just wondering what you use to recolor the lioden logo? I just feel like every time i try to recolor it for a CSS it ends up looking funky lol



Hrt Icon 0 players like this post! Like?

Chris (Main) 🌼 (#105465)

Heavenly
View Forum Posts


Posted on
2024-09-09 13:41:29
oh I just use css filters to avoid having to host an alternate image lol only have so much space on free dropbox



Hrt Icon 2 players like this post! Like?

Chris (Main) 🌼 (#105465)

Heavenly
View Forum Posts


Posted on
2024-09-09 19:37:22
added three new event layouts! an omens layout for this month and a heaven and hell layout for next month! (next up...should probably start thinking about something for Nirah lol but finding a good bg pic for that is gonna be hard )



Hrt Icon 0 players like this post! Like?







Memory Used: 630.15 KB - Queries: 2 - Query Time: 0.00076 - Total Time: 0.00653s