Free bio templates + Code Snippets

August 16, 2014 - 9:54pm — Shey

Shey's Free CSS

7.18.17 Organized this and made it ..somewhat.. prettier >8/

· Most of these are best viewed in Google Chrome.
· Make sure that bbcode is ticked (input format) otherwise it won't work.
· Please don't remove credit!
· Remember to put it under the cut [click!]
· You're more than welcome to snip some codes off but you'll have more success over here and here

Bio Templates | Code Snippets | Tutorials

Stellar - Simple CSS, comes with 5 javascript tabs, hidden javascript comments, hovers, and music player. Comments do not have images or signatures.
Pastebin. [base template by Unplugged, thank you!]

Incastrato - Small contained box. Comes with 5 javascript tabs, hovers, parallax [background image scrolls with your screen] background, and music player. Does not touch default layout of the website! Static preview & Pastebin

Incastrato VARIANT - Small contained box. Youtube music player. Centered comments, custom colored links. Static preview & Pastebin

Pompous - ehhhh. Full layout, relatively thin. Center box, useful for bio art or a pretty character-themed picture. Update box with 4 hovers. Five JS tabs. Three music players. Also a box with links/disclaimer over to the left but that got cut off when I was taking the preview pic >8(. Static preview & Pastebin
EDIT: 9/1/17 Fixed javascript issue. Removed the middle table shown in the preview.

Floating/Pulsing Pictograms via Keyframes
https://pastebin.com/ZRn5uutg
Explanation in the text.

⇹

Snow and rain effects
Decided to give this out too, looks best if you put another slightly transparent div ontop of it.
I wouldn't try messing with the base images, since they're ~~ripped from minecraft~~ very small, but if you want to try and change the color or somethin go right ahead. Just make sure it's around the same size or the droplets/snowflakes/etc are gonna be .. really huge ..

https://pastebin.com/dP1uLCAp

⇹

"3D" Header/Text
Includes "3D" Text - Better seen on headers/large text.
The code can also be used between font tags -> <*font style="font-size:25px;font-family:Palatino; text-shadow: -0.05em 0 0 #F22613, 0.05em 0 0 #00FFFF">text<*font>

<*Anaglyph> "3D" Text <*/Anaglyph>

<*style> Anaglyph{color:#fff; text-shadow: -0.05em 0 0 #F22613,  0.05em 0 0 #00FFFF} <*/style>

<*Anaglyph2>"3D" Header<*/Anaglyph2> 

<*style>Anaglyph2{font-size:25px;font-family:Palatino; text-shadow: -0.05em 0 0 #F22613,  0.05em 0 0 #00FFFF}<*/style>

Remove asterisks *.

⇹

Youtube music player [UPDATED]

<*iframe width="30" height="25" src="https://www.youtube.com/embed/IDHERE" frameborder="0"><*/iframe>
The ID of the video is that garbled mess of letters and numbers at the end of an url; ex. L2_oyGwdX14

ty unplugged + alisonrobin 4 javascript ♥

Community Events

Shey's blog
Login to post comments

August 16, 2014 - 10:07pm — SoliloquyChryseis

Very nice! Gonna stalk this

August 16, 2014 - 10:08pm — Evern

Aah really lovely! You're

Aah really lovely! You're very minimalist in css, I like that.

—

August 16, 2014 - 10:09pm — Unplugged

wonderful &hearts; thanks

wonderful ♥ thanks

August 16, 2014 - 10:41pm — Shadowfly

hooyeah

August 17, 2014 - 12:14am — Pandoris

ty B)

—

Pixel by Shadowfly ♥

August 17, 2014 - 1:10am — Ebony3

tracking! That first template

tracking! That first template was exactly what I was looking for! Thank-you!

—

Oh, I'm just a girl, trying to find a place in this world.

August 17, 2014 - 1:27am — Shey

thanks peeps ?

thanks peeps ♥

August 17, 2014 - 1:54am — Uruu

Beautiful! I enjoy your

Beautiful! I enjoy your minimalist and clean style, Shey. Very lovely work; I would love to utilize your coding sometime! Gonna plant my butt here for further updates~ C:

—

August 17, 2014 - 4:55am — Waning-Sun

settling here.

—

Avatar by Meadow. Siggy © Shey & Squeegie

August 17, 2014 - 8:09am — RikkaChan

Thank you for this :3

August 17, 2014 - 10:35am — MagicHats

Gonna keep an eye on this.

—

Personal Directory

August 17, 2014 - 3:27pm — malevolent

Ahh this is lovely! Thank you

_{Ahh this is lovely! Thank you ♥}

—

August 17, 2014 - 4:38pm — Laiia

Track ! Thank you very much !

Track ! Thank you very much ! It was exactly what I was searching for. You did a very great job on it, really.

—

Avatar & signature by Shimmyshimmy. ♥

August 17, 2014 - 5:46pm — Rouda

Definitely tracking this

August 17, 2014 - 6:14pm — 7x

Track this!! It's so nice

Track this!! It's so nice <3

—

Art by Arres

August 17, 2014 - 6:17pm — Shey

aa you people are so nice ;u;

aa you people are so nice ;u; ♥
i'm thinking of working on an autumn-themed base next.

June 27, 2017 - 3:08am — Shey

dusts off cobwebs hello hello

December 14, 2016 - 12:31am — kiwara

.

—

Avatar © Squeegie & Siggy © Caiir + other

June 27, 2017 - 3:09am — Shey

hey ... im Bump ...

June 27, 2017 - 3:18am — postmortem

y e s

June 27, 2017 - 3:36am — Wendingo

that 3d header sign me the

that 3d header sign me the heck up

—

made by foxofthestars!

June 27, 2017 - 3:55am — HoneyDiva

c8

—

June 28, 2017 - 2:44pm — Inhellvi

:>

—

June 28, 2017 - 3:38pm — Thais

tracking!

—

Display pic by crabbycrown ♥

June 28, 2017 - 4:03pm — Yngve

Lovely templates! I had to

Lovely templates! I had to use you Incastrato Variant template. It was too pretty!

—

Discord: theGoatinator #2610

June 28, 2017 - 5:22pm — ShrinkingRose

Incastrato may be what I'll

Incastrato may be what I'll be needing in the future. Thanks!

June 28, 2017 - 5:46pm — YaraMyst

Ohhhh thank you thank you

Ohhhh thank you thank you thank you! been looking for css like this to use OUO

June 28, 2017 - 7:38pm — CrossTrot

watching this, the 3d header

watching this, the 3d header is so cool!

August 27, 2017 - 2:04am — FishBiscuit

choice stuff here, my dude

September 19, 2017 - 7:42pm — lunafreya

Quick question about Pompous;

Quick question about Pompous; is there a way to alter the opacity of the tables? I noticed when trying to put up a main background there was very high opacity, but I can't figure out where in the coding it is. (I'm very stupid about coding I'm sorry. ): )

(Also, any chance that middle section might come back? I kinda like it, but if not, that's fine. Just curious.)

September 19, 2017 - 9:06pm — Shey

THERE SHOULD be an option in

THERE SHOULD be an option in the div styling that lets you change the opacity and color of the backgrounds:

width:548px;height:300px;overflow:hidden;background-color:rgba(0, 0, 0, 0.5);padding:5px;font-size:9px;text-align:left;border:3px solid #000;

The red value will change the opacity, other values will change the color. A value closer to 1 will make it more opaque.
ALSO I can edit the code to add in a lil table in the middle as a separate code if you want :v

September 19, 2017 - 10:45pm — lunafreya

Of course...I didn't even

Of course...I didn't even notice that last part of the styling. I thought that was for the text colour. .___. Thank you hun. <3

It's totally up to you if you want to put it in or not, was kinda interested in playing around with it if you did. Like I said though, it's completely up to you, don't want to make it a pain for you. <3

October 19, 2018 - 2:50am — Shey

Bump for new codes! Floating

Bump for new codes! Floating pictos with keyframes and snow and rain!

October 19, 2018 - 3:45am — Osmotious

tracking this. also thank

tracking this. also thank you! ;A;

—

add me on discord: Krisaur#9391

October 19, 2018 - 4:17am — OkamiLugia

The Endless Forest