• When posting, please be aware that artistic nudity is still nudity and not allowed under RpNation rules. Please edit your pictures accordingly!

    Remember to credit artists when using work not your own.

Resource Fyurious Codes

Fable

Fable

₮ⱧɆ ₥Ɏ₮Ⱨ, ₮ⱧɆ ⱠɆ₲Ɇ₦Đ, ₮ⱧɆ ₣₳฿ⱠɆ
Roleplay Availability
Roleplay Type(s)
Introduction
Most of the codes you'll find in here are fairly minimalistic in style. This is for a variety of reasons, my personal BBCode skill level, my style preference, and it's easier to create more mobile friendly codes.

Not all the codes here are mobile friendly, but I do try my best to offer them when I can and they work well with a design I have in mind.

I also like to experiment quite a bit and my coding is a bit messy when you look at it. I am completely self-taught, taking my knowledge of CCS/HTML and applying it my BBCodes as best as I can. I am far from a professional coder and this has always just been a fun hobby.
Usage
I use this thread as a code/design showcase.

Some of the designs here are free-to-use with credit and some are not. I would appreciate consideration regarding my choice in not offering specific codes, as well as not removing any credit coded into the free-to-use codes.

You may look at my codes if you want to learn from them privately, though they are not the best resource for this. Please do not steal, re-color and re-post as your own, or remove the credit.
 
Last edited:
Style: Character Sheet
Palette: Grayscale
RP Project: Foster Systems
Quirks: May not look as intended on smaller resolutions.
NOT FREE TO USE


full

_ Identification


Rank:
Username:

_ Stats


Strength
Dexterity
Agility
Constitution
Intelligence
Charisma
▰▰▰▱▱▱
▰▰▰▱▱▱
▰▰▰▱▱▱
▰▰▰▱▱▱
▰▰▰▱▱▱
▰▰▰▱▱▱

_ Skills


Acrobatics
Athletics
Deception
Diplomacy
Disguise
Hacking
Intimidation
Melee
Performance
Ranged
Stealth
Survival
Thievery
Torture
▰▰▰▱▱▱
▰▰▰▱▱▱
▰▰▰▱▱▱
▰▰▰▱▱▱
▰▰▰▱▱▱
▰▰▰▱▱▱
▰▰▰▱▱▱
▰▰▰▱▱▱
▰▰▰▱▱▱
▰▰▰▱▱▱
▰▰▰▱▱▱
▰▰▰▱▱▱
▰▰▰▱▱▱
▰▰▰▱▱▱
Agent Name

General


Age:

Gender:

Date of Birth: DAY/MONTH

Race:

Sexual Orientation:

Blood Type:

Visual Characteristics


Height:

Weight:

Figure:

Hair Color:

Eye Color:

Distinguishing Features:

Connections


Connections are what your relationships are to other characters and NPCs.

History


Your character's history should go here.

Expertise and Skills


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et iaculis metus, non viverra elit. Aliquam lobortis eget odio ut feugiat. Sed blandit urna ipsum, elementum molestie nunc tincidunt ut. Integer ut venenatis turpis, vitae lacinia ligula. Sed condimentum nulla vel interdum luctus. Quisque massa erat, auctor et tempus dapibus, accumsan non nisi. Proin gravida nunc sit amet urna lacinia vehicula.

Sed ac lacinia felis. Vestibulum eleifend quam eget felis vehicula, ac molestie nisi maximus. Sed et finibus dui. Aliquam aliquet neque aliquam gravida gravida. Vivamus consequat justo nisl, vel commodo lacus blandit id. Aenean non quam lacus. Donec ac purus porta, faucibus elit eget, dapibus dui.

Duis sed ultrices magna. Nullam id fermentum diam. Donec iaculis dolor eu consectetur suscipit. Suspendisse potenti. Suspendisse potenti. Proin vitae velit justo. Sed ut diam purus. Nulla facilisi. Maecenas erat dui, viverra quis risus sit amet, volutpat tempor elit. In ut laoreet tortor. Phasellus a enim interdum, volutpat erat eu, iaculis sem. Curabitur lectus sem, laoreet eget faucibus et, porta et eros. Donec feugiat euismod pharetra. Nunc fringilla consequat orci et ultricies. Vivamus aliquet a mi at ornare. Pellentesque euismod elementum neque sit amet porttitor.

Nam sit amet elit lacus. Sed dapibus diam risus, posuere viverra purus pulvinar nec. Etiam non neque ornare, consequat nisi eget, ultrices ligula. Integer a volutpat purus, et hendrerit ligula. Duis rutrum, ante in interdum tincidunt, neque dui mattis est, sit amet tristique nisi arcu nec justo. Mauris nec semper arcu, eget tempor dui. Praesent risus sapien, tristique quis malesuada eu, euismod a sem. Praesent ut enim vel ex placerat posuere quis eget purus. Duis et consequat nisl. Proin pulvinar arcu vel neque ornare finibus. Aenean pulvinar blandit velit, et congue neque. Integer vel turpis eget orci pulvinar fermentum eget et ex. Nunc consequat orci nibh, sit amet maximus quam tincidunt vestibulum. Cras blandit, odio eu pharetra egestas, nisi nisi molestie justo, non fringilla neque nunc ac velit.
Not Free To Use
Not Free To Use
Not Free To Use
 
Last edited:
Style: RP Main Thread
Palette: Grayscale
RP Project: Foster Systems
Quirks: Need to align logo.
NOT FREE TO USE


qX2oZy8.png
PROTOCOLS ⬢ SYNOPSIS ⬢ CHARACTER CREATION ⬢ RANKS & EXPERTISE ⬢ SECTORS ⬢ FILE ARCHIVES​

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam maximus rutrum lacus, id suscipit augue. Quisque tempus finibus justo, non cursus leo finibus consectetur. Ut tempor elit sit amet sapien sodales, non rutrum risus blandit. Aliquam lacinia est id fermentum blandit. Curabitur urna justo, lacinia at turpis sit amet, iaculis porta turpis. Suspendisse eget interdum diam, eu sodales justo. Praesent vel sagittis nisi, pretium finibus quam. Praesent condimentum condimentum vulputate. Aliquam erat volutpat. Sed auctor sed odio et pharetra. Proin non finibus turpis. Etiam sagittis scelerisque mauris, pretium viverra tortor semper nec.

Aliquam eu massa dolor. Quisque lobortis dui quis ligula suscipit, sit amet hendrerit nibh pretium. Donec consequat volutpat ex, sed feugiat turpis tincidunt eu. Fusce efficitur, nulla eget porta ultricies, massa diam malesuada magna, eu porta quam metus ut tortor. Aliquam nec quam mattis, fermentum enim id, molestie tellus. Sed malesuada sollicitudin massa, at ullamcorper turpis lacinia vulputate. Praesent ultricies fringilla dolor, vitae posuere arcu porttitor quis. In feugiat sed diam eu molestie. Ut mauris dolor, imperdiet non cursus et, interdum sit amet magna. Cras lacinia quis odio at fermentum. Integer egestas porttitor dignissim. Etiam lacinia a elit nec vulputate. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse feugiat metus rutrum, gravida odio et, efficitur tellus. Phasellus neque augue, maximus ut porta vitae, placerat quis dolor. Praesent euismod orci lorem, ut tempor lectus porta id.
SUBMIT A CHARACTER ⬢ OOC ⬢ IC/RP ⬢ ASSISTANCE​
Not Free To Use
Not Free To Use
Not Free To Use
 
Last edited:
Style/Theme: Sci-fi
Palette:
RP Project: Fractured
Quirks: N/A
NOT FREE TO USE


FRACTURED
Header

This is a simple design for the HP Fractured. :3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet lacus eu lectus auctor feugiat. Pellentesque luctus est diam, nec fringilla odio congue convallis. Sed luctus ex lobortis tempus dictum. Vivamus ac dignissim mi. Vestibulum in elit turpis. Morbi ultrices pharetra turpis, et commodo mi suscipit nec. Etiam porta felis non nunc placerat tincidunt.

Vivamus finibus mi ligula, ac iaculis arcu fringilla vitae. Ut ultricies sem eget porttitor blandit. Quisque pharetra urna dolor, at scelerisque urna vulputate vel. In tortor nulla, sollicitudin eu dui nec, efficitur tincidunt augue. Vestibulum consequat nisl odio, vel pellentesque mauris rutrum vel. Sed vel ligula et magna lobortis accumsan eget et justo. Aliquam sit amet lacus vitae nulla mattis finibus at ut tortor. Aliquam elementum finibus nisi, eget luctus ligula bibendum at.
Not Free To Use
Not Free To Use
Not Free To Use
 
Last edited:
Style/Theme: Sci-fi
Palette:
RP Project: Fractured
Quirks: N/A
NOT FREE TO USE


Origins of The Human Psionic Network
Header

Same design as the main one, just with some slight changes to the header image and title.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet lacus eu lectus auctor feugiat. Pellentesque luctus est diam, nec fringilla odio congue convallis. Sed luctus ex lobortis tempus dictum. Vivamus ac dignissim mi. Vestibulum in elit turpis. Morbi ultrices pharetra turpis, et commodo mi suscipit nec. Etiam porta felis non nunc placerat tincidunt.

Vivamus finibus mi ligula, ac iaculis arcu fringilla vitae. Ut ultricies sem eget porttitor blandit. Quisque pharetra urna dolor, at scelerisque urna vulputate vel. In tortor nulla, sollicitudin eu dui nec, efficitur tincidunt augue. Vestibulum consequat nisl odio, vel pellentesque mauris rutrum vel. Sed vel ligula et magna lobortis accumsan eget et justo. Aliquam sit amet lacus vitae nulla mattis finibus at ut tortor. Aliquam elementum finibus nisi, eget luctus ligula bibendum at.

Duis venenatis ex elit, mattis condimentum nibh iaculis non. Etiam facilisis dapibus diam, vel hendrerit ex. Aliquam feugiat metus ac metus imperdiet, dapibus rhoncus tellus facilisis. Integer convallis sapien vitae quam scelerisque, ac condimentum eros tincidunt. Proin nunc justo, rutrum nec magna ac, pharetra imperdiet elit. Duis tristique ante sed semper aliquet. Nam porttitor nisl dui, id accumsan justo efficitur at. Fusce eu fermentum arcu. Fusce ligula neque, fermentum in nisi sed, interdum porttitor lorem. Sed eu mattis risus. Curabitur scelerisque, nulla sed aliquam rhoncus, lacus nulla molestie nisi, eu convallis neque sem ac risus.
Not Free To Use
Not Free To Use
Not Free To Use
 
Last edited:
Style/Theme: Sky
Palette: Blue, White
RP Project: N/A
Quirks: Looks best in Default
FREE TO USE WITH CREDIT
Do not remove credit from design.


.
Fyurious BBCodes
I was going to use this as a re-design of the first post, but decided against it and so I am offering it as a public resource. :3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut volutpat vitae velit nec tincidunt. Vivamus lacinia, risus non pretium faucibus, metus sem efficitur sapien, non rutrum nisl ligula a nibh. Maecenas porta tellus felis, ac hendrerit nunc tristique vel. Integer sed fringilla ex. Integer vel dolor neque. Donec quis venenatis nibh, id iaculis est. Ut eget fermentum urna, at dignissim arcu. Morbi ullamcorper nulla vitae egestas laoreet. Nulla ac nisi id purus euismod hendrerit. Suspendisse potenti. Mauris ligula nibh, ornare at fringilla et, aliquet ut felis. Phasellus aliquam nisi id lorem scelerisque, ut venenatis nunc finibus. Cras ac nunc cursus, mollis lorem nec, sollicitudin nisi.

Curabitur vitae ipsum in leo viverra auctor. Nam id tempor sem, nec dapibus mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum porta dui sed justo lobortis porttitor. Nunc aliquam urna quis mauris viverra suscipit. Vivamus eget sem tempor, viverra ex non, tincidunt ipsum. Nulla ut turpis enim. Maecenas nec feugiat felis. Ut quis nisl malesuada, euismod est sed, aliquam ex. Mauris tortor nulla, dignissim sed orci quis, efficitur laoreet ante. Proin lacinia arcu in neque facilisis vehicula. Donec tempor, turpis non condimentum bibendum, tortor nunc aliquam est, non blandit augue nisi ac sem. Proin sed risus egestas, consequat lorem ut, semper ante.

Etiam porta porttitor sem et luctus. Pellentesque id felis vitae erat elementum ornare. In vitae elementum leo, nec volutpat metus. Morbi in dolor et lorem efficitur iaculis. Integer a tempor tellus. Curabitur venenatis placerat mauris non iaculis. Pellentesque in lacinia nibh. Donec pellentesque accumsan convallis. Donec rutrum diam nec enim ultricies blandit. Praesent cursus non turpis sed ultricies. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris eleifend auctor nisi, sit amet luctus risus posuere sit amet. Cras eleifend lacinia ligula sit amet blandit. Maecenas ac leo a erat egestas porttitor. Integer egestas sit amet nibh ac fermentum. Curabitur condimentum arcu a ipsum pulvinar, nec dignissim arcu lacinia.
designed by Fyuri


