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)

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

King of the Jungle
View Forum Posts


Posted on
2023-11-16 18:52:11
Apologies for such a delay! Work got the better of me, haha.
All the colours for Sleek & Striped have been updated with boxes support! They can support up to three boxes in a row just like Stitched, and box headers can be added/removed freely.
Their respective live previews also have the boxes as well, but here are screenshots:




Going forward all future CSS will also have boxes support! I have a few WIPs I've been slowly working on, so hopefully I'll be releasing something new sometime soon.



Hrt Icon 1 player likes this post! Like?

rugaard (#349759)

Nice Guy
View Forum Posts


Posted on
2023-12-16 10:01:11
YOUR CSS IS ALL SO ADOREABLE!!!!!!! OH MY GOODNESS!!!!



Hrt Icon 0 players like this post! Like?

Starrypickles05 (#465494)

Sapphic
View Forum Posts


Posted on
2024-04-05 08:06:15
very lovely! the stitched one is super cute



Hrt Icon 0 players like this post! Like?







Memory Used: 637.44 KB - Queries: 2 - Query Time: 0.00070 - Total Time: 0.00435s