Posted by Ryouta's Free CSS & SCSS Templates

Ryouta [g1 4xros ice
frail] (#276513)

King of the Jungle
View Forum Posts


Posted on
2023-08-16 17:57:54
Ryouta's Free CSS & Templates
Sorry, I do not provide extensive help for my codes! Due to work & my schedule I cannot provide a lot of help in editing codes. I will answer the occasional question, but if you are struggling I suggest you check out websites like w3Schools instead!
News

23/08/16 - actually. posted thread.
22/11/23 - began making thread.

Hello and welcome to my free CSS & templates thread! Here I provide free CSS for users to use, as well as SCSS templates for users who are knowledgeable in that syntax and would like to edit/pick apart my work. (Sometimes I may also release plain CSS templates!)

All of my processed CSS is autoprefixed (browsers: last 4 versions) and minified for wide browser coverage and faster loading speeds.
I also take requests on an infrequent basis; if you have an idea or concept you want me to code, feel free to comment on the thread. I may get to it in my free time!
I will not convert your SCSS to CSS for you. Please compile it yourself via command line or google an online compiler. If you do not know what SCSS is, I highly suggest familiarizing yourself with the language and Sass documentation first before you fiddle with my templates.
To use my free CSS click the "Use CSS" link beside the code you want to use. Copy and paste the code into the top of your user profile.

next to a CSS means that the CSS is also compatible for use on caves, beetle mounds, and shops.

To use my SCSS templates click the "SCSS Template" link beside the code you want to use. Copy and paste the SCSS into your code editor of choice. You will need to convert the SCSS into CSS yourself when done. In some templates I have left extra code commented out - mostly image replacers - to help in customization.
If you really want, you can compile my SCSS template into CSS and then just edit the CSS as a template that way...up to you!
With my templates:
You may...
  • Make CSS for yourself.
  • Make CSS for others for free or for profit.
  • Frankenstein parts into your own code.
All with credit.
You may not...
  • Remove my credit.
  • Claim the entirety of the code as yours.
  • Redistribute unedited templates yourself.
Please don't steal!
This code uses a pure CSS background, which means you can change the colours of the stripes by changing hexcodes rather than editing an image.
Changing primary and secondary variables will manipulate the main colours of the template.
Stitched
Live Preview
Another pure CSS background...anyways this one features a lot of borders and box-shadow finangling along with some animations.
The different colour variables correspond to their respective colours. Accent variable is for text selection and scrollbar.



Hrt Icon 20 players like this post! Like?

Edited on 16/11/23 @ 18:48:42 by Ryouta [g1 4xros ice frail] (#276513)

Vixxie | G1 13bo
Stratosphere (#355386)

Sapphic
View Forum Posts


Posted on
2023-08-20 16:00:33
most beautiful css i've ever seen , thank you!! just used on my profile!



Hrt Icon 0 players like this post! Like?

samael (#237217)


View Forum Posts


Posted on
2023-08-20 16:02:11
oh lord. these are amazing. keep up the great work c:



Hrt Icon 1 player likes this post! Like?

Kem |G2 Cinna (#391969)

Terrifying
View Forum Posts


Posted on
2023-08-20 16:07:24
I’ve been waiting forever for you to post css! If you ever end up doing commissions let me know I’ll buy one in a heartbeat



Hrt Icon 0 players like this post! Like?


Edited on 20/08/23 @ 16:08:41 by Kem | G2 Bisected Colorbomb (#391969)

Ryouta [g1 4xros ice
frail] (#276513)

King of the Jungle
View Forum Posts


Posted on
2023-08-20 22:18:53
Thank you all so much!!
As for commissions, I'm open to taking on some CSS ones at the moment, if you have an idea of what you'd like feel free to PM me! :)



Hrt Icon 1 player likes this post! Like?

Lythomora (#369000)


View Forum Posts


Posted on
2023-09-19 23:23:00
I love your stitched css! are there boxes for it?



Hrt Icon 0 players like this post! Like?

Ryouta [g1 4xros ice
frail] (#276513)

King of the Jungle
View Forum Posts


Posted on
2023-09-20 13:53:51
Thank you!! As for boxes, not yet - but I'll be back in a couple hours with an update... :]



Hrt Icon 1 player likes this post! Like?

Lythomora (#369000)


View Forum Posts


Posted on
2023-09-20 14:37:12
Oh my gosh! I can't wait, boxes will make it literally perfect! It's so stinkin cute!



Hrt Icon 0 players like this post! Like?

Ryouta [g1 4xros ice
frail] (#276513)

King of the Jungle
View Forum Posts


Posted on
2023-09-20 16:16:12
Boxes support has been added to the Stitched CSS, and I've added links in the main post to get the code for the boxes! :] There's one column, two column, and three column boxes that can be chosen based on preference; their content maxes out at 300px and will scroll after that. They will always be the same height as each other, and you can also remove/add their headers.

Some preview images of the three versions!





Hrt Icon 1 player likes this post! Like?

Kem |G2 Cinna (#391969)

Terrifying
View Forum Posts


Posted on
2023-09-20 16:16:57
You are the most amazing person in the world.



Hrt Icon 1 player likes this post! Like?

AngelicDove (#449573)

Dreamboat of Ladies
View Forum Posts


Posted on
2023-09-27 19:10:21
the stiched one is AMAZING!



Hrt Icon 0 players like this post! Like?

zl00pa (#265316)

Pervert
View Forum Posts


Posted on
2023-10-17 14:55:27
I have some questions!

Can you change the beetle icon for your css?

Can you also change the mouse for ur css?

currently thinking about making a commission to you but not sure if u know how to do those two



Hrt Icon 0 players like this post! Like?

Ryouta [g1 4xros ice
frail] (#276513)

King of the Jungle
View Forum Posts


Posted on
2023-10-17 16:24:16
Yes, I can easily change the beetle icon and mouse cursor for any CSS I do! Feel free to PM me with any further details or questions. :]



Hrt Icon 1 player likes this post! Like?

SharkMoth|G1 Bush
11BO (#328958)


View Forum Posts


Posted on
2023-10-17 17:29:42
Would you be able to make boxes for the Sleek and Striped version as well? :0



Hrt Icon 0 players like this post! Like?

Ryouta [g1 4xros ice
frail] (#276513)

King of the Jungle
View Forum Posts


Posted on
2023-10-17 17:41:45
Sure! :) I'll put it on my to-do list and get to it as soon as I have free time in the next few days; I'll update the thread when they're ready!



Hrt Icon 0 players like this post! Like?

SharkMoth|G1 Bush
11BO (#328958)


View Forum Posts


Posted on
2023-10-17 17:45:37
Cool I cant wait! Thank you for making this btw, you work looks super cool!



Hrt Icon 1 player likes this post! Like?







Memory Used: 637.02 KB - Queries: 2 - Query Time: 0.00078 - Total Time: 0.00438s