Code: 
[div=border:1px dashed rgba(0,0,0, 0.6);max-width:600px;margin:auto;][div=background-image:url('https://www.rpnation.com/media/sky-stock.25457/full?d=1491142969');background-size:cover;background-position:top center;height:250px;color:transparent;].[/div][div=background-color:#1fa7e1;height:55px;position:relative;top:-70px; transform:skewY(-3deg) scale(1,1.5);padding:10px;margin-bottom:-30px;color:#fff;letter-spacing:7px;font-size:35px;][font=Gloria Hallelujah]Fyurious BBCodes[/font][/div][div=padding:10px;text-align:justify;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut volutpat vitae velit nec tincidunt. Vivamus lacinia, risus non pretium faucibus, metus sem efficitur sapien, non rutrum nisl ligula a nibh. Maecenas porta tellus felis, ac hendrerit nunc tristique vel. Integer sed fringilla ex. Integer vel dolor neque. Donec quis venenatis nibh, id iaculis est. Ut eget fermentum urna, at dignissim arcu. Morbi ullamcorper nulla vitae egestas laoreet. Nulla ac nisi id purus euismod hendrerit. Suspendisse potenti. Mauris ligula nibh, ornare at fringilla et, aliquet ut felis. Phasellus aliquam nisi id lorem scelerisque, ut venenatis nunc finibus. Cras ac nunc cursus, mollis lorem nec, sollicitudin nisi.

Curabitur vitae ipsum in leo viverra auctor. Nam id tempor sem, nec dapibus mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum porta dui sed justo lobortis porttitor. Nunc aliquam urna quis mauris viverra suscipit. Vivamus eget sem tempor, viverra ex non, tincidunt ipsum. Nulla ut turpis enim. Maecenas nec feugiat felis. Ut quis nisl malesuada, euismod est sed, aliquam ex. Mauris tortor nulla, dignissim sed orci quis, efficitur laoreet ante. Proin lacinia arcu in neque facilisis vehicula. Donec tempor, turpis non condimentum bibendum, tortor nunc aliquam est, non blandit augue nisi ac sem. Proin sed risus egestas, consequat lorem ut, semper ante.

Etiam porta porttitor sem et luctus. Pellentesque id felis vitae erat elementum ornare. In vitae elementum leo, nec volutpat metus. Morbi in dolor et lorem efficitur iaculis. Integer a tempor tellus. Curabitur venenatis placerat mauris non iaculis. Pellentesque in lacinia nibh. Donec pellentesque accumsan convallis. Donec rutrum diam nec enim ultricies blandit. Praesent cursus non turpis sed ultricies. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris eleifend auctor nisi, sit amet luctus risus posuere sit amet. Cras eleifend lacinia ligula sit amet blandit. Maecenas ac leo a erat egestas porttitor. Integer egestas sit amet nibh ac fermentum. Curabitur condimentum arcu a ipsum pulvinar, nec dignissim arcu lacinia.[/div][div=background-color:#1fa7e1;color:#ffffff;font-size:10px;]designed by Fyuri[/div][/div]
 
Last edited:
Style: Character Sheet
Palette: Grayscale
RP Project: Blood Chronicles
Quirks: None
NOT FREE TO USE


full
First Name
Last Name
House Name

Quote here.

Attributes & Skills
Strength▰▰▰▱▱▱Deception▰▰▰▱▱▱
Dexterity▰▰▰▱▱▱Diplomacy▰▰▰▱▱▱
Constitution▰▰▰▱▱▱Disguise▰▰▰▱▱▱
Intelligence▰▰▰▱▱▱Intimidation▰▰▰▱▱▱
Charisma▰▰▰▱▱▱Perception▰▰▰▱▱▱
Stealth▰▰▰▱▱▱

General Information

DATE OF BIRTH: Month/Day/Year

AGE:

YEAR CONVERTED:

VAMPIRIC AGE:

ETHNICITY:

GENDER:

SEXUAL ORIENTATION:
​
Physical Characteristics

HEIGHT:

WEIGHT:

FIGURE:

HAIR COLOR:

EYE COLOR:

DISTINGUISHING FEATURES:
​
Personality

Positive Trait
Expanded Information Here

Positive Trait
Expanded Information Here

Neutral Trait
Expanded Information Here

Negative Trait
Expanded Information Here

Negative Trait
Expanded Information Here
​
History

Write your character's history here.​
Not Free To Use
Not Free To Use
Not Free To Use
 
Last edited:
Style/Theme: Harry Potter
Palette: Slytherin
RP Project: N/A
Quirks: Not mobile friendly Slightly wider than a phone's resolution.
Notes: This is a throwback to my HP House CSS/HTML set.
FREE TO USE WITH CREDIT
Do not remove credit from design.



.
Slytherin
This is a scroll box.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vestibulum vel ex et interdum. Nulla euismod augue ut erat ornare, eget maximus ex tempus. Fusce eget diam pulvinar, fermentum dui ornare, venenatis lorem. Cras vitae elit iaculis quam aliquet ornare eu ut dui. Ut eu luctus metus. Proin at suscipit metus. Quisque eu lacus convallis, fringilla odio vestibulum, porta eros. Nunc at ullamcorper felis.

Nunc semper mi ac nunc tempus eleifend. Cras lobortis vel neque vel efficitur. Donec quis iaculis eros, vitae luctus lectus. Mauris at pretium dolor, vel euismod risus. Nullam libero turpis, scelerisque sed laoreet sit amet, feugiat a eros. Integer vel consequat neque. Donec pulvinar, justo quis venenatis efficitur, nunc libero fringilla ipsum, ut venenatis augue lorem in libero.

Quisque a nunc augue. Sed et diam euismod sapien condimentum posuere non non sapien. Vestibulum id felis ut nibh vulputate molestie nec eget lectus. Donec consectetur feugiat magna, blandit vestibulum turpis vehicula non. Duis sit amet aliquam nunc, pellentesque blandit nisl. Suspendisse at tempus mauris. Phasellus finibus lectus nec risus mollis viverra. Maecenas malesuada tellus est, a iaculis neque pretium eget. Morbi lacus arcu, eleifend eget dapibus a, mollis sed est.
code by Fable Fable


Code: 
[div=width:350px;margin:auto;border:4px solid #f2f2f2;background-color:#fff;]
[div=height:230px;margin-top:-20px;border-bottom:4px solid #f2f2f2;padding:15px;
background: #003407; 
background: -moz-linear-gradient(top, #003407 0%, #0a4e08 50%, #2a6e29 100%, #05abe0 100%); 
background: -webkit-linear-gradient(top, #003407 0%,#0a4e08 50%,#2a6e29 100%,#05abe0 100%); 
background: linear-gradient(to bottom, #003407 0%,#0a4e08 50%,#2a6e29 100%,#05abe0 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003407', endColorstr='#05abe0',GradientType=0 );][div=position:relative;background: url(https://www.rpnation.com/media/slytherin-png.19452/full?d=1483913540) no-repeat;width: 223px;height:230px;margin:auto; margin-top: 0px;][color=transparent].[/color][/div][/div][div=position:absolute;color:#c7c7c7;font-size:50px;text-align:center;margin-top:-40px;width:350px;text-shadow: 2px 1px 0px #000000;][font=Merienda One]Slytherin[/font][/div][div=position: relative; width: 350px;height: 250px; overflow: hidden; background-color: transparent; padding: 10px;margin-top:25px][div=width: 100%; padding-right: 150px; height: 100%; overflow-y: scroll; color: #000; font-size: 0.9em; text-align: justify;]This is a scroll box.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vestibulum vel ex et interdum. Nulla euismod augue ut erat ornare, eget maximus ex tempus. Fusce eget diam pulvinar, fermentum dui ornare, venenatis lorem. Cras vitae elit iaculis quam aliquet ornare eu ut dui. Ut eu luctus metus. Proin at suscipit metus. Quisque eu lacus convallis, fringilla odio vestibulum, porta eros. Nunc at ullamcorper felis.

Nunc semper mi ac nunc tempus eleifend. Cras lobortis vel neque vel efficitur. Donec quis iaculis eros, vitae luctus lectus. Mauris at pretium dolor, vel euismod risus. Nullam libero turpis, scelerisque sed laoreet sit amet, feugiat a eros. Integer vel consequat neque. Donec pulvinar, justo quis venenatis efficitur, nunc libero fringilla ipsum, ut venenatis augue lorem in libero.

Quisque a nunc augue. Sed et diam euismod sapien condimentum posuere non non sapien. Vestibulum id felis ut nibh vulputate molestie nec eget lectus. Donec consectetur feugiat magna, blandit vestibulum turpis vehicula non. Duis sit amet aliquam nunc, pellentesque blandit nisl. Suspendisse at tempus mauris. Phasellus finibus lectus nec risus mollis viverra. Maecenas malesuada tellus est, a iaculis neque pretium eget. Morbi lacus arcu, eleifend eget dapibus a, mollis sed est.[/div][/div][/div][div=width:350px;margin:auto;font-size:10px;opacity:0.3;]code by [USER=39545]@Fyuri[/USER][/div]
 
Last edited:
Style/Theme: Harry Potter
Palette: Ravenclaw
RP Project: N/A
Quirks: Not mobile friendly Slightly wider than a phone's resolution.
Notes: This is a throwback to my HP House CSS/HTML set.
FREE TO USE WITH CREDIT
Do not remove credit from design.



.
Ravenclaw
This is a scrollbox.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vestibulum vel ex et interdum. Nulla euismod augue ut erat ornare, eget maximus ex tempus. Fusce eget diam pulvinar, fermentum dui ornare, venenatis lorem. Cras vitae elit iaculis quam aliquet ornare eu ut dui. Ut eu luctus metus. Proin at suscipit metus. Quisque eu lacus convallis, fringilla odio vestibulum, porta eros. Nunc at ullamcorper felis.

Nunc semper mi ac nunc tempus eleifend. Cras lobortis vel neque vel efficitur. Donec quis iaculis eros, vitae luctus lectus. Mauris at pretium dolor, vel euismod risus. Nullam libero turpis, scelerisque sed laoreet sit amet, feugiat a eros. Integer vel consequat neque. Donec pulvinar, justo quis venenatis efficitur, nunc libero fringilla ipsum, ut venenatis augue lorem in libero.

Quisque a nunc augue. Sed et diam euismod sapien condimentum posuere non non sapien. Vestibulum id felis ut nibh vulputate molestie nec eget lectus. Donec consectetur feugiat magna, blandit vestibulum turpis vehicula non. Duis sit amet aliquam nunc, pellentesque blandit nisl. Suspendisse at tempus mauris. Phasellus finibus lectus nec risus mollis viverra. Maecenas malesuada tellus est, a iaculis neque pretium eget. Morbi lacus arcu, eleifend eget dapibus a, mollis sed est.
code by Fable Fable


Code: 
[div=width:350px;margin:auto;border:4px solid #f2f2f2;background-color:#fff;]
[div=height:230px;margin-top:-20px;border-bottom:4px solid #f2f2f2;padding:15px;
background: #089ec7; 
background: -moz-linear-gradient(top, #089ec7 0%, #0d6585 30%, #735145 65%, #2b1c13 100%); 
background: -webkit-linear-gradient(top, #089ec7 0%,#0d6585 30%,#735145 65%,#2b1c13 100%); 
background: linear-gradient(to bottom, #089ec7 0%,#0d6585 30%,#735145 65%,#2b1c13 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#089ec7', endColorstr='#2b1c13',GradientType=0 );][div=position:relative;background: url(https://www.rpnation.com/media/ravenclaw-png.19446/full?d=1483877453) no-repeat;width: 223px;height:230px;margin:auto; margin-top: 0px;][color=transparent].[/color][/div][/div][div=position:absolute;color:#c7c7c7;font-size:50px;text-align:center;margin-top:-40px;width:350px;text-shadow: 2px 1px 0px #2b1c13;][font=Merienda One]Ravenclaw[/font][/div][div=position: relative; width: 350px;height: 250px; overflow: hidden; background-color: transparent; padding: 10px;margin-top:25px][div=width: 100%; padding-right: 150px; height: 100%; overflow-y: scroll; color: #000; font-size: 0.9em; text-align: justify;]This is a scrollbox.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vestibulum vel ex et interdum. Nulla euismod augue ut erat ornare, eget maximus ex tempus. Fusce eget diam pulvinar, fermentum dui ornare, venenatis lorem. Cras vitae elit iaculis quam aliquet ornare eu ut dui. Ut eu luctus metus. Proin at suscipit metus. Quisque eu lacus convallis, fringilla odio vestibulum, porta eros. Nunc at ullamcorper felis.

Nunc semper mi ac nunc tempus eleifend. Cras lobortis vel neque vel efficitur. Donec quis iaculis eros, vitae luctus lectus. Mauris at pretium dolor, vel euismod risus. Nullam libero turpis, scelerisque sed laoreet sit amet, feugiat a eros. Integer vel consequat neque. Donec pulvinar, justo quis venenatis efficitur, nunc libero fringilla ipsum, ut venenatis augue lorem in libero.

Quisque a nunc augue. Sed et diam euismod sapien condimentum posuere non non sapien. Vestibulum id felis ut nibh vulputate molestie nec eget lectus. Donec consectetur feugiat magna, blandit vestibulum turpis vehicula non. Duis sit amet aliquam nunc, pellentesque blandit nisl. Suspendisse at tempus mauris. Phasellus finibus lectus nec risus mollis viverra. Maecenas malesuada tellus est, a iaculis neque pretium eget. Morbi lacus arcu, eleifend eget dapibus a, mollis sed est.[/div][/div][/div][div=width:350px;margin:auto;font-size:10px;opacity:0.3;]code by [USER=39545]@Fyuri[/USER][/div]
 
Last edited:
Style/Theme: Harry Potter
Palette: Gryffindor
RP Project: N/A
Quirks: Not mobile friendly Slightly wider than a phone's resolution.
Notes: This is a throwback to my HP House CSS/HTML set.
FREE TO USE WITH CREDIT
Do not remove credit from design.



.
Gryffindor
This is a scrollbox.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vestibulum vel ex et interdum. Nulla euismod augue ut erat ornare, eget maximus ex tempus. Fusce eget diam pulvinar, fermentum dui ornare, venenatis lorem. Cras vitae elit iaculis quam aliquet ornare eu ut dui. Ut eu luctus metus. Proin at suscipit metus. Quisque eu lacus convallis, fringilla odio vestibulum, porta eros. Nunc at ullamcorper felis.

Nunc semper mi ac nunc tempus eleifend. Cras lobortis vel neque vel efficitur. Donec quis iaculis eros, vitae luctus lectus. Mauris at pretium dolor, vel euismod risus. Nullam libero turpis, scelerisque sed laoreet sit amet, feugiat a eros. Integer vel consequat neque. Donec pulvinar, justo quis venenatis efficitur, nunc libero fringilla ipsum, ut venenatis augue lorem in libero.

Quisque a nunc augue. Sed et diam euismod sapien condimentum posuere non non sapien. Vestibulum id felis ut nibh vulputate molestie nec eget lectus. Donec consectetur feugiat magna, blandit vestibulum turpis vehicula non. Duis sit amet aliquam nunc, pellentesque blandit nisl. Suspendisse at tempus mauris. Phasellus finibus lectus nec risus mollis viverra. Maecenas malesuada tellus est, a iaculis neque pretium eget. Morbi lacus arcu, eleifend eget dapibus a, mollis sed est.
code by Fable Fable


Code: 
[div=width:350px;margin:auto;border:4px solid #f2f2f2;background-color:#fff;]
[div=height:230px;margin-top:-20px;border-bottom:4px solid #f2f2f2;padding:15px;
background: #430909; 
background: -moz-linear-gradient(top, #430909 0%, #740001 50%, #ae0001 100%); 
background: -webkit-linear-gradient(top, #430909 0%,#740001 50%,#ae0001 100%); 
background: linear-gradient(to bottom, #430909 0%,#740001 50%,#ae0001 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#430909', endColorstr='#ae0001',GradientType=0 );][div=position:relative;background: url(https://www.rpnation.com/media/gryffindor-png.19447/full?d=1483885644) no-repeat;width: 223px;height:230px;margin:auto; margin-top: 0px;][color=transparent].[/color][/div][/div][div=position:absolute;color:#c7c7c7;font-size:50px;text-align:center;margin-top:-40px;width:350px;text-shadow: 2px 1px 0px #430909;][font=Merienda One]Gryffindor[/font][/div][div=position: relative; width: 350px;height: 250px; overflow: hidden; background-color: transparent; padding: 10px;margin-top:25px][div=width: 100%; padding-right: 150px; height: 100%; overflow-y: scroll; color: #000; font-size: 0.9em; text-align: justify;]This is a scrollbox.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vestibulum vel ex et interdum. Nulla euismod augue ut erat ornare, eget maximus ex tempus. Fusce eget diam pulvinar, fermentum dui ornare, venenatis lorem. Cras vitae elit iaculis quam aliquet ornare eu ut dui. Ut eu luctus metus. Proin at suscipit metus. Quisque eu lacus convallis, fringilla odio vestibulum, porta eros. Nunc at ullamcorper felis.

Nunc semper mi ac nunc tempus eleifend. Cras lobortis vel neque vel efficitur. Donec quis iaculis eros, vitae luctus lectus. Mauris at pretium dolor, vel euismod risus. Nullam libero turpis, scelerisque sed laoreet sit amet, feugiat a eros. Integer vel consequat neque. Donec pulvinar, justo quis venenatis efficitur, nunc libero fringilla ipsum, ut venenatis augue lorem in libero.

Quisque a nunc augue. Sed et diam euismod sapien condimentum posuere non non sapien. Vestibulum id felis ut nibh vulputate molestie nec eget lectus. Donec consectetur feugiat magna, blandit vestibulum turpis vehicula non. Duis sit amet aliquam nunc, pellentesque blandit nisl. Suspendisse at tempus mauris. Phasellus finibus lectus nec risus mollis viverra. Maecenas malesuada tellus est, a iaculis neque pretium eget. Morbi lacus arcu, eleifend eget dapibus a, mollis sed est.[/div][/div][/div][div=width:350px;margin:auto;font-size:10px;opacity:0.3;]code by [USER=39545]@Fyuri[/USER][/div]
 
Last edited:
Style/Theme: Harry Potter
Palette: Hufflepuff
RP Project: N/A
Quirks: Not mobile friendly Slightly wider than a phone's resolution.
Notes: This is a throwback to my HP House CSS/HTML set.
FREE TO USE WITH CREDIT
Do not remove credit from design.



.
Hufflepuff
This is a scrollbox.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vestibulum vel ex et interdum. Nulla euismod augue ut erat ornare, eget maximus ex tempus. Fusce eget diam pulvinar, fermentum dui ornare, venenatis lorem. Cras vitae elit iaculis quam aliquet ornare eu ut dui. Ut eu luctus metus. Proin at suscipit metus. Quisque eu lacus convallis, fringilla odio vestibulum, porta eros. Nunc at ullamcorper felis.

Nunc semper mi ac nunc tempus eleifend. Cras lobortis vel neque vel efficitur. Donec quis iaculis eros, vitae luctus lectus. Mauris at pretium dolor, vel euismod risus. Nullam libero turpis, scelerisque sed laoreet sit amet, feugiat a eros. Integer vel consequat neque. Donec pulvinar, justo quis venenatis efficitur, nunc libero fringilla ipsum, ut venenatis augue lorem in libero.

Quisque a nunc augue. Sed et diam euismod sapien condimentum posuere non non sapien. Vestibulum id felis ut nibh vulputate molestie nec eget lectus. Donec consectetur feugiat magna, blandit vestibulum turpis vehicula non. Duis sit amet aliquam nunc, pellentesque blandit nisl. Suspendisse at tempus mauris. Phasellus finibus lectus nec risus mollis viverra. Maecenas malesuada tellus est, a iaculis neque pretium eget. Morbi lacus arcu, eleifend eget dapibus a, mollis sed est.
code by Fable Fable


Code: 
[div=width:350px;margin:auto;border:4px solid #f2f2f2;background-color:#fff;]
[div=height:230px;margin-top:-20px;border-bottom:4px solid #f2f2f2;padding:15px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#38302c+0,6d6158+50,eeb527+100 */
background: #38302c; /* Old browsers */
background: -moz-linear-gradient(top, #38302c 0%, #6d6158 50%, #eeb527 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #38302c 0%,#6d6158 50%,#eeb527 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #38302c 0%,#6d6158 50%,#eeb527 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38302c', endColorstr='#eeb527',GradientType=0 ); /* IE6-9 */][div=position:relative;background: url(https://www.rpnation.com/media/hufflepuff-png.19459/full?d=1483914350) no-repeat;width: 223px;height:230px;margin:auto; margin-top: 0px;][color=transparent].[/color][/div][/div][div=position:absolute;color:#c7c7c7;font-size:50px;text-align:center;margin-top:-40px;width:350px;text-shadow: 2px 1px 0px #000000;][font=Merienda One]Hufflepuff[/font][/div][div=position: relative; width: 350px;height: 250px; overflow: hidden; background-color: transparent; padding: 10px;margin-top:25px][div=width: 100%; padding-right: 150px; height: 100%; overflow-y: scroll; color: #000; font-size: 0.9em; text-align: justify;]This is a scrollbox.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vestibulum vel ex et interdum. Nulla euismod augue ut erat ornare, eget maximus ex tempus. Fusce eget diam pulvinar, fermentum dui ornare, venenatis lorem. Cras vitae elit iaculis quam aliquet ornare eu ut dui. Ut eu luctus metus. Proin at suscipit metus. Quisque eu lacus convallis, fringilla odio vestibulum, porta eros. Nunc at ullamcorper felis.

Nunc semper mi ac nunc tempus eleifend. Cras lobortis vel neque vel efficitur. Donec quis iaculis eros, vitae luctus lectus. Mauris at pretium dolor, vel euismod risus. Nullam libero turpis, scelerisque sed laoreet sit amet, feugiat a eros. Integer vel consequat neque. Donec pulvinar, justo quis venenatis efficitur, nunc libero fringilla ipsum, ut venenatis augue lorem in libero.

Quisque a nunc augue. Sed et diam euismod sapien condimentum posuere non non sapien. Vestibulum id felis ut nibh vulputate molestie nec eget lectus. Donec consectetur feugiat magna, blandit vestibulum turpis vehicula non. Duis sit amet aliquam nunc, pellentesque blandit nisl. Suspendisse at tempus mauris. Phasellus finibus lectus nec risus mollis viverra. Maecenas malesuada tellus est, a iaculis neque pretium eget. Morbi lacus arcu, eleifend eget dapibus a, mollis sed est.[/div][/div][/div][div=width:350px;margin:auto;font-size:10px;opacity:0.3;]code by [USER=39545]@Fyuri[/USER][/div]
 
Style/Theme: Suicide Squad | Harley Quinn
Palette: -
Project: Personal
Quirks: Not mobile friendly.
Perks: Music player (may take a moment to load depending on your connection)
NOT FREE TO USE

.
.
(click for music)​
Love your perfume. What is that, the stench of death?

I'm known to be quite vexing. I'm just forewarning you.

Dr. Harleen Frances Quinzel
Harley Quinn​
Not Free To Use
Not Free To Use
Not Free To Use
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec placerat semper tincidunt. Quisque sed efficitur quam, nec pharetra erat. Nulla risus eros, consectetur vel laoreet mattis, condimentum at dolor. Praesent eget nibh bibendum, tempus leo eu, finibus magna. Cras dictum ex ut lorem scelerisque, vitae efficitur nisi fringilla. Nam magna mauris, semper sed pulvinar eu, tempus dictum lorem. Praesent id enim ornare, finibus massa ac, consequat mauris. Suspendisse et sodales odio, eu rutrum ligula. In placerat sem quis lorem pretium pretium. Praesent et ex nec quam placerat finibus a sed felis. Sed sagittis gravida nibh, quis ultrices nisi vestibulum a.

Cras vel massa eget lacus commodo maximus vitae vitae dolor. Phasellus suscipit eu dui sit amet fringilla. Vivamus lectus enim, laoreet ac mi a, tincidunt bibendum purus. Proin ut orci fringilla, pellentesque lorem in, iaculis est. Nullam tristique et ante ac semper. Nam id fringilla ex. Phasellus a nibh ante. Aliquam in nisi nisi. Nulla in condimentum velit. Maecenas ut hendrerit ante. Praesent convallis imperdiet dolor, iaculis malesuada metus lacinia sit amet. Fusce id consectetur mauris. Donec consectetur nisi odio, nec euismod diam suscipit id. Fusce cursus feugiat sapien vitae convallis. Fusce bibendum aliquet purus in venenatis.

Aenean ullamcorper sollicitudin massa. Integer sed turpis non arcu convallis dapibus. Suspendisse rutrum sapien eget dapibus molestie. Fusce consequat iaculis interdum. Phasellus pellentesque odio erat, eget dignissim metus convallis et. Quisque enim leo, pharetra ac odio a, suscipit facilisis justo. Phasellus sit amet neque ac elit imperdiet congue id sit amet ante. Cras consequat gravida diam. Integer tempus maximus lorem, at dignissim dui convallis ut. Ut pretium semper sem, ut gravida magna volutpat sit amet. Mauris elementum sit amet ipsum sed scelerisque. Sed quis sem at augue condimentum mollis. Sed scelerisque magna turpis, vel feugiat elit iaculis in. Nulla posuere in purus ac iaculis. Nam vulputate posuere arcu. Nunc pulvinar faucibus vestibulum.
designed by Fable Fable
 
Last edited:
Style/Theme: June Pride Month
Palette: Rainbow
RP Project: N/A
Quirks: Mobile-ish friendly. Be cautious with header length.
Notes: Made for June Pride Month
FREE TO USE WITH CREDIT
Do not remove credit from design.


Header Rainbow
This is a tip-of-the-hat for June Pride Month. This text box is a scroll overflow.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada orci nec odio dictum blandit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce vulputate consectetur venenatis. Nulla interdum ligula ut nisl viverra, id pulvinar ante aliquam. Suspendisse lobortis suscipit elementum. Nulla tincidunt, ex quis semper finibus, erat lectus pharetra dui, et efficitur massa elit a diam. Donec urna arcu, vehicula et neque at, rhoncus euismod nisi. Vivamus gravida eu ante non sagittis. Donec a sapien nec augue tincidunt eleifend ac ac metus. Mauris neque orci, bibendum a pharetra a, rhoncus eu metus. Vivamus eget suscipit felis.

Donec eget dolor non est tincidunt iaculis vel sit amet orci. Donec mollis maximus orci, nec faucibus quam egestas vel. Fusce rhoncus vitae sem vel molestie. Nulla at porttitor magna, sed pellentesque arcu. Nam venenatis vitae ligula ut tempor. Ut luctus nisi et neque varius efficitur. Nulla accumsan viverra eros quis maximus. Nullam venenatis orci sit amet orci congue lobortis quis non eros. Donec vestibulum dolor sed bibendum pellentesque. Nam id mollis ligula, in congue nisl. Cras et sapien lacus. Donec egestas vulputate dictum. Nam ultrices quis sem vel commodo. Suspendisse consectetur mi aliquet tincidunt accumsan. Phasellus est ipsum, bibendum quis velit sit amet, tempus convallis nisl. Nullam a turpis semper, pretium quam pretium, fermentum erat.
design by Fable Fable


Code: 
[div=max-width:625px;margin:auto;margin-bottom:-30px;z-index:1;position:relative;
background: #3d4871; 
background: -moz-linear-gradient(left, #3d4871 0%, #3881c3 10%, #55c5ad 21%, #9cd757 30%, #e0ea2c 40%, #f0bd20 50%, #f46d4c 60%, #f03560 71%, #912959 80%, #53376c 90%, #adbce6 100%, #05abe0 100%); 
background: -webkit-linear-gradient(left, #3d4871 0%,#3881c3 10%,#55c5ad 21%,#9cd757 30%,#e0ea2c 40%,#f0bd20 50%,#f46d4c 60%,#f03560 71%,#912959 80%,#53376c 90%,#adbce6 100%,#05abe0 100%); 
background: linear-gradient(to right, #3d4871 0%,#3881c3 10%,#55c5ad 21%,#9cd757 30%,#e0ea2c 40%,#f0bd20 50%,#f46d4c 60%,#f03560 71%,#912959 80%,#53376c 90%,#adbce6 100%,#05abe0 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d4871', endColorstr='#05abe0',GradientType=1 );
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size:50px;
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: rgba(255,255,255, 0.5);][font=Coiny]Header Rainbow[/font][/div][div=max-width:625px;height:525px;margin:auto;background:url('https://www.rpnation.com/media/rainbow.27642/full?d=1496540527') no-repeat; background-size:cover; border:3px solid #fff;padding:30px;
border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
-webkit-border-radius: 50px 50px 50px 50px;][div=background-color:rgba(255,255,255, 0.8);padding:20px;height:490px;
border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
-webkit-border-radius: 50px 50px 50px 50px;][div=height:470px;overflow:auto;padding:10px;text-align:justify;color#000;]This is a tip-of-the-hat for June Pride Month.  This text box is a scroll overflow.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada orci nec odio dictum blandit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce vulputate consectetur venenatis. Nulla interdum ligula ut nisl viverra, id pulvinar ante aliquam. Suspendisse lobortis suscipit elementum. Nulla tincidunt, ex quis semper finibus, erat lectus pharetra dui, et efficitur massa elit a diam. Donec urna arcu, vehicula et neque at, rhoncus euismod nisi. Vivamus gravida eu ante non sagittis. Donec a sapien nec augue tincidunt eleifend ac ac metus. Mauris neque orci, bibendum a pharetra a, rhoncus eu metus. Vivamus eget suscipit felis.

Donec eget dolor non est tincidunt iaculis vel sit amet orci. Donec mollis maximus orci, nec faucibus quam egestas vel. Fusce rhoncus vitae sem vel molestie. Nulla at porttitor magna, sed pellentesque arcu. Nam venenatis vitae ligula ut tempor. Ut luctus nisi et neque varius efficitur. Nulla accumsan viverra eros quis maximus. Nullam venenatis orci sit amet orci congue lobortis quis non eros. Donec vestibulum dolor sed bibendum pellentesque. Nam id mollis ligula, in congue nisl. Cras et sapien lacus. Donec egestas vulputate dictum. Nam ultrices quis sem vel commodo. Suspendisse consectetur mi aliquet tincidunt accumsan. Phasellus est ipsum, bibendum quis velit sit amet, tempus convallis nisl. Nullam a turpis semper, pretium quam pretium, fermentum erat.[/div][/div][div=font-size:10px;color:white;opacity:0.2;padding-top:5px]design by [USER=39545][color=white]@Fyuri[/color][/USER][/div][/div]
 
Style/Theme: Japan
Palette: Black, White, Red
RP Project: N/A
Quirks: Mobile-ish friendly. Looks best in browsers.
Notes: -
FREE TO USE WITH CREDIT
Do not remove credit from design.


.
Header 花

This text area will automatically adjust.

Lorem ipsum habitant massa tomodachi eros natsukomi per shibari vehicula porta interdum desu desu ne desu dictumst, ligula quisque desu ne amet desu velit volutpat desu ne quis doujinshi shimapan desu ne tempus tellus. Nisi dojo desu ne ut yakiniku orci, id desu ne onigiri hana congue, mattis vulputate densha desu ne. Dolor luctus sociosqu densha uma kawaii phasellus, desu ne aenean eros bibendum okonomiyaki desu, desu ne per vestibulum mattis natsukomi.

Dictum ut desu viverra elit desu ne ecchi desu euismod a urusai, id dolor desu ne sugoi oppai semper gravida hentai shinobi, iaculis urusai condimentum desu tempor desu ne tristique kimono sem. Desu ne sempai desu ne nisl vivamus shinobi potenti konnichiwa kimono sugoi dictum, pantsu manga desu ligula metus ut kawaii pharetra. Hentai desu nunc sempai desu ne dictum vehicula netus, desu desu ne est shimapan desu ne consequat desu, diam tortor vulputate desu ne litora libero.
design by Fable Fable


Code: 
[div=width:100%;background:url('https://www.rpnation.com/media/arches.27363/full?d=1495661067') repeat;][div=max-width:611px;margin:auto;border-left:5px solid #f2f2f2;border-right:5px solid #f2f2f2;][div=height:538px;width:100%;color:transparent; background:url('https://www.rpnation.com/media/japan001.27659/full?d=1496604236') no-repeat;background-size:cover;background-position:center;-webkit-box-shadow: 0px 0px 25px 0px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 25px 0px rgba(255,255,255,1);
box-shadow: 0px 0px 25px 0px rgba(255,255,255,1);].
[/div][div=background-color:#fff;padding:15px;line-height:20px; text-align:justify;color#000;][div=font-size:3em;margin-bottom:-5px;color:#000;text-shadow: 2px 2px 0px #FF0000;][font=Kaushan Script]Header 花[/font][/div]
[font=Abel]This text area will automatically adjust.

Lorem ipsum habitant massa tomodachi eros natsukomi per shibari vehicula porta interdum desu desu ne desu dictumst, ligula quisque desu ne amet desu velit volutpat desu ne quis doujinshi shimapan desu ne tempus tellus. Nisi dojo desu ne ut yakiniku orci, id desu ne onigiri hana congue, mattis vulputate densha desu ne. Dolor luctus sociosqu densha uma kawaii phasellus, desu ne aenean eros bibendum okonomiyaki desu, desu ne per vestibulum mattis natsukomi.

Dictum ut desu viverra elit desu ne ecchi desu euismod a urusai, id dolor desu ne sugoi oppai semper gravida hentai shinobi, iaculis urusai condimentum desu tempor desu ne tristique kimono sem. Desu ne sempai desu ne nisl vivamus shinobi potenti konnichiwa kimono sugoi dictum, pantsu manga desu ligula metus ut kawaii pharetra. Hentai desu nunc sempai desu ne dictum vehicula netus, desu desu ne est shimapan desu ne consequat desu, diam tortor vulputate desu ne litora libero.[/font][/div][div=background-color:#fff;][div=font-size:10px;opacity:0.3;color#000;]design by [USER=39545]@fyuri[/USER][/div][/div][/div][/div]
 
Palette: Mixed
RP Project: N/A
Quirks: Mobile-ish friendly.
Notes: Text area somewhat squished in mobile.
FREE TO USE WITH CREDIT
Do not remove credit from design.


asd
Lorem ipsum malesuada sodales adipiscing sapien rhoncus morbi quisque, egestas curabitur pellentesque sagittis maecenas molestie habitasse iaculis lacus, potenti nulla malesuada viverra massa sodales lobortis. Sollicitudin varius rutrum sapien venenatis vestibulum euismod, laoreet rutrum neque varius praesent, luctus sapien quisque facilisis est. Sapien inceptos suscipit eros id nisl, cursus interdum ligula per. Auctor enim hendrerit vel elit gravida dolor malesuada pretium, nam vitae volutpat suspendisse torquent tristique.

Lorem ipsum pharetra venenatis urna aptent curabitur proin ornare mi tempor, curae ornare in semper aliquam praesent tempor duis eleifend, turpis lorem placerat neque mauris venenatis etiam curabitur sem. Per elementum ornare nulla scelerisque fames sapien primis vulputate quisque felis, quisque varius dapibus nunc curabitur etiam blandit cubilia aptent condimentum, himenaeos ultricies orci commodo etiam ut est aenean mollis. Semper ut etiam facilisis pulvinar dui, gravida aliquam semper.

Lorem ipsum laoreet ad suspendisse nunc mattis pellentesque purus nec, quam pellentesque euismod augue venenatis vel tellus. Nec porta conubia fames ultrices class nisi tristique gravida, quam lacus molestie eros sapien maecenas nec, conubia maecenas lectus in integer tristique aliquam. Metus donec interdum massa nisi condimentum lectus rhoncus, dolor velit cras congue molestie augue, elit litora libero mollis amet quam.

Lorem ipsum ornare dictumst nisi blandit adipiscing vulputate proin, vivamus lorem blandit tortor velit tellus morbi, malesuada ante dapibus quam iaculis eu in. Tellus morbi litora taciti suspendisse nibh imperdiet elit class donec, convallis aenean nisl duis platea dui dictumst nunc morbi, tempor fermentum curabitur fermentum faucibus fusce morbi neque. Nunc erat rhoncus cursus iaculis aliquet aenean, habitant tincidunt fermentum malesuada.
design/code by Fable Fable


Code: 
[div=max-width:700px;margin:auto;][div=background-color:#ccc;overflow:hidden;][div=position:relative;min-height:500px; width:880px;border-bottom:20px solid #4f5d75;transform-origin: 10px 525px;transform:rotate(323deg) scale(1,1);background-color:#2d3142; ]asd[/div][div=padding:50px;][div=position:relative;padding:20px;margin-top:-525px;background-color:#fff;border:5px solid #ef8354;min-height:500px;text-align:justify;]Lorem ipsum malesuada sodales adipiscing sapien rhoncus morbi quisque, egestas curabitur pellentesque sagittis maecenas molestie habitasse iaculis lacus, potenti nulla malesuada viverra massa sodales lobortis. Sollicitudin varius rutrum sapien venenatis vestibulum euismod, laoreet rutrum neque varius praesent, luctus sapien quisque facilisis est. Sapien inceptos suscipit eros id nisl, cursus interdum ligula per. Auctor enim hendrerit vel elit gravida dolor malesuada pretium, nam vitae volutpat suspendisse torquent tristique.

Lorem ipsum pharetra venenatis urna aptent curabitur proin ornare mi tempor, curae ornare in semper aliquam praesent tempor duis eleifend, turpis lorem placerat neque mauris venenatis etiam curabitur sem. Per elementum ornare nulla scelerisque fames sapien primis vulputate quisque felis, quisque varius dapibus nunc curabitur etiam blandit cubilia aptent condimentum, himenaeos ultricies orci commodo etiam ut est aenean mollis. Semper ut etiam facilisis pulvinar dui, gravida aliquam semper.

Lorem ipsum laoreet ad suspendisse nunc mattis pellentesque purus nec, quam pellentesque euismod augue venenatis vel tellus. Nec porta conubia fames ultrices class nisi tristique gravida, quam lacus molestie eros sapien maecenas nec, conubia maecenas lectus in integer tristique aliquam. Metus donec interdum massa nisi condimentum lectus rhoncus, dolor velit cras congue molestie augue, elit litora libero mollis amet quam.

Lorem ipsum ornare dictumst nisi blandit adipiscing vulputate proin, vivamus lorem blandit tortor velit tellus morbi, malesuada ante dapibus quam iaculis eu in. Tellus morbi litora taciti suspendisse nibh imperdiet elit class donec, convallis aenean nisl duis platea dui dictumst nunc morbi, tempor fermentum curabitur fermentum faucibus fusce morbi neque. Nunc erat rhoncus cursus iaculis aliquet aenean, habitant tincidunt fermentum malesuada.[/div][/div][div=padding:5px;opacity:0.2;font-size:10px;color:#000;margin-top:-15px;]design/code by @fyuri[/div][/div][/div]
 
Project: Interest check
Quirks: Not mobile friendly.
NOT FREE TO USE

Not Free To Use
Not Free To Use
Not Free To Use


Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur rutrum ac est in vestibulum. Maecenas posuere, risus vel pharetra imperdiet, nisl diam porta mi, a mollis tortor urna a ipsum. Aliquam erat volutpat. Aenean sit amet accumsan mauris. Ut vel libero scelerisque leo tincidunt pretium a non risus. Fusce imperdiet elementum tincidunt. Donec odio odio, sagittis et justo sit amet, tristique pellentesque lectus.

Morbi laoreet, sem vel suscipit vestibulum, nunc tellus gravida ex, id pellentesque dolor tellus ac urna. Sed et semper quam. Integer ornare molestie sollicitudin. Morbi imperdiet diam dolor. Curabitur id porttitor turpis. Aliquam porta nec mi a posuere. Morbi elementum consequat odio, sed pulvinar sapien volutpat vitae. Nulla orci lacus, lobortis pretium sem non, laoreet pharetra ipsum. Nulla viverra facilisis cursus. Mauris interdum lectus nisi, vel hendrerit nisi eleifend sed. Duis ac hendrerit erat.

simple_string_divider_by_superior_stan-d8ubr95.png

Header


Ut at ante eleifend sapien ornare semper. Integer imperdiet ex quis faucibus efficitur. Fusce purus magna, rhoncus eget maximus sed, dapibus vel libero. Praesent vel blandit urna. Nullam interdum ante ut est porttitor, et iaculis nisl convallis. Aliquam id nunc nulla. Sed eget laoreet tortor. Aliquam sit amet sodales mi, suscipit molestie leo. Mauris suscipit mauris mi, vel luctus urna ultrices et. Duis orci lacus, maximus sit amet magna nec, fermentum dapibus eros. Curabitur interdum ex tortor, imperdiet accumsan urna sagittis non.

simple_string_divider_by_superior_stan-d8ubr95.png

Header


Vivamus a velit quis libero imperdiet condimentum viverra vel odio. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed pellentesque pulvinar lectus ut vehicula. Nullam ut est at erat ultrices aliquam quis non velit. Morbi eu dui in massa consequat sodales eget a nibh. Etiam eget rhoncus ligula, at tincidunt urna. Vestibulum ac ligula id lorem porttitor ultricies at quis diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam vitae sagittis nunc. Proin condimentum lacus vitae sapien vehicula, ut laoreet velit feugiat. Nam iaculis massa a est placerat, vitae feugiat lectus consequat. Morbi molestie magna urna, non eleifend magna interdum sed. Etiam pretium, nisi in egestas imperdiet, arcu quam commodo metus, in lacinia lacus orci a elit.
code/design by Fable Fable . not free to use.
 
Project: N/A
Quirks: Not mobile friendly.
Notes: Minimal scrollbar
FREE TO USE WITH CREDIT
Do not remove credit from design.


Header
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum placerat tincidunt. Donec vel arcu quis enim facilisis facilisis. Morbi pretium libero sed ex iaculis gravida. In dignissim sapien nec scelerisque ultrices. Aenean sagittis rhoncus ipsum ac dignissim. Nullam mollis est commodo magna maximus, a molestie nunc vulputate. Morbi pretium enim tellus, in finibus diam venenatis non. Sed in sem eu magna elementum semper. Donec viverra cursus lectus, eget scelerisque lectus. Sed malesuada fringilla massa, eu iaculis diam. Vestibulum auctor ultrices dui. Suspendisse malesuada sed enim quis tristique.

Nullam finibus sem orci, non pellentesque neque viverra eget. Donec ex arcu, suscipit et sapien at, cursus sagittis nibh. Suspendisse congue imperdiet suscipit. Nunc eget faucibus nunc. Integer malesuada in urna sed placerat. In hac habitasse platea dictumst. Nullam pulvinar mattis tellus in finibus. Cras mauris magna, suscipit sit amet libero et, accumsan efficitur orci.

Fusce nec mollis risus, vitae iaculis leo. Sed eget ullamcorper orci, in vestibulum risus. Cras metus ipsum, luctus vitae dolor sit amet, gravida interdum purus. Curabitur eleifend ultrices augue, ac posuere ligula porta nec. Etiam eget facilisis magna. Nam sed condimentum libero. Fusce eu diam sed elit feugiat luctus at eget mi. Mauris faucibus turpis vel eros pretium, at vehicula mi fringilla. Curabitur quam lectus, rutrum a ante ac, mollis cursus sapien. Etiam varius maximus velit, sed tristique lectus malesuada quis. Nulla eu sollicitudin metus, sed efficitur mi. Phasellus sodales dolor in mollis pulvinar. Nulla eget neque in magna congue rutrum. Fusce et sem feugiat, vulputate nisi id, aliquam risus.

Morbi condimentum urna vel lacus mollis posuere. Nunc libero tortor, placerat in dictum non, vulputate scelerisque nunc. Nunc non varius odio. Aliquam facilisis, mi in mollis consectetur, nunc nunc laoreet arcu, in vehicula magna nunc ac justo. Pellentesque facilisis sit amet orci aliquet malesuada. Pellentesque lobortis ipsum eget tincidunt fringilla. Donec turpis justo, ornare a pulvinar quis, consequat in metus. Nulla congue metus venenatis dui iaculis, eget rutrum odio finibus. Curabitur hendrerit enim ac ipsum interdum, et semper metus ultricies. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean elementum lorem ut ornare cursus. Suspendisse eros velit, fermentum nec pharetra nec, laoreet in orci. Duis luctus eu neque at gravida.

Proin eu maximus elit. Nullam iaculis nisi ornare lectus blandit, eget venenatis lacus consequat. Curabitur facilisis ligula sed nisl fermentum, pharetra commodo nisl posuere. Curabitur sagittis quam nec venenatis finibus. Sed quis facilisis nulla, et lacinia ante. Donec interdum non justo sit amet imperdiet. Vivamus cursus justo vel diam lobortis dapibus. Morbi varius enim vel augue molestie, ac sodales dolor mollis.
code/design by Fable Fable


Code: 
[div=width:610px; height:763px;margin:auto;background:url('https://www.rpnation.com/media/tumblr_o1mrkfcbdj1s341bko1_1280.28646/full?d=1499629170');background-size:cover;border:1px solid #000;display: flex;
  align-items: center;][div=background:rgba(255,255,255, 0.8);width:550px;height:700px;margin:auto;border:1px solid #fff;][div=position:relative;overflow:hidden;width:550px;height:700px;margin:auto;][div=position:absolute;top:0;left:0;width:552px;height:690px;overflow:auto;padding:5px;][div=display:inline;color:#000;font-size:35px;text-shadow: 2px 2px 0px #FFFFFF;][font=Happy Monkey]Header[/font][/div][div=text-align:justify;color#000;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum placerat tincidunt. Donec vel arcu quis enim facilisis facilisis. Morbi pretium libero sed ex iaculis gravida. In dignissim sapien nec scelerisque ultrices. Aenean sagittis rhoncus ipsum ac dignissim. Nullam mollis est commodo magna maximus, a molestie nunc vulputate. Morbi pretium enim tellus, in finibus diam venenatis non. Sed in sem eu magna elementum semper. Donec viverra cursus lectus, eget scelerisque lectus. Sed malesuada fringilla massa, eu iaculis diam. Vestibulum auctor ultrices dui. Suspendisse malesuada sed enim quis tristique.

Nullam finibus sem orci, non pellentesque neque viverra eget. Donec ex arcu, suscipit et sapien at, cursus sagittis nibh. Suspendisse congue imperdiet suscipit. Nunc eget faucibus nunc. Integer malesuada in urna sed placerat. In hac habitasse platea dictumst. Nullam pulvinar mattis tellus in finibus. Cras mauris magna, suscipit sit amet libero et, accumsan efficitur orci.

Fusce nec mollis risus, vitae iaculis leo. Sed eget ullamcorper orci, in vestibulum risus. Cras metus ipsum, luctus vitae dolor sit amet, gravida interdum purus. Curabitur eleifend ultrices augue, ac posuere ligula porta nec. Etiam eget facilisis magna. Nam sed condimentum libero. Fusce eu diam sed elit feugiat luctus at eget mi. Mauris faucibus turpis vel eros pretium, at vehicula mi fringilla. Curabitur quam lectus, rutrum a ante ac, mollis cursus sapien. Etiam varius maximus velit, sed tristique lectus malesuada quis. Nulla eu sollicitudin metus, sed efficitur mi. Phasellus sodales dolor in mollis pulvinar. Nulla eget neque in magna congue rutrum. Fusce et sem feugiat, vulputate nisi id, aliquam risus.

Morbi condimentum urna vel lacus mollis posuere. Nunc libero tortor, placerat in dictum non, vulputate scelerisque nunc. Nunc non varius odio. Aliquam facilisis, mi in mollis consectetur, nunc nunc laoreet arcu, in vehicula magna nunc ac justo. Pellentesque facilisis sit amet orci aliquet malesuada. Pellentesque lobortis ipsum eget tincidunt fringilla. Donec turpis justo, ornare a pulvinar quis, consequat in metus. Nulla congue metus venenatis dui iaculis, eget rutrum odio finibus. Curabitur hendrerit enim ac ipsum interdum, et semper metus ultricies. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean elementum lorem ut ornare cursus. Suspendisse eros velit, fermentum nec pharetra nec, laoreet in orci. Duis luctus eu neque at gravida.

Proin eu maximus elit. Nullam iaculis nisi ornare lectus blandit, eget venenatis lacus consequat. Curabitur facilisis ligula sed nisl fermentum, pharetra commodo nisl posuere. Curabitur sagittis quam nec venenatis finibus. Sed quis facilisis nulla, et lacinia ante. Donec interdum non justo sit amet imperdiet. Vivamus cursus justo vel diam lobortis dapibus. Morbi varius enim vel augue molestie, ac sodales dolor mollis.[/div][/div][/div][/div][/div][div=width:610px;margin:auto;opacity:0.5;font-size:10px;]code/design by [USER=39545]@Fyuri[/USER][/div]
 
Project: N/A
Quirks: Mobile friendly.
Notes: Hidden scrollbar.
FREE TO USE WITH CREDIT
Do not remove credit from design.




.
This has a hidden scrollbar. You can easily change the color behind the circle image [background-color:#ccc;] with your choice, just swap the ccc with a hexadecimal color code.

To change the image in the circle, put your image of choice - which may need altering as this was set up for 200x200 image - here [background: url(http://via.placeholder.com/200x200)]. Simply replace the URL with what you want.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel interdum arcu. Curabitur vel viverra odio. Morbi vitae eros erat. Curabitur ultricies felis vitae eros pharetra, ac blandit odio blandit. Morbi at tortor nisi. Nunc et leo dui. Pellentesque non malesuada velit, sed lacinia ligula. Aenean fringilla porta ante, a auctor arcu bibendum in. Fusce elit est, auctor vitae justo sit amet, consequat sodales elit. Fusce tempor scelerisque ligula nec sodales. Ut bibendum enim nec neque pharetra viverra. Quisque sit amet fermentum libero. Proin aliquet aliquet est, vel molestie arcu laoreet in. Quisque luctus, augue sed vehicula ullamcorper, ex tortor rutrum augue, quis rutrum risus leo at metus.

Integer luctus ac quam eget tempus. Mauris vehicula, eros ut vulputate gravida, dui lorem laoreet risus, non tempor erat dui ut lectus. In quis viverra dolor, sed lobortis arcu. Integer ac ex sollicitudin, fermentum ex at, blandit nisi. Aliquam efficitur lacus ac risus rhoncus, varius imperdiet nulla egestas. Quisque placerat dui imperdiet, viverra eros eget, gravida nunc. Nulla lacinia sapien ac libero ultrices lacinia.

(scroll for more)
code/design by Fable Fable​

Code: 
[div=width:300px;height:500px;margin:auto;border-radius:15px;border:1px solid #BAC2CE;overflow:hidden;]
[div=background-color:#ccc; border-top-left-radius: 14px; border-top-right-radius: 14px;height:140px;margin-top:-20px;]
[div=position:relative;border-radius: 50%;background: url(http://via.placeholder.com/200x200) no-repeat;background-position:center center;width: 200px; height: 200px;margin:auto;border:1px solid white;][div=display:none;].[/div][/div][div=position:relative;overflow:hidden;width:300px;height:277px][div=position:absolute;top:0;left:0;width:307px;height:275px;overflow:auto;padding:5px;text-align:justify;font-size:12px;line-height:20px;]This has a hidden scrollbar.  You can easily change the color behind the circle image [background-color:#ccc;] with your choice, just swap the ccc with a hexadecimal color code.

To change the image in the circle, put your image of choice - which may need altering as this was set up for 200x200 image - here [background: url(http://via.placeholder.com/200x200)].  Simply replace the URL with what you want.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel interdum arcu. Curabitur vel viverra odio. Morbi vitae eros erat. Curabitur ultricies felis vitae eros pharetra, ac blandit odio blandit. Morbi at tortor nisi. Nunc et leo dui. Pellentesque non malesuada velit, sed lacinia ligula. Aenean fringilla porta ante, a auctor arcu bibendum in. Fusce elit est, auctor vitae justo sit amet, consequat sodales elit. Fusce tempor scelerisque ligula nec sodales. Ut bibendum enim nec neque pharetra viverra. Quisque sit amet fermentum libero. Proin aliquet aliquet est, vel molestie arcu laoreet in. Quisque luctus, augue sed vehicula ullamcorper, ex tortor rutrum augue, quis rutrum risus leo at metus.

Integer luctus ac quam eget tempus. Mauris vehicula, eros ut vulputate gravida, dui lorem laoreet risus, non tempor erat dui ut lectus. In quis viverra dolor, sed lobortis arcu. Integer ac ex sollicitudin, fermentum ex at, blandit nisi. Aliquam efficitur lacus ac risus rhoncus, varius imperdiet nulla egestas. Quisque placerat dui imperdiet, viverra eros eget, gravida nunc. Nulla lacinia sapien ac libero ultrices lacinia.[/div][/div]
[/div][/div][div=width:300px;margin:auto;font-size:10px;margin-top:3px;opacity:0.5][center](scroll for more)
code/design by [USER=39545]@Fyuri[/USER][/center][/div]
 
Project: N/A
Quirks: Not Mobile Friendly.
Notes: Minimal Scrollbar
FREE TO USE WITH CREDIT
Do not remove credit from design.


Header
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vulputate pellentesque dui ut ultrices. Nulla lobortis, risus nec malesuada euismod, quam tortor bibendum risus, non iaculis nibh diam nec urna. Suspendisse non sem id ipsum suscipit mollis ut nec quam. Morbi sagittis sapien eget risus convallis, at dictum turpis volutpat. Mauris ac convallis ante. Maecenas rutrum nulla et feugiat rhoncus. Donec at nisi consequat, porttitor nisi sed, consectetur nisl. Mauris ac erat in est lacinia ultricies eu non massa.

Suspendisse iaculis nunc eu diam fringilla consectetur. Sed rutrum euismod tortor, sed porta felis hendrerit rhoncus. Donec maximus molestie massa sed placerat. Integer nec diam vehicula, laoreet massa facilisis, pretium ipsum. Aliquam sed accumsan diam, et cursus leo. Interdum et malesuada fames ac ante ipsum primis in faucibus. In quis bibendum justo. Sed vehicula lacinia ex et elementum. Proin et massa porttitor, condimentum erat eu, accumsan magna. Nam ut purus feugiat magna egestas cursus. Nam laoreet maximus risus vitae sollicitudin. Suspendisse potenti. Sed justo leo, congue congue sem a, mattis mattis ante. Nullam nec odio ac diam elementum laoreet a nec neque. Ut maximus quam vitae felis efficitur faucibus. Etiam suscipit sit amet lacus id viverra.

Integer mollis varius arcu. Quisque feugiat dui sed posuere malesuada. Pellentesque euismod nec libero a mattis. Praesent tempor, augue in vulputate eleifend, est ante tempus erat, et viverra neque magna at sapien. In vitae orci nec lacus semper fermentum lacinia sed elit. Praesent sed lorem dui. Integer arcu lectus, venenatis ut tempor sit amet, laoreet non lorem. Aenean ultrices finibus mattis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam convallis ornare mi, ac luctus metus convallis et.
code/design by Fable Fable


Code: 
[div=max-width:1000px;max-height:548px;margin:auto;overflow:hidden;border:2px solid black;][div=background:url('https://www.rpnation.com/media/eastmeetswest2.28901/full?d=1500214149') no-repeat; background-size:1000px 548px;][div=position:relative;][div=position:absolute;top:0px;left:400px;z-index:3;color:#fff;font-size:50px;text-shadow: 5px 5px 0px #000000;text-transform:uppercase;][font=Freckle Face]Header[/font][/div][/div][div=position:relative;width:358px;margin-left:35px;background:rgba(255,255,255, 0.7);overflow:hidden;][div=height:530px;width:350px;overflow:auto;padding:10px;text-align:justify;][color=Black]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vulputate pellentesque dui ut ultrices. Nulla lobortis, risus nec malesuada euismod, quam tortor bibendum risus, non iaculis nibh diam nec urna. Suspendisse non sem id ipsum suscipit mollis ut nec quam. Morbi sagittis sapien eget risus convallis, at dictum turpis volutpat. Mauris ac convallis ante. Maecenas rutrum nulla et feugiat rhoncus. Donec at nisi consequat, porttitor nisi sed, consectetur nisl. Mauris ac erat in est lacinia ultricies eu non massa.

Suspendisse iaculis nunc eu diam fringilla consectetur. Sed rutrum euismod tortor, sed porta felis hendrerit rhoncus. Donec maximus molestie massa sed placerat. Integer nec diam vehicula, laoreet massa facilisis, pretium ipsum. Aliquam sed accumsan diam, et cursus leo. Interdum et malesuada fames ac ante ipsum primis in faucibus. In quis bibendum justo. Sed vehicula lacinia ex et elementum. Proin et massa porttitor, condimentum erat eu, accumsan magna. Nam ut purus feugiat magna egestas cursus. Nam laoreet maximus risus vitae sollicitudin. Suspendisse potenti. Sed justo leo, congue congue sem a, mattis mattis ante. Nullam nec odio ac diam elementum laoreet a nec neque. Ut maximus quam vitae felis efficitur faucibus. Etiam suscipit sit amet lacus id viverra.

Integer mollis varius arcu. Quisque feugiat dui sed posuere malesuada. Pellentesque euismod nec libero a mattis. Praesent tempor, augue in vulputate eleifend, est ante tempus erat, et viverra neque magna at sapien. In vitae orci nec lacus semper fermentum lacinia sed elit. Praesent sed lorem dui. Integer arcu lectus, venenatis ut tempor sit amet, laoreet non lorem. Aenean ultrices finibus mattis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam convallis ornare mi, ac luctus metus convallis et.[/color][/color][/div][/div][/div][/div][div=max-width:1000px;max-height:548px;margin:auto;font-size:10px;opacity:0.5;]code/design by [USER=39545]@Fyuri[/USER][/div]
 
Project: For Mx.Trinity Mx.Trinity
Quirks: Mobile-ish friendly.
NOT FREE TO USE

Not Free To Use
Not Free To Use
Not Free To Use

Header
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras imperdiet lectus arcu, ut pretium ex molestie sit amet. Vestibulum tempus rutrum metus, vitae mattis ligula accumsan id. Praesent et velit varius, faucibus ligula sed, commodo risus. Sed nunc justo, suscipit non libero id, mattis accumsan mi. Aliquam aliquam elementum purus, et lacinia nulla rhoncus ac. Nam ultrices eros fringilla lobortis bibendum. Duis convallis, diam sed rutrum volutpat, risus mi aliquet orci, id volutpat nibh ipsum eget massa. Aenean et lorem sed erat sagittis vulputate et sit amet lacus. Sed tristique enim a tempor convallis. Duis sit amet posuere justo.

Sed luctus in nibh a ultrices. Cras a viverra mi. Curabitur urna risus, vestibulum sed consectetur id, tempor in ex. Donec ut arcu pulvinar, pulvinar lorem sed, condimentum purus. Donec fringilla lacus scelerisque, efficitur metus non, varius urna. Integer mattis dui sed nulla venenatis, ac fermentum augue eleifend. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Curabitur cursus, felis et dictum accumsan, nisi mauris tincidunt risus, et mollis metus metus sed sem. Vestibulum at ipsum nisi. Donec ultrices magna ut molestie euismod. Suspendisse mi massa, finibus non est vel, tempor scelerisque ex. Ut interdum mauris ac enim porttitor, non laoreet risus fermentum. Vestibulum vitae neque maximus, tempus tortor at, ultricies sem. Nullam a arcu a eros tempor vestibulum. Ut non arcu semper, dapibus metus non, blandit ex. Aliquam id nibh sagittis, ultrices risus egestas, sollicitudin justo. Nunc at egestas nisl, ac posuere diam. In consectetur pharetra tincidunt. Phasellus aliquam varius sagittis. Nulla in fringilla diam. Mauris finibus sodales quam sed efficitur.
code/design by Fable Fable
 
Project: SMITED
Notes: Mobile Friendly
NOT FREE TO USE

Not Free To Use
Not Free To Use
Not Free To Use

SMITED
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc auctor tincidunt venenatis. Fusce nec nulla sed arcu blandit tincidunt. Quisque nisl nisl, cursus sit amet nisl eget, congue commodo lectus. Donec eget leo eu dui molestie aliquet. Etiam id elementum ex, sed sollicitudin nunc. Aliquam convallis, nisl eleifend lobortis molestie, est dui venenatis lectus, ac ornare erat velit non dolor. Maecenas varius at libero et porta.

Donec id rhoncus metus. Curabitur nec elit nec eros sollicitudin dictum vel vitae justo. Etiam dignissim porta efficitur. Ut ex sem, aliquet ac est vulputate, tincidunt tempor diam. Integer a tellus nisl. Sed a vestibulum mi. Donec quis rhoncus nunc. Quisque viverra pulvinar felis non interdum. Nullam at finibus erat.

Nunc sed aliquet nulla. Vestibulum maximus sapien a lorem tincidunt, sit amet sollicitudin libero egestas. Donec suscipit vitae lorem eget scelerisque. Donec ut lacinia elit, id eleifend sapien. Nullam felis mauris, faucibus nec maximus ut, aliquam nec turpis. Aliquam venenatis quis orci a ornare. Phasellus vestibulum velit hendrerit mauris congue dictum. In molestie vitae metus non sagittis. Aliquam scelerisque ex lectus, sit amet pulvinar eros ultrices quis. Maecenas sed metus a tellus mattis finibus. Proin tempus tellus eget mauris pretium condimentum. Nam efficitur est quis sodales pretium. Vivamus diam ligula, dapibus a turpis ac, varius pharetra sem. Cras urna velit, pulvinar nec mollis non, tempus vel tortor. Vestibulum faucibus, nisl et hendrerit aliquam, dui erat tincidunt dolor, id vulputate enim quam et nisi. Pellentesque augue massa, fringilla eget ullamcorper quis, lacinia et ligula.

Donec a metus eu urna bibendum dapibus sit amet ut nibh. Proin iaculis velit in eleifend condimentum. Quisque rhoncus, ex at pulvinar ornare, quam sapien condimentum erat, nec finibus velit arcu tincidunt turpis. Aenean ut molestie neque. Fusce eu tincidunt erat. Integer sapien lorem, mollis eu commodo venenatis, sagittis et est. Quisque dictum nisi non mauris malesuada placerat. Pellentesque posuere tellus sed felis tempor gravida. Integer non laoreet lectus, quis egestas sem. Vivamus cursus felis facilisis blandit placerat. Nunc congue non ipsum eu porta. Etiam ac nibh sit amet erat egestas dignissim. Aliquam dignissim porttitor felis scelerisque faucibus. Aliquam ex felis, interdum vitae ipsum elementum, rutrum elementum mauris. Cras consectetur sem quis arcu tristique feugiat. Proin sed ligula nisl.
 
Project: SMITED
Notes: Mobile Friendly
NOT FREE TO USE

Not Free To Use
Not Free To Use
Not Free To Use

SMITED
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque finibus ultrices mi, eu rutrum est rhoncus in. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc eros tortor, scelerisque non varius vitae, feugiat eu nunc. Cras et enim quis leo bibendum vulputate. Morbi id nunc porta, imperdiet magna vitae, elementum leo. Nulla nisi ipsum, pharetra a porttitor sed, vestibulum ut enim. Fusce rutrum et eros a posuere. Morbi blandit efficitur diam. Cras porta maximus iaculis. Aenean et leo sed orci ultrices viverra. Praesent porta dolor lectus, at fringilla tellus malesuada ac.
usal to work with the GM will result in being removed from the roleplay and you will not likely be allowed to return.

Header

Nam vulputate mi ac mauris lacinia, a ultrices elit pulvinar. Praesent enim augue, rhoncus efficitur fringilla ultricies, sagittis eu ex. Nunc eu tincidunt quam. Nullam placerat pretium neque. Aliquam tristique ultrices neque, eu ultricies sapien pretium vitae. Pellentesque feugiat pulvinar fermentum. Nullam vulputate risus eu dapibus aliquet. Sed vestibulum faucibus ligula. Vestibulum tincidunt enim sit amet euismod pharetra. Phasellus ac turpis id nulla dapibus molestie. Nullam dui magna, accumsan vel tortor imperdiet, egestas volutpat magna. Maecenas risus quam, dictum mollis elementum ut, tristique a leo. Quisque semper aliquam eleifend. Duis pulvinar sit amet massa et euismod.

Suspendisse potenti. Suspendisse sit amet viverra enim. In posuere magna ut elit tristique, eu varius mauris egestas. Integer dictum sem sed dui vestibulum, vel placerat dui elementum. Nunc id elit enim. Suspendisse pharetra tincidunt efficitur. Donec tempus pellentesque dui sed feugiat.

Sed dignissim ipsum eros, eu auctor quam accumsan a. Sed ultrices sodales leo in hendrerit. Proin non lacus vitae sem ullamcorper elementum. Fusce vehicula lectus ac ligula ornare, eget congue mauris viverra. Duis id dictum neque. Mauris sagittis lacinia scelerisque. Nunc auctor suscipit nisl sed placerat. Etiam molestie quam nec sapien cursus congue. Donec velit tortor, egestas ac est sed, commodo ullamcorper sem. Nam risus lorem, vulputate in elementum eu, gravida quis odio. Integer lacinia ante ante, nec finibus lacus vehicula at.

Donec pellentesque risus quis orci porttitor, a eleifend turpis maximus. Mauris faucibus molestie libero eu mattis. Aliquam rhoncus nibh sit amet accumsan consequat. Fusce varius est id mauris rhoncus, quis vulputate nisl vehicula. Nulla in eros vel risus hendrerit volutpat ut id sapien. Donec id est id ante congue placerat. Phasellus bibendum enim vitae justo placerat lobortis. Proin accumsan, urna convallis mattis tristique, lacus tellus tristique felis, ut ornare mi mi et nibh. Nunc porttitor felis felis, eget posuere sem suscipit et. Proin nec urna sed est imperdiet semper. Nullam ornare diam et quam commodo, quis vestibulum arcu congue. Nunc tincidunt lorem sapien, at porttitor orci accumsan pellentesque. Duis interdum arcu quis sem euismod, non viverra mi convallis.
 
Project: N/A
Notes: Mobile Friendly
FREE TO USE WITH CREDIT
Do not remove credit from design.

186N6co.png
Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lobortis ligula et nunc pretium, ac euismod elit convallis. Integer viverra facilisis tellus, quis egestas turpis imperdiet at. Mauris nec elit lobortis, pretium orci quis, mattis tellus. Pellentesque accumsan egestas tortor. Nam convallis, lacus et laoreet fermentum, lectus quam feugiat massa, vitae molestie ex neque ut ante. Donec et placerat dui. Sed ac odio vel erat sodales pharetra iaculis laoreet justo.

Integer luctus commodo faucibus. Duis euismod aliquet ex quis mattis. Ut gravida, dolor ac rhoncus facilisis, ligula lectus gravida nisl, eget interdum nunc sapien in magna. Phasellus sagittis dignissim nulla quis interdum. Nulla ut mollis metus. Suspendisse blandit rhoncus nibh, sed rhoncus est varius id. Sed id viverra erat. Suspendisse ut luctus turpis. Nullam efficitur iaculis nisi ac finibus.

Donec egestas magna at porta cursus. Integer et elementum magna, sed fermentum diam. Donec commodo dictum tellus, quis dictum libero finibus a. Duis venenatis tortor metus, id tincidunt lectus sollicitudin a. Ut dapibus diam sapien, nec vulputate ligula mattis sit amet. Morbi sollicitudin lobortis mi vitae viverra. Mauris a porta nunc. Integer efficitur est id tellus tincidunt lacinia. Phasellus odio tortor, convallis aliquam ligula sollicitudin, eleifend congue elit. Sed porta eros velit, sed ullamcorper turpis euismod a. Nam mattis suscipit fringilla. Maecenas orci ante, porta quis felis porttitor, egestas pulvinar risus. Morbi feugiat dui est, ut ultrices ex scelerisque a. Morbi pretium vel diam non ornare. Fusce vel consectetur dui, id efficitur felis.

Integer diam lectus, finibus non aliquam in, eleifend facilisis elit. Suspendisse ut accumsan nulla. Nulla sapien massa, imperdiet ultricies fermentum vel, eleifend in ipsum. Duis ex mauris, vulputate in risus eu, scelerisque mollis elit. Vestibulum ac condimentum tortor. Phasellus condimentum tellus vitae tempus laoreet. Vivamus laoreet fringilla leo, et ullamcorper nulla rutrum sit amet. Aliquam nisl ante, volutpat id urna in, fringilla vehicula dui. Sed euismod, velit at mollis elementum, nulla tortor iaculis sem, sit amet pharetra neque tellus vitae orci. Nulla velit diam, suscipit vitae eros in, porta luctus turpis. Vestibulum condimentum magna at pharetra sollicitudin.

Duis eu fermentum enim, in vestibulum nunc. Donec faucibus lobortis quam eu pulvinar. Proin vehicula et mi in rhoncus. Suspendisse potenti. Ut cursus ante eget velit consequat, at luctus nisl rutrum. Suspendisse tincidunt pulvinar aliquet. In sodales mollis mi, nec vehicula metus vulputate aliquam.
TmodWk9.png
design/code by Fable Fable


Code: 
[div=width:100%;min-height:500px;background: rgba(0,157,209,1);
background: -moz-linear-gradient(top, rgba(0,157,209,1) 0%, rgba(0,224,209,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,157,209,1)), color-stop(100%, rgba(0,224,209,1)));
background: -webkit-linear-gradient(top, rgba(0,157,209,1) 0%, rgba(0,224,209,1) 100%);
background: -o-linear-gradient(top, rgba(0,157,209,1) 0%, rgba(0,224,209,1) 100%);
background: -ms-linear-gradient(top, rgba(0,157,209,1) 0%, rgba(0,224,209,1) 100%);
background: linear-gradient(to bottom, rgba(0,157,209,1) 0%, rgba(0,224,209,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009dd1', endColorstr='#00e0d1', GradientType=0 );][div=width:80%;margin:auto;padding-top:50px;padding-bottom:50px;][div=width:100%;pointer-events:none;][img]http://i.imgur.com/186N6co.png[/img][/div][div=margin-top:-6px;background-color:#fff;color:#313131;padding:10px;text-align:justify;][div=display:inline;font-size:50px;text-shadow: 2px 2px 0px #009FD3;][font=Chewy]Header[/font][/div]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lobortis ligula et nunc pretium, ac euismod elit convallis. Integer viverra facilisis tellus, quis egestas turpis imperdiet at. Mauris nec elit lobortis, pretium orci quis, mattis tellus. Pellentesque accumsan egestas tortor. Nam convallis, lacus et laoreet fermentum, lectus quam feugiat massa, vitae molestie ex neque ut ante. Donec et placerat dui. Sed ac odio vel erat sodales pharetra iaculis laoreet justo.

Integer luctus commodo faucibus. Duis euismod aliquet ex quis mattis. Ut gravida, dolor ac rhoncus facilisis, ligula lectus gravida nisl, eget interdum nunc sapien in magna. Phasellus sagittis dignissim nulla quis interdum. Nulla ut mollis metus. Suspendisse blandit rhoncus nibh, sed rhoncus est varius id. Sed id viverra erat. Suspendisse ut luctus turpis. Nullam efficitur iaculis nisi ac finibus.

Donec egestas magna at porta cursus. Integer et elementum magna, sed fermentum diam. Donec commodo dictum tellus, quis dictum libero finibus a. Duis venenatis tortor metus, id tincidunt lectus sollicitudin a. Ut dapibus diam sapien, nec vulputate ligula mattis sit amet. Morbi sollicitudin lobortis mi vitae viverra. Mauris a porta nunc. Integer efficitur est id tellus tincidunt lacinia. Phasellus odio tortor, convallis aliquam ligula sollicitudin, eleifend congue elit. Sed porta eros velit, sed ullamcorper turpis euismod a. Nam mattis suscipit fringilla. Maecenas orci ante, porta quis felis porttitor, egestas pulvinar risus. Morbi feugiat dui est, ut ultrices ex scelerisque a. Morbi pretium vel diam non ornare. Fusce vel consectetur dui, id efficitur felis.

Integer diam lectus, finibus non aliquam in, eleifend facilisis elit. Suspendisse ut accumsan nulla. Nulla sapien massa, imperdiet ultricies fermentum vel, eleifend in ipsum. Duis ex mauris, vulputate in risus eu, scelerisque mollis elit. Vestibulum ac condimentum tortor. Phasellus condimentum tellus vitae tempus laoreet. Vivamus laoreet fringilla leo, et ullamcorper nulla rutrum sit amet. Aliquam nisl ante, volutpat id urna in, fringilla vehicula dui. Sed euismod, velit at mollis elementum, nulla tortor iaculis sem, sit amet pharetra neque tellus vitae orci. Nulla velit diam, suscipit vitae eros in, porta luctus turpis. Vestibulum condimentum magna at pharetra sollicitudin.

Duis eu fermentum enim, in vestibulum nunc. Donec faucibus lobortis quam eu pulvinar. Proin vehicula et mi in rhoncus. Suspendisse potenti. Ut cursus ante eget velit consequat, at luctus nisl rutrum. Suspendisse tincidunt pulvinar aliquet. In sodales mollis mi, nec vehicula metus vulputate aliquam.[/div][div=width:100%;pointer-events:none;][img]http://i.imgur.com/TmodWk9.png[/img][/div][/div][div=padding:5px;font-size:10px;opacity:0.3;][color=#fff]design/code by [USER=39545]@Fyuri[/USER][/color][/div][color=#fff][/color][/div][color=#fff][/color]
 
Project: N/A
Notes: Mobile Friendly
FREE TO USE WITH CREDIT
Do not remove credit from design.

Parallax Paradox
This is my attempt at a faux-parallax aesthetic. Unfortunately, this scrolling effect does not work on mobile. However, it is mobile friendly as the content is still legible. This doesn't give the full parallax experience, but it's similar on a basic level.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque leo in tellus feugiat, in tincidunt ipsum pharetra. Maecenas euismod dui ex, in mollis eros pretium non. Pellentesque ut arcu ut lorem iaculis sagittis. Sed varius egestas urna, et aliquet arcu cursus non. Nunc rutrum, turpis id laoreet gravida, augue purus vestibulum augue, tempus eleifend ex sem nec ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ut metus at dolor gravida eleifend. Ut pellentesque ante nibh, non volutpat odio malesuada et. Fusce mauris magna, semper in dui nec, pharetra sodales ex. Donec ut tempus arcu.

Aliquam semper scelerisque luctus. Donec ullamcorper nunc vitae rutrum tempor. Pellentesque ac venenatis risus. Aenean ac iaculis augue. Vestibulum quis nibh ex. In hac habitasse platea dictumst. Integer facilisis mi mi, ut tempor nibh dignissim ut. Curabitur vulputate erat at sapien condimentum pellentesque. Etiam fringilla elit vitae eleifend euismod. In in tellus orci.

Praesent ante nulla, viverra sit amet sem nec, pharetra fringilla urna. Aenean sem magna, tincidunt sed erat in, consequat vehicula risus. Aliquam ut tortor metus. Integer aliquet enim id pellentesque posuere. Nulla bibendum urna vel laoreet bibendum. Cras dignissim aliquet leo non lobortis. Mauris ultrices accumsan nunc, sed finibus odio feugiat id.
Text
Etiam ac laoreet sem, nec pulvinar leo. Morbi libero nulla, aliquet et pellentesque ac, varius in eros. Maecenas vulputate magna mi. Curabitur a nisl ipsum. In accumsan in urna ut blandit. Aliquam eget tincidunt enim, vitae dapibus mauris. Nam nibh turpis, bibendum vitae lorem id, varius condimentum nibh. Vivamus maximus tellus suscipit varius ultrices. Donec eget aliquam mi. Nunc quis egestas odio. Integer vel posuere risus, id tempus eros. Maecenas efficitur dapibus elit, a sagittis quam ullamcorper quis.

Vestibulum viverra egestas efficitur. Suspendisse semper interdum elit laoreet imperdiet. Cras felis magna, placerat non velit id, semper fermentum eros. Integer fermentum nec diam vel congue. Aenean sodales purus id mollis tempor. Proin egestas pulvinar tellus, vitae volutpat libero. Donec luctus cursus massa pellentesque porttitor. Phasellus fringilla turpis non hendrerit eleifend. Sed in justo dui. Proin quis eros urna. Duis vel nisi viverra, tincidunt sem non, faucibus leo.
Text
code/design by Fable Fable

Code: 
[div=position:relative;width:100%;min-height:400px;background:url('https://wallpaperscraft.com/image/sky_stars_background_points_85061_1920x1080.jpg') fixed;    background-position: center center; background-repeat: no-repeat; background-size: cover][div=position:absolute; top: 50%;left: 50%; transform: translate(-50%, -50%); background-color:rgba(255,255,255, 0.8);border:3px solid white;padding:20px;color:#656565;text-transform:uppercase;font-size:40px;text-align:center;][font=Share]Parallax Paradox[/font][/div][/div][div=background-color:transparent;text-align:justify;padding:20px 0px 20px 0px;][i]This is my attempt at a faux-parallax aesthetic.  Unfortunately, this scrolling effect does not work on mobile.  However, it is mobile friendly as the content is still legible.  This doesn't give the full parallax experience, but it's similar on a basic level.[/i]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque leo in tellus feugiat, in tincidunt ipsum pharetra. Maecenas euismod dui ex, in mollis eros pretium non. Pellentesque ut arcu ut lorem iaculis sagittis. Sed varius egestas urna, et aliquet arcu cursus non. Nunc rutrum, turpis id laoreet gravida, augue purus vestibulum augue, tempus eleifend ex sem nec ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ut metus at dolor gravida eleifend. Ut pellentesque ante nibh, non volutpat odio malesuada et. Fusce mauris magna, semper in dui nec, pharetra sodales ex. Donec ut tempus arcu.

Aliquam semper scelerisque luctus. Donec ullamcorper nunc vitae rutrum tempor. Pellentesque ac venenatis risus. Aenean ac iaculis augue. Vestibulum quis nibh ex. In hac habitasse platea dictumst. Integer facilisis mi mi, ut tempor nibh dignissim ut. Curabitur vulputate erat at sapien condimentum pellentesque. Etiam fringilla elit vitae eleifend euismod. In in tellus orci.

Praesent ante nulla, viverra sit amet sem nec, pharetra fringilla urna. Aenean sem magna, tincidunt sed erat in, consequat vehicula risus. Aliquam ut tortor metus. Integer aliquet enim id pellentesque posuere. Nulla bibendum urna vel laoreet bibendum. Cras dignissim aliquet leo non lobortis. Mauris ultrices accumsan nunc, sed finibus odio feugiat id.[/div][div=position:relative;width:100%;min-height:400px;background:url('https://wallpaperscraft.com/image/space_atlantis_nebula_star_103363_1920x1080.jpg') fixed;    background-position: center;  background-repeat: no-repeat; background-size: cover][div=position:absolute;top: 50%;left: 50%; transform: translate(-50%, -50%); background-color:rgba(255,255,255, 0.8);border:3px solid white;padding:20px;color:#656565;text-transform:uppercase;font-size:40px;text-align:center;][font=Share]Text[/font][/div][/div][div=background-color:transparent;text-align:justify;padding:20px 0px 20px 0px;]Etiam ac laoreet sem, nec pulvinar leo. Morbi libero nulla, aliquet et pellentesque ac, varius in eros. Maecenas vulputate magna mi. Curabitur a nisl ipsum. In accumsan in urna ut blandit. Aliquam eget tincidunt enim, vitae dapibus mauris. Nam nibh turpis, bibendum vitae lorem id, varius condimentum nibh. Vivamus maximus tellus suscipit varius ultrices. Donec eget aliquam mi. Nunc quis egestas odio. Integer vel posuere risus, id tempus eros. Maecenas efficitur dapibus elit, a sagittis quam ullamcorper quis.

Vestibulum viverra egestas efficitur. Suspendisse semper interdum elit laoreet imperdiet. Cras felis magna, placerat non velit id, semper fermentum eros. Integer fermentum nec diam vel congue. Aenean sodales purus id mollis tempor. Proin egestas pulvinar tellus, vitae volutpat libero. Donec luctus cursus massa pellentesque porttitor. Phasellus fringilla turpis non hendrerit eleifend. Sed in justo dui. Proin quis eros urna. Duis vel nisi viverra, tincidunt sem non, faucibus leo.[/div][div=position:relative;width:100%;min-height:400px;background:url('https://wallpaperscraft.com/image/galaxy_nebula_blurring_stars_65152_1920x1080.jpg') fixed;    background-position: center;  background-repeat: no-repeat;   background-size: cover][div=position:absolute;top: 50%;left: 50%; transform: translate(-50%, -50%); background-color:rgba(255,255,255, 0.8);border:3px solid white;padding:20px;color:#656565;text-transform:uppercase;font-size:40px;text-align:center;][font=Share]Text[/font][/div][/div][div=display:inline;width:100%;opacity:0.5;font-size:10px;]code/design by [USER=39545]@Fyuri[/USER][comment]DO NOT REMOVE/ALTER THIS CREDIT[/comment][/div]
 
Text | Menu | Text | Option | Text | Tagged | Text​
This is a very simple design concept meant to act like 'RP Tabs' where important information can easily located at the top of a post. The bar at the top can be used for whatever information you wish to host there; RP links, tags for RP posts, character locations, etc.

The simplicity of this design allows it to be very flexible. It works well in both browser and mobile devices, as well as across different themes. This also allows users to add their creative flair as well.

This version has a hidden scrollbar.

This design is free-to-use with credit. The credit is hidden, but even so, please do not remove it.

Code: 
[div=position:relative;height:600px;box-sizing: border-box;][div=position:relative;z-index:99;width:100%;background:none;-webkit-box-shadow: 0px 8px 5px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 8px 5px -4px rgba(0,0,0,0.75);
box-shadow: 0px 8px 5px -4px rgba(0,0,0,0.75);  display: flex;
  align-items: center;
  justify-content: center;][center][font=PT Sans]Text | Menu | Text | Option | Text | Tagged | Text[/font][/center][/div]
[div=position:realtive;margin-top:-20px;z-index:1;][div=width: calc(100%  - 10px);height:600px;overflow:hidden;padding-left:10px;][div=width:100%;height:580px;overflow:auto;text-align:justify;padding-right:50px;padding-top:5px;][i]This is a very simple design concept meant to act like 'RP Tabs' where important information can easily located at the top of a post.  The bar at the top can be used for whatever information you wish to host there; RP links, tags for RP posts, character locations, etc.

The simplicity of this design allows it to be very flexible.  It works well in both browser and mobile devices, as well as across different themes.  This also allows users to add their creative flair as well.

This version has a hidden scrollbar.

This design is free-to-use with credit.  The credit is hidden, but even so, please do not remove it.[/i]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer finibus rutrum finibus. Etiam id libero sagittis, tincidunt enim ut, porttitor massa. Nullam non interdum mi. Maecenas euismod sem rhoncus libero viverra porta. Integer elementum justo id nibh efficitur, eget efficitur nibh porta. Nullam ornare odio ut porta sagittis. Proin sollicitudin metus nibh, in dapibus nisl scelerisque sit amet.

Duis pulvinar libero lectus, nec molestie ipsum finibus in. Sed elit odio, tincidunt non elit nec, facilisis maximus augue. Nullam sit amet orci at lorem imperdiet suscipit eu id tellus. Etiam tempus hendrerit dolor et bibendum. Quisque erat neque, pharetra nec nibh vitae, fringilla egestas nisi. Cras eleifend, est in pulvinar bibendum, orci quam fringilla felis, vitae interdum lorem urna eget eros. Fusce enim purus, imperdiet nec quam nec, rhoncus ullamcorper nisi. Curabitur interdum mi vel ornare vulputate. Quisque porttitor ac purus at semper. Vivamus libero neque, lacinia a convallis quis, placerat at sem. Donec et pretium orci, sed luctus turpis. Etiam sed porta metus, in varius lorem. Nulla purus lacus, tristique vel volutpat vitae, pulvinar et elit. Integer finibus sit amet orci ac cursus. Aliquam viverra, est eget gravida eleifend, orci eros elementum velit, sed auctor sapien dolor in nibh.

Sed et metus et tortor mollis suscipit. Pellentesque a orci quis neque malesuada cursus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed a lorem eleifend, condimentum ex ut, dignissim nibh. Quisque bibendum eros ac nunc convallis ullamcorper. Integer metus tortor, ultrices ut risus vitae, sollicitudin blandit ipsum. Pellentesque scelerisque est at facilisis varius. Pellentesque fermentum mollis justo, ac mollis massa iaculis vitae. Proin tempus enim ut enim dictum iaculis. Curabitur rutrum felis eget porta congue. Suspendisse potenti. Aenean vel pulvinar purus.

Pellentesque vel lectus consectetur, fringilla nisl id, luctus massa. Nunc consectetur iaculis augue id facilisis. Vestibulum id consectetur nunc. Vivamus feugiat tempus nisi, ac egestas metus viverra id. Praesent lacinia mattis commodo. Nulla nec neque faucibus, consequat justo non, hendrerit libero. Cras facilisis vitae metus ac rutrum. Proin ut lobortis diam. Pellentesque velit est, dapibus id ultricies at, efficitur et erat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut at congue nunc, quis pulvinar justo. Morbi eu lorem nunc. Suspendisse tempus mauris magna, vitae iaculis nibh convallis vitae.

Pellentesque fringilla dolor in metus egestas suscipit. Donec mollis, felis sed sagittis hendrerit, nunc metus tincidunt libero, sit amet tempus ex ante nec orci. Sed hendrerit blandit felis sit amet malesuada. Vivamus aliquet elementum maximus. Suspendisse potenti. Proin arcu erat, volutpat eu vestibulum eget, efficitur vitae odio. Ut sodales ante augue. Nunc at est vitae libero feugiat pellentesque sit amet at mauris. Fusce odio odio, suscipit quis diam id, varius gravida sapien. Maecenas blandit mi vitae lacus sollicitudin, vel pulvinar dui mollis. Phasellus elementum, nulla non interdum pulvinar, nisl libero laoreet felis, ut cursus nisi nulla ac neque. Mauris nibh metus, varius sed cursus at, fringilla sed urna.

Duis faucibus dui non dolor finibus, sed interdum leo aliquam. Proin nisl eros, bibendum at accumsan ut, pretium nec nulla. Cras pulvinar consectetur leo vel pharetra. Nunc ut sapien ut ex hendrerit venenatis. Praesent rhoncus turpis dui, a eleifend quam ultrices at. Pellentesque ultrices dolor a ex finibus molestie. Donec dolor metus, luctus nec rhoncus at, fringilla efficitur nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed pretium lacus ut libero blandit, vestibulum pulvinar felis euismod.

Morbi eu augue vitae ante tincidunt consequat vitae sit amet velit. Etiam lobortis ultrices dignissim. Etiam porta metus vel laoreet finibus. Cras vehicula felis id egestas cursus. Duis sed ipsum dictum, hendrerit leo non, volutpat ante. Phasellus ut tellus id erat pulvinar rutrum sit amet in quam. Etiam eleifend massa at sapien facilisis imperdiet. Nulla quis varius purus. Nunc commodo sem vel ante consectetur, eget tincidunt nisl pretium. Suspendisse vehicula viverra finibus. Donec id leo luctus, egestas urna et, tincidunt purus. Nulla facilisi.[/div][/div][/div][/div][comment]code/design by [USER=39545]@Fyuri[/USER] / DO NOT REMOVE THIS CREDIT[/comment]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer finibus rutrum finibus. Etiam id libero sagittis, tincidunt enim ut, porttitor massa. Nullam non interdum mi. Maecenas euismod sem rhoncus libero viverra porta. Integer elementum justo id nibh efficitur, eget efficitur nibh porta. Nullam ornare odio ut porta sagittis. Proin sollicitudin metus nibh, in dapibus nisl scelerisque sit amet.

Duis pulvinar libero lectus, nec molestie ipsum finibus in. Sed elit odio, tincidunt non elit nec, facilisis maximus augue. Nullam sit amet orci at lorem imperdiet suscipit eu id tellus. Etiam tempus hendrerit dolor et bibendum. Quisque erat neque, pharetra nec nibh vitae, fringilla egestas nisi. Cras eleifend, est in pulvinar bibendum, orci quam fringilla felis, vitae interdum lorem urna eget eros. Fusce enim purus, imperdiet nec quam nec, rhoncus ullamcorper nisi. Curabitur interdum mi vel ornare vulputate. Quisque porttitor ac purus at semper. Vivamus libero neque, lacinia a convallis quis, placerat at sem. Donec et pretium orci, sed luctus turpis. Etiam sed porta metus, in varius lorem. Nulla purus lacus, tristique vel volutpat vitae, pulvinar et elit. Integer finibus sit amet orci ac cursus. Aliquam viverra, est eget gravida eleifend, orci eros elementum velit, sed auctor sapien dolor in nibh.

Sed et metus et tortor mollis suscipit. Pellentesque a orci quis neque malesuada cursus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed a lorem eleifend, condimentum ex ut, dignissim nibh. Quisque bibendum eros ac nunc convallis ullamcorper. Integer metus tortor, ultrices ut risus vitae, sollicitudin blandit ipsum. Pellentesque scelerisque est at facilisis varius. Pellentesque fermentum mollis justo, ac mollis massa iaculis vitae. Proin tempus enim ut enim dictum iaculis. Curabitur rutrum felis eget porta congue. Suspendisse potenti. Aenean vel pulvinar purus.

Pellentesque vel lectus consectetur, fringilla nisl id, luctus massa. Nunc consectetur iaculis augue id facilisis. Vestibulum id consectetur nunc. Vivamus feugiat tempus nisi, ac egestas metus viverra id. Praesent lacinia mattis commodo. Nulla nec neque faucibus, consequat justo non, hendrerit libero. Cras facilisis vitae metus ac rutrum. Proin ut lobortis diam. Pellentesque velit est, dapibus id ultricies at, efficitur et erat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut at congue nunc, quis pulvinar justo. Morbi eu lorem nunc. Suspendisse tempus mauris magna, vitae iaculis nibh convallis vitae.

Pellentesque fringilla dolor in metus egestas suscipit. Donec mollis, felis sed sagittis hendrerit, nunc metus tincidunt libero, sit amet tempus ex ante nec orci. Sed hendrerit blandit felis sit amet malesuada. Vivamus aliquet elementum maximus. Suspendisse potenti. Proin arcu erat, volutpat eu vestibulum eget, efficitur vitae odio. Ut sodales ante augue. Nunc at est vitae libero feugiat pellentesque sit amet at mauris. Fusce odio odio, suscipit quis diam id, varius gravida sapien. Maecenas blandit mi vitae lacus sollicitudin, vel pulvinar dui mollis. Phasellus elementum, nulla non interdum pulvinar, nisl libero laoreet felis, ut cursus nisi nulla ac neque. Mauris nibh metus, varius sed cursus at, fringilla sed urna.

Duis faucibus dui non dolor finibus, sed interdum leo aliquam. Proin nisl eros, bibendum at accumsan ut, pretium nec nulla. Cras pulvinar consectetur leo vel pharetra. Nunc ut sapien ut ex hendrerit venenatis. Praesent rhoncus turpis dui, a eleifend quam ultrices at. Pellentesque ultrices dolor a ex finibus molestie. Donec dolor metus, luctus nec rhoncus at, fringilla efficitur nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed pretium lacus ut libero blandit, vestibulum pulvinar felis euismod.

Morbi eu augue vitae ante tincidunt consequat vitae sit amet velit. Etiam lobortis ultrices dignissim. Etiam porta metus vel laoreet finibus. Cras vehicula felis id egestas cursus. Duis sed ipsum dictum, hendrerit leo non, volutpat ante. Phasellus ut tellus id erat pulvinar rutrum sit amet in quam. Etiam eleifend massa at sapien facilisis imperdiet. Nulla quis varius purus. Nunc commodo sem vel ante consectetur, eget tincidunt nisl pretium. Suspendisse vehicula viverra finibus. Donec id leo luctus, egestas urna et, tincidunt purus. Nulla facilisi.
 
You must log in or register to reply here.

Users who are viewing this thread

Total: 2 (members: 0, guests: 2)

Similar threads

Bill123456789
Help How do I make code for Japanese
Replies
2
Views
130
Uxie
Uxie
CHUUYAS_HAT
Help What images to add in BBCode - FIXED
Replies
5
Views
172
Otto Levin
Otto Levin
Back
Top