R-Vivarium - Art & Coding

Orion's Banners

Mon, 28 Apr 2025 06:54:30 -0400

Hi! I've been experimenting with phone photography lately and as such have ended up with several pictures that seem well suited for banners here. Feel free to use these as profile or pack banners to your heart's content. I only ask that you credit me.

Name: Stormbird
Link: https://i.imgur.com/FGqIiDV.jpeg
Colours: not yet

Name: Red Trees
Link: https://i.imgur.com/brAmMMd.jpeg
Colours: not yet

Name: Purple Prairie
Link: https://i.imgur.com/DAiB2Ci.jpeg
Colours: not yet

Name: Pagoda
Link: https://i.imgur.com/qLLylzI.jpeg
Colours: not yet

I hope this is okay to post, but I've also made some free images from Unsplash banner size, just remember to credit the photographer if you use these!

Name: Mossy Branches
Link: https://i.imgur.com/cUfYHgW.jpeg
Artist: Ryan Arnst
Colours: not yet

Name: Waterlily
Link: https://i.imgur.com/7bfJbM2.jpeg
Artist: Lee Soo Hyun
Colours: not yet

Name: Cloudy Peak
Link: https://i.imgur.com/0a0JCRN.jpeg
Artist: Dominik Schröder
Colours: not yet

Name: Mushroom
Link: https://i.imgur.com/sjzpHZB.jpeg
Artist: Florian van Duyn
Colours: not yet

Encounter any issues? Send me a DM <3

Posting Codes

Sat, 26 Apr 2025 11:42:43 -0400

A place for those in the community to share their posting codes for threads that others can use! Feel free to add your own!

Our babies having babies

Sun, 15 Sep 2024 20:00:10 -0400

Hey all! So as many of you likely do, I have a number of adopts/designs I've bought, waiting to be used by upcoming characters of mine. I thought it would be fun to show off a few I have that would be POSSIBLE future puppies between my characters and others. Whether it happens or not, if they get used elsewhere or never at all and resold- who knows, but thought this would be fun. :) Feel free to share your own crack-ship/actual-ship babies.

Wardruna X baby

Wardruna X baby originally thought, but could be too

Warduna X , cause why not!

Daiyu X baby

summer’s coding thread

Wed, 14 Aug 2024 14:28:50 -0400

Interested in joining? Please create a thread upon the shores of Cosmic Isle and tag the current leadership - XXXX and XXXX!

Formed: X/XX/XXXX
Colors: #111111 & #111111 on light mode and #76a3a3 & #CC8899 on dark mode
Founding Members: Name, name, name

RELATIONS

SEM’YA: Neutral
NORTHFALL: Neutral

THE XYZ TIMES — NEWS & UPDATES

X/XX/XX:text here

X/XX/XX:text here

X/XX/XX:text here

X/XX/XX:text here

X/XX/XX:text here

X/XX/XX:text here

RANKS
Ranks are determined through a mixture of activity in game as well as IC trust/longevity within the pack.
Last shuffle: x/x/xxxx
Next shuffle: x/x/xxxx

SEA
Nautilus -
Conch -

BAY
Abalone -
Cowrie -
Junonia -
Murex -

REEF
Scallop -
Whelk -
Pearl
Coral
Limpet

RANK EXPLANATIONS

THE SEA

CSS and HTML coding help

Tue, 09 Apr 2024 10:19:47 -0400

Hello all!
Hoping this is the right place for this <3

I am working on a project for my web class, my last BIG project for the semester, and I am having some issues with my hovering CSS/HTML.
I can't tell if it's even working, but to me it looks like it's popping up UNDERNEATH the image already shown, I've tried some positiong things but it doesn't seem to show up correctly no matter what I am doing.

I can share links and files, Discord is probably the best place to contact me about anything as I can have an easy access record to everything on here and my phone <3
I thank anybody in advance that offers assistance, I've tried many different thing AND I've searched all over google... Nothing seems to be working...

Thanks again <333

Zodiac's Testing

Sun, 20 Aug 2023 18:20:36 -0400

testing things...

Shaz's testing place

Sun, 20 Aug 2023 13:43:45 -0400

Blockquotes are useful for really long quoted pieces of text, such as songs or even snippets of other posts!Blockquotes are useful for really long quoted pieces of text, such as songs or even snippets of other posts!Blockquotes are useful for really long quoted pieces of text, such as songs or even snippets of other posts!Blockquotes are useful for really long quoted pieces of text, such as songs or even snippets of other posts!Blockquotes are useful for really long quoted pieces of text, such as songs or even snippets of other posts!Blockquotes are useful for really long quoted pieces of text, such as songs or even snippets of other posts!Blockquotes are useful for really long quoted pieces of text, such as songs or even snippets of other posts!Blockquotes are useful for really long quoted pieces of text, such as songs or even snippets of other posts!Blockquotes are useful for really long quoted pieces of text, such as songs or even snippets of other posts!Blockquotes are useful for really long quoted pieces of text, such as songs or even snippets of other posts!Blockquotes are useful for really long quoted pieces of text, such as songs or even snippets of other posts!

Customised colour with #F9CF95 #hexcode.

THE APIARY

Sat, 17 Jun 2023 13:36:46 -0400

a place for me to complie vivarium art, so i won't need to chase it down within the forum or discord :D

batch 0/5

Free Lineart

Mon, 15 May 2023 14:00:27 -0400

Welcome to the free lineart thread! This thread will be where you can post your free art resources that you're happy for people to use if you are the creator or if you have found lineart that is allowed to be used off-site and is F2U!

We ask people to remain respectful of our lovely donators and if credit is asked, to please give!

Pup Lineart
created by
- to be used on Vivarium only
- do not remove the signature

Pack Page Codes!

Thu, 04 May 2023 02:00:43 -0400

Some codes that those in the community want to share so it's easier on others that either struggle with coding or simply don't want to. Feel free to add your own!

Draw The Character Above You

Wed, 03 May 2023 16:21:36 -0400

Welcome to "Draw The Character Above You"!

This is a fun game anyone can play where you do just that, draw the character who posted above you!

All you have to do is post a quick response to claim the person's above you's character and off you go to draw.
Just update your post with the art you've made and tune in to see who decided to draw your toon too ;)

Don't be discouraged if you don't think you can draw, this is a place of equal opportunity and learning! Manips are also allowed <3

I can't wait to see your entries, and see what you all come up with!

To start, Daedalus will be the character to claim!

Puppy artists?

Tue, 02 May 2023 15:38:41 -0400

I’m looking for puppy artists for just some simple pieces - a potato, then pup, and then an awkward teen piece

Profile Codes!

Mon, 24 Apr 2023 18:41:37 -0400

Codes that people can put within their character profiles that other members are willing to share. Feel free to contribute!

MyCodes [WIP]

Wed, 12 Apr 2023 14:52:24 -0400

This is where you will find the MyCodes that will work on The Vivarium forum.

Have a MyCode Request?

This is text that is blue.
Replace "blue" with any or other named color.

Code:
[color=blue]blue[/color]

This will give you automatic quotes and change your color to your assigned dialogue color for your character.

Code:
[q]Dialogue color[/q]

Customised colour with #F9CF95 #hexcode. A good place to find #hexcodes is color-hex.com

Code:
[color=#F9CF95]Customised colour with #F9CF95 #hexcode.[/color]

This is a font that is bold.
This is a font that is italicized.
This is a font that is underlined.
This is a font that is struck-through.

Code:
[b]Bold[/b]. [i]Italic[/i]. [u]Underline[/u]. [s]Strikethrough[/s].

This font is extra small
This font is small
This font is average
This font is large
This font is extra large

Code:
[size=x-small]This font is extra small[/size]. [size=small]This font is small[/size]. [size=large]This font is large[/size]. [size=x-large]This font is extra large[/size].

Hover over me for a surprise!

Code:
[hover=Hidden text]Original text[/hover]

This text has a gradient fade!

Code:
[fade start="#HEX" end="#HEX"]text in here[/fade]

Playwrite VN
Example from Google Fonts import.

Code:
[cfont=https://fonts.googleapis.com/css2?family=Playwrite+VN:wght@100..400&display=swap][font=Playwrite VN]Playwrite VN[/font]

Example from Google Fonts import.

Candylove
Example from CDN Fonts import.

Code:
[cfont=https://fonts.cdnfonts.com/css/candylove][font=Candylove]Candylove[/font]

Example from CDN Fonts import.

For adding images to your profile or OOC posts

Code:
[image width=500]insert link here[/image]

Changing the number after the = in the code to a different number gives your image a different width

For notes on your posts:

This is me saying things out of character!

Code:
[ooc]This is me saying things out of character![/ooc]

This is me saying things out of character!

Code:
[note]This is me saying things out of character![/note]

This — will — give — you — a big dash!

Code:
[mdash]

This will give you an indent!
They stack!

Code:
[indent]

If you want a line/divider, you can use the following code

Code:
[hr]

To give someone an alert at the top of your post!

Replace "red" with any other named color to change the color of the banner!

Code:
[alert=red]To give someone an alert at the top of your post![/alert]

Blockquotes are useful for really long quoted pieces of text, such as songs or even snippets of other posts!

Code:
[blockquote]Blockquotes are useful for really long quoted pieces of text, such as songs or even snippets of other posts![/blockquote]

This will put your text in a cute lil box!

Code:
[box]Put your text in a box![/box]

This will put your text in a cute lil box that you can choose the width of! Just replace 300 with whatever width you desire!

Code:
[narrow width=300][box]Put your text in a box![/box][/narrow]

HEADER

Scrolling text that has a header. This example has a maximum of 100 pixels but you can adjust that number! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Code:
[box header="HEADER" scrollable=100]Scrolling text that has a header. This example has a maximum of 100 pixels but you can adjust that number![/box]

Scrolling text that doesn't have a header. This example has a maximum of 150 pixels but you can adjust that number! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Code:
[box scrollable=150]Scrolling text that doesn't have a header. This example has a maximum of 150 pixels but you can adjust that number![/box]

This scroll box is plain! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Code:
[box plainscrollable=HEIGHT] text in here [/box]

This is a box that has "full height" set so if it is in a set of rows and columns (row and col codes) then it will have the same height as others it's next to.

This code can have a header the same way as the others but cannot scroll

Lorem ipsum....

Code:
[boxh]Full height box, works inside cols. Cannot be scrollable but can include the header="text" code, like the other boxes.[/boxh]

There's a secret hidden here...