Already a Voltie? Sign in!

Escape to Voltra!

Join for free

Forums Help & Support [ Code Box ] | layout added!

Donator — A.I. Posted 3 years ago ( 2021/08/29 18:15:20 )

❲ code box ❳
hand-tailored designs, free to use for all

« Welcome to the ❲ code box ❳ ! »
This will be a resource for Volties to find CSS, cursors, and backgrounds to use in their profiles. I am also here to answer questions, fix broken layouts, and provide guidance wherever I can.

Like to paint / pixel / draw / illustrate? Want to contribute? I would love to use your art for profile designs, and your fellow Volties probably would too! If you have any background art, graphics, icons, banners, buttons, cursors, etc. that you're willing to share with the community, post them here or pack them up nicely in a PM and send them my way! You will always be credited for your contributions. ♥

Be sure to check back periodically for new content!


Top | Modules | Backgrounds | Full Layouts
Report

Donator — A.I. Posted 3 years ago ( 2021/08/29 18:41:05 )

❲ modules ❳
mix & match code snippets for a personalised style

For those who prefer a simpler touch, or would like to DIY, these modules can be used on their own or in tandem with modules from another category.
Note: Modules within the same category will conflict with each other and display improper results. Only one module from each category can be used at a time, but modules from different categories can be used together.


// layout
> empty <

// aesthetic
> empty <

// dye
> empty <

// misc
> empty <

Top | Modules | Backgrounds | Full Layouts
Report

Donator — A.I. Posted 3 years ago ( 2021/08/29 19:12:42 )

❲ backgrounds ❳
a touch of elegance, a splash of colour, or a satisfying pattern?

All images are collected from royalty-free and Creative Commons sources, or are original content and free for all to share. ♥


patterns //
> empty <

textures //
> empty <

gradients //
> empty <

themes //
space
> empty <
floral
> empty <
vaporwave, synthwave, etc.
> empty <


Top | Modules | Backgrounds | Full Layouts
Report

Donator — A.I. Posted 3 years ago ( 2021/08/29 19:42:40 )

❲ full layouts ❳
fresh and classic designs; no stone unturned

It's not bespoke, but it might as well be!
No expense was spared in creating these designs. Every element is given attention, and each design is mobile-friendly!
These layouts are not compatible with the code modules above (they will conflict). These are complete packages, and using them with modules would defeat the purpose of both.



[ Dango ] // Single Column, Compact // Dyes: Matcha // Borders: Mixed
Hidden Elements: Header, Empty elements, Hobbies / Likes / Dislikes, Footer

Narrow and minimal, but not too cramped. This is a revisit of an old favourite. Centred, single column expands to full-width on medium and small screens. Unobtrusive animations and transitions.
[ Preview ] | [ Source Code ]
Thank you to Vozzy for being my test-subject model! Note: Vozzy's profile was not harmed in the making of this layout.


Top | Modules | Backgrounds | Full Layouts
Report

Donator — A.I. Posted 3 years ago ( 2021/08/29 20:02:34 )

❲ reserved ❳
for future use

[ beep ]

Top | Modules | Backgrounds | Full Layouts
Report

Donator — A.I. Posted 3 years ago ( 2021/08/29 20:05:39 )

❲ reserved ❳
for future use

[ beep ]

Top | Modules | Backgrounds | Full Layouts
Report

Donator — A.I. Posted 3 years ago ( 2021/08/29 20:06:39 )

❲ reserved ❳
for future use

[ beep ]

Top | Modules | Backgrounds | Full Layouts
Report

Donator — A.I. Posted 3 years ago ( 2021/08/29 20:07:12 )

❲ reserved ❳
for future use

[ beep ]

Top | Modules | Backgrounds | Full Layouts
Report

Donator — A.I. Posted 3 years ago ( 2021/08/29 20:07:37 )

❲ reserved ❳
for future use

[ beep ]

Top | Modules | Backgrounds | Full Layouts
Report

Donator — A.I. Posted 3 years ago ( 2021/08/29 20:11:38 )

❲ code box | open ❳

Top | Modules | Backgrounds | Full Layouts
Report

Voltie — They/He Posted 3 years ago ( 2021/08/29 22:31:26 )
Should they keep it on display...


ooooo!!! gonna save this for later, cuz i've yet to figure out how to code profiles lol

might contribute too, though im unsure as to how, or the dimensions of the various piece-y parts.


Or redecorate?
Report

Donator — A.I. Posted 3 years ago ( 2021/08/29 23:16:21 )
// AI-COM MNRVA : activate MIDNIGHT EXIGENT(aurora knives)

@MaxIsConfused: That would be splendid! I hope more Volties are willing to add some art / pixels / etc I've definitely more to add, including some quick guides on how to change simple things...

but uh...totally forgot that the planning forum was a thing and just started going HAM on the live forum

so here we are! |D But it's meant to be a growing resource anyway, so, it's all in the spirit!

As far as sizing goes, it largely depends on what you're aiming for, but is mostly up to you! Bigger is almost always better for background images, unless it's meant to be a tile; if you want to make, say, header icons or a button, you might not need go any larger than 150px square (though that also depends on the style you're going for etc!).

Either way, if you do decide to share something, I'll be happy to incorporate it into a design!


// AI-COM : return // end of line
Report

Donator — buckaroo Posted 3 years ago ( 2021/10/1 03:19:54 )
@vii: This is too cool! I'm totally gonna use the Dango layout for my profile c:
Report

Donator — buckaroo Posted 3 years ago ( 2021/10/1 03:20:35 )
oops the pastebin link is broken >.<
Report

Donator — A.I. Posted 3 years ago ( 2021/10/1 15:28:19 )
// AI-COM MNRVA : activate MIDNIGHT EXIGENT(aurora knives)

@icedchai: SUPER AWK lol it should work now though!

I'll be adding a couple of layouts soon as well, once I get some other things out of the way first ~


// AI-COM : return // end of line
Report
[ often multitasking unsuccessfully ] | [ I may take a while to respond, but haven't forgotten you! ♥ ]
qu'est-ce que tu vas chercher?

You must be logged in to post

Login now to reply
Don't have an account? Sign up for free!
Having you as a Voltie would be awesome.