-
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 +/INCONSISTENT (freebies)
- Thread starter Cychotic
- Start date
Cychotic
♠ sᴘᴀᴅᴇs
RP INTEREST CHECK
this is not mobile friendly
this is not mobile friendly
coded by cychotic
Code:
[centerblock=45][div=background: #F3F3F5;
color: #C0BEBF;
text-align: center;
font-size: 8px;
margin: auto;
border-bottom: 2px solid #C0BEBF;
padding: 5px;
text-transform: uppercase;
letter-spacing: 2px;
][font=Roboto]coded by cychotic[/font][/div][div=background: #F3F0EB;
text-align: justify;
margin: auto;
color: darkgrey;
font-size: 12px;
padding: 5px;
][font=Roboto][div=
position: relative;
width: calc(100% - 20px);
height: 340px;
overflow: hidden;
background-color: transparent;
padding-left: 15px;
padding-top: 15px;
][div=
width: 100%;
padding-right: 100px;
height: 100%;
overflow-y: scroll;
font-align: justify;
][div=background: url(https://pbs.twimg.com/media/C0Re8TSXEAA-aQI.jpg) no-repeat;
margin: auto;
height: 300px;
width: 290px;
background-position: 0% 50%;
padding: 10px;
margin: auto;
margin-bottom: 10px;
text-align: right;
padding-right: 30px;
color: white;
font-size: 24px;
font-weight: 18px;
text-transform: uppercase;
][font=Bungee]titles here:
0010120[/font]
[/div][comment]----------------
PLOT DESCRIPTION
--------------------[/comment][div=background:#ECD0CF;
color: white;
padding: 5px;
width: 50%;
text-transform: uppercase;
font-size: 10px;
text-align: center;
margin-top: 20px;
letter-spacing: 1px;
]plot description[/div][color=transparent][scroll=290px][color=darkgrey][font=Roboto]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at ultrices enim. Pellentesque in feugiat ligula. Aenean sed vestibulum massa, id tincidunt purus. Nullam pretium lobortis tortor, scelerisque mattis nisl faucibus feugiat. Maecenas massa arcu, auctor nec diam at, mattis varius sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae urna mauris. Ut ac ullamcorper nisi, in aliquam ligula. Sed varius euismod enim, nec interdum metus hendrerit id.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse molestie urna eu massa ornare aliquet. Phasellus metus enim, consectetur sed lacinia tempus, suscipit et nulla. Nam sed tortor eget sem porttitor pellentesque. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed at libero ut nunc faucibus vestibulum. Aenean vel placerat metus, aliquam laoreet sapien. Ut molestie nisl eget ligula dapibus, at convallis velit consequat.
Duis quis arcu nisl. Ut tempus pellentesque posuere. Nulla facilisi. Nulla eu ipsum sit amet tortor convallis laoreet. Nunc lobortis suscipit interdum. Vivamus viverra pretium ipsum, et consectetur ipsum consequat a. Morbi volutpat metus sed nibh feugiat venenatis.
Donec in magna lacinia, elementum ex ut, dignissim dolor. Praesent id lorem tempus, rutrum elit quis, tempus libero. Maecenas elementum tincidunt tempor. Donec rhoncus iaculis massa sed efficitur. Praesent lacinia mauris nec ornare vehicula. Aliquam erat volutpat. Cras pellentesque hendrerit nulla quis pharetra. Etiam interdum elementum consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In consectetur quis ante eget fermentum.[/font][/color][/scroll][/color]
[div=background: #B5A6AB;
color: white;
font-size: 10px;
text-align: center;
width: 40%;
padding: 5px;
text-transform: uppercase;
letter-spacing: 1px;
][font=Roboto]rules[/font][/div][row][column=span2][center]
[fa]fa-envelope-o[/fa][comment]-------
LINKS
-------[/comment]
LINK 1
LINK 2
LINK 3
LINK 4[/center][/column]
[column=span4][comment]-----------------
RULES
-------------[/comment]
1.
2.
3.
4.
5.
6.
7.[/column][/row]
[div=background: #887A89;
color: white;
font-size: 10px;
text-align: center;
width: 40%;
padding: 5px;
text-transform: uppercase;
letter-spacing: 1px;
][font=Roboto]role slots[/font][/div][comment]--------------
ROLE SLOTS
---------[/comment]
SLOT ONE
SLOT TWO
SLOT THREE
SLOT FOUR
[/div][/div][/font][/div][/centerblock]
Last edited:
Cychotic
♠ sᴘᴀᴅᴇs
MULTI-PURPOSE TEXT POST
this is mobile friendly, but it looks so much better on desktop
this is mobile friendly, but it looks so much better on desktop
TITLE PAGE
link | link | link
Code:
[div=background: url(https://source.unsplash.com/SHWQ9Cbw32I/1000x800) fixed;
background-position: 50% 100%;
padding: 40px;
padding-bottom: 80px;
]
[div=background: transparent;
padding: 5px;
color: white;
font-size: 36px;
margin: auto;
text-align: center;
width: 40%;
border-bottom: 1px solid white;
][font=Oswald]TITLE PAGE[/font][/div][div=background: transparent;
padding: 5px;
color: white;
font-size: 12px;
margin: auto;
text-align: justify;
width: 40%;
border-bottom: 1px solid white;
][font=Quattrocento][div=
position: relative;
width: calc(100% - 10px);
height: 300px;
overflow: hidden;
background-color: transparent;
padding: 10px;][div=
width: 100%;
padding-right: 145px;
height: 100%;
overflow-y: scroll;
font-align: justify;
font-width: bold;
]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a maximus risus. Suspendisse porttitor libero orci, ut convallis risus volutpat eget. Donec cursus porta ligula eu sagittis. Morbi et magna libero. Mauris libero massa, ultrices eu imperdiet ac, vestibulum in tortor. Fusce et iaculis orci. Suspendisse pretium scelerisque vehicula. Vivamus dapibus imperdiet elementum. Donec quis leo finibus, bibendum erat sit amet, imperdiet turpis. Nunc ac metus a arcu aliquet accumsan tempor vitae massa. Aenean euismod, nulla tincidunt mattis aliquam, libero risus auctor nibh, a porta orci diam sed magna. Nullam non lacus pharetra, porta sem sit amet, posuere ipsum.
Nulla efficitur purus a magna lobortis suscipit. Duis ornare semper diam, et varius mauris interdum et. Aenean vel elit faucibus, viverra urna et, faucibus erat. Fusce vitae lectus et purus faucibus mattis et sed orci. Integer vel neque lobortis, pulvinar neque vel, consequat quam. Maecenas auctor suscipit felis nec finibus. Fusce tincidunt nibh ut enim vehicula sollicitudin. Nam eget neque ut augue vestibulum euismod non et lacus. Duis tellus libero, placerat vel sapien at, pellentesque pellentesque sapien. Aenean non quam id nulla ultrices iaculis. Quisque lobortis sem gravida, luctus metus ut, sodales felis. Curabitur non ligula tincidunt, pharetra urna non, interdum eros. Phasellus molestie sapien id scelerisque fermentum.[/div][/div][/font][/div][div=background: transparent;
padding: 5px;
color: white;
font-size: 12px;
margin: auto;
text-align: right;
width: 40%;
text-transform: uppercase;
][font=Oswald]link | link | link[/font][/div]
[/div][size=1]coding by cychotic[/size]
Last edited:
Cychotic
♠ sᴘᴀᴅᴇs
IN CHARACTER POST
this is mobile friendly, but it looks so much better on desktop
- ugh area can be changed to accommodate location, mood, tags, etc
- images on the top can be changed, but its recommended that they should hold 100x100 icons
this is mobile friendly, but it looks so much better on desktop
- ugh area can be changed to accommodate location, mood, tags, etc
- images on the top can be changed, but its recommended that they should hold 100x100 icons
we do names or titles
.
.
Code:
[centerblock=70][div=transparent;
font-size: 10px;
margin-bottom: -90px;
padding-right: 10px;
][font=Raleway][row][column=span4][size=24px][font=Inconsolata]we do names or titles[/font][/size][/column]
[column=span2][div=background: url(https://68.media.tumblr.com/dfee26b4fe563d3abd413b0668440ada/tumblr_ojka3ocFH81tsn3oyo2_100.jpg);
background-position: 50% 50%;
border-radius: 50%;
border: 5px solid white;
margin: auto;
height: 100px;
width: 100px;
color: transparent;
].[/div][/column]
[column=span2][div=background: url(https://68.media.tumblr.com/4517e9cea53b6bf5f450402d288b804e/tumblr_ojka3ocFH81tsn3oyo4_100.jpg);
background-position: 50% 50%;
border-radius: 50%;
border: 5px solid white;
margin: auto;
height: 100px;
width: 100px;
color: transparent;
].[/div][/column][/row][/font][/div]
[div=transparent;
padding-top: 5px;
padding-bottom: 5px;
border-top: 10px double #A1003F;
border-bottom: 10px double #a1003f;
][div=background: #EFE5C2;
padding: 10px;
margin: auto:
font-size: 12px;
text-align: left;
][div=background: white;
padding: 10px;
margin: auto;
text-align: left;;
][row][column=span6][font=Inconsolata][div=
position: relative;
width: calc(100% - 20px);
height:150px;
overflow: hidden;
background-color: transparent;
margin: auto;
][div=
width: 100%;
padding-right: 150px;
padding-left: 5px;
height: 100%;
overflow-y: scroll;
text-align: left;
font-size: 12px;
]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus bibendum cursus magna ut maximus. Duis sodales ipsum ut odio mattis posuere. Ut sit amet ante pharetra, mattis arcu sed, rutrum dolor. Mauris ultricies laoreet nibh, eu euismod elit varius sed. In volutpat tristique libero, sit amet tristique risus luctus sed. In mattis quam eget purus porttitor auctor. Integer vehicula diam sed urna tristique, vel bibendum justo facilisis. Nam auctor, massa vitae rhoncus vestibulum, lectus odio pellentesque enim, ut congue orci enim at sem. Vestibulum vitae orci vitae tellus elementum scelerisque vitae quis nulla. Cras eget rhoncus mauris, vel bibendum est. Nulla sed ex vestibulum, vehicula arcu vel, ultrices diam. Sed eget mattis nibh.
Ut rutrum augue turpis, eget congue augue convallis et. Maecenas vel augue sollicitudin, consequat lorem sed, fermentum purus. Donec at porttitor nisi. Praesent finibus aliquet nisi, mattis blandit augue rhoncus viverra. Donec varius justo in ultrices laoreet. Sed vitae convallis massa. Morbi pretium tellus arcu, sed venenatis diam pulvinar accumsan.
Sed non tellus pellentesque, viverra lectus ac, viverra neque. Vestibulum fringilla est in purus fringilla, a fermentum ligula malesuada. Etiam posuere iaculis vestibulum. Praesent tincidunt pellentesque magna, a aliquam diam vulputate et. Quisque justo diam, facilisis eu ligula nec, pulvinar ornare sem. Praesent a elit elit. Nam eget lectus augue. Aenean fermentum orci non congue sollicitudin. Phasellus vitae leo finibus, varius sem eget, iaculis mauris. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.[/div][/div]
[/font][/column]
[column=span2][right][border=0px][accordion=100%|right]{slide=100%|open|right|[bg=white;
text-transform: lowercase;
border-bottom: 2px double #a1003f;
][fa]fa-sort-down[/fa] [fa]fa-sort-down[/fa] [fa]fa-sort-down[/fa][/bg]}[bg=white;
border-bottom: 2px double #a1003f;
border-top: 2px double #a1003f;
text-align: left;
][font=inconsolata]ugh[/font][/bg]{/slide}[/accordion][/border][/right][/column][/row][/div][/div][/div][size=1]coding by cychotic[/size][/centerblock]
Last edited:
Cychotic
♠ sᴘᴀᴅᴇs
SIMPLE CS
this is mobile friendly, but it looks so much better on desktop because of scrolling cut off
- picture holder works best with square images that are SMALLER THAN 200x200
- scrolls!
this is mobile friendly, but it looks so much better on desktop because of scrolling cut off
- picture holder works best with square images that are SMALLER THAN 200x200
- scrolls!
.
/
N A M E T H
L I N K S
-ee
-ar
-san
-shi
-wu
-liu
-ar
-san
-shi
-wu
-liu
[ # my own personality ]
[ # this is my history ]
D A T A
Name:
Age:
Birthday:
Sexuality:
Weight:
Height:
Ethnicity:
Pronouns:
coded by cychoticAge:
Birthday:
Sexuality:
Weight:
Height:
Ethnicity:
Pronouns:
Code:
[div=background-color:#EEEEEE; padding-left:50px; padding-right:50px; padding-top:25px; padding-bottom:25px;][row][column=span2][center][div=background:url(https://www.global-journey.com/images/200x200.gif); padding:3px; border-left: 4px solid #615348; border-top: 4px solid #615348; border-right: 4px solid #615348; border-bottom: 4px solid #615348; background-position: 50% 50%; height: 165px; width: 165px; margin:auto; color:transparent;].[/div][div=background-color:#FF6798; height: 6px; width:179px; color:transparent; margin:auto;]/[/div]
[size=6][font=Oswald]N A M E T H[/font][/size]
[div=background-color:#FF6798; width:169px; padding:5px; color:#ffffff; font-size: 13px; text-align:center; margin:auto;][font=Abel]L I N K S[/font][/div][div=background-color:#ffffff; padding:7px; border: 2px solid #615348; width: 161px; margin-left: auto; margin-bottom: auto; margin-right: auto; margin-top: 0px; color:#615348; font-size: 10px; text-align:left;][FONT=Roboto Mono]-ee
-ar
-san
-shi
-wu
-liu
[/font][/div]
[/center][/column]
[column=span4][div=background-color:#ffffff; border-bottom: 8px solid #FF6798; padding: 10px; font-size: 14px; color: #615348;text-transform:uppercase;][font=oswald][ # my own [i]personality[/i] ][/font]
[size=3][font=Roboto Mono][bg=transparent; overflow: hidden; height: 150px; width: 100%; padding: 0px][bg=transparent; height: 150px; width: 100%; overflow:auto ; margin-right: 0px]
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.
[/bg][/bg][/font][/size]
[/div]
[div=background-color:#ffffff; border-bottom: 8px solid #FF6798; padding: 10px; font-size: 14px; color: #615348;text-transform:uppercase;][font=oswald][ # this is my [i]history[/i] ][/font]
[size=3][font=Roboto Mono][bg=transparent; overflow: hidden; height: 150px; width: 100%; padding: 0px][bg=transparent; height: 150px; width: 100%; overflow:auto ; margin-right: 0px]
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.
[/bg][/bg][/font][/size]
[/div][/column]
[column=span2][div=background-color:#FF6798; width:169px; padding:5px; color:#ffffff; font-size: 13px; text-align:center; margin:auto;][font=Abel]D A T A[/font][/div][div=background-color:#ffffff; padding:7px; border: 2px solid #615348; width: 161px; margin-left: auto; margin-bottom: auto; margin-right: auto; margin-top: 0px; color:#615348; font-size: 10px; text-align:left;][FONT=Roboto Mono]Name:
Age:
Birthday:
Sexuality:
Weight:
Height:
Ethnicity:
Pronouns:
[/font][/div][size=1]coded by cychotic[/size][/column][/row][/div]
Last edited:
Cychotic
♠ sᴘᴀᴅᴇs
GENERIC IN CHARACTER POST
- mobile friendly (i think)
- do not remove credit
- mobile friendly (i think)
- do not remove credit
name here
mentions:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque non faucibus velit, aliquam commodo est. Nulla ac ex et magna congue molestie et sed risus. Ut ultricies, ante ac scelerisque lacinia, risus dolor bibendum ex, id feugiat diam justo quis magna. Aliquam erat volutpat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi vel tortor a lorem tincidunt dapibus luctus et enim. Phasellus feugiat dolor ac libero posuere, vel congue nunc varius. Vestibulum id cursus est, at tempor velit.
Suspendisse fringilla turpis tincidunt malesuada dignissim. Vestibulum eget purus rutrum, dignissim leo imperdiet, tristique nibh. Praesent consequat vehicula est ut suscipit. Nunc dignissim, ligula non commodo semper, libero enim iaculis nulla, sit amet sodales leo ante et ex. Suspendisse potenti. Nunc suscipit placerat arcu, vel malesuada eros pellentesque pretium. Maecenas risus tortor, auctor facilisis dapibus sed, euismod sed ligula. Donec ultricies ligula id tellus lobortis ullamcorper.
Integer ullamcorper scelerisque leo quis ultrices. Aliquam erat ex, finibus pellentesque sagittis vel, commodo eu mi. Phasellus vel rhoncus ex. Etiam turpis metus, pretium varius tempor pulvinar, accumsan et sem. Phasellus at sapien sed augue suscipit porttitor. Phasellus felis ex, hendrerit at ante a, mattis viverra ipsum. Nullam at pellentesque tortor, sed mollis felis. Donec pharetra sapien vitae auctor vehicula.
Suspendisse fringilla turpis tincidunt malesuada dignissim. Vestibulum eget purus rutrum, dignissim leo imperdiet, tristique nibh. Praesent consequat vehicula est ut suscipit. Nunc dignissim, ligula non commodo semper, libero enim iaculis nulla, sit amet sodales leo ante et ex. Suspendisse potenti. Nunc suscipit placerat arcu, vel malesuada eros pellentesque pretium. Maecenas risus tortor, auctor facilisis dapibus sed, euismod sed ligula. Donec ultricies ligula id tellus lobortis ullamcorper.
Integer ullamcorper scelerisque leo quis ultrices. Aliquam erat ex, finibus pellentesque sagittis vel, commodo eu mi. Phasellus vel rhoncus ex. Etiam turpis metus, pretium varius tempor pulvinar, accumsan et sem. Phasellus at sapien sed augue suscipit porttitor. Phasellus felis ex, hendrerit at ante a, mattis viverra ipsum. Nullam at pellentesque tortor, sed mollis felis. Donec pharetra sapien vitae auctor vehicula.
Code:
[centerblock=70][div=background: white;
border: 1px solid darkgrey;
padding: 10px;
][div=background: #f2f2f2;
padding: 10px;
color: black
][row][column=span3][div=background: transparent;
font-size: 14px;
text-transform: lowercase;
background: white;
padding: 4px;
text-align: center;
letter-spacing: 3px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
color: darkgrey;
][font=Cousine][comment]
----------------------------
NAME BELOW; replace link within img tags to change image.
---------------------------
[/comment]name here[/font]
[div=display: inline-block;
pointer-events: none;
font-size: 0px;
][img]http://www.immersion-3d.com/wp-content/uploads/2015/12/image-placeholder-500x500.jpg[/img][/div][div=display: inline-block;
text-align: justify;
text-transform: lowercase;
letter-spacing: 0px;
font-size: 10px;
][comment]
------MENTIONS BELOW-------------
[/comment]mentions: [/div][/div][/column]
[column=span5][div=background: white;
padding: 4px;
margin-left: 8px;
color: #888888;
font-size: 12px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
height: 300px;
overflow: auto;
text-align: justify;
][comment]
--------
TEXT BELOW
--------
[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque non faucibus velit, aliquam commodo est. Nulla ac ex et magna congue molestie et sed risus. Ut ultricies, ante ac scelerisque lacinia, risus dolor bibendum ex, id feugiat diam justo quis magna. Aliquam erat volutpat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi vel tortor a lorem tincidunt dapibus luctus et enim. Phasellus feugiat dolor ac libero posuere, vel congue nunc varius. Vestibulum id cursus est, at tempor velit.
Suspendisse fringilla turpis tincidunt malesuada dignissim. Vestibulum eget purus rutrum, dignissim leo imperdiet, tristique nibh. Praesent consequat vehicula est ut suscipit. Nunc dignissim, ligula non commodo semper, libero enim iaculis nulla, sit amet sodales leo ante et ex. Suspendisse potenti. Nunc suscipit placerat arcu, vel malesuada eros pellentesque pretium. Maecenas risus tortor, auctor facilisis dapibus sed, euismod sed ligula. Donec ultricies ligula id tellus lobortis ullamcorper.
Integer ullamcorper scelerisque leo quis ultrices. Aliquam erat ex, finibus pellentesque sagittis vel, commodo eu mi. Phasellus vel rhoncus ex. Etiam turpis metus, pretium varius tempor pulvinar, accumsan et sem. Phasellus at sapien sed augue suscipit porttitor. Phasellus felis ex, hendrerit at ante a, mattis viverra ipsum. Nullam at pellentesque tortor, sed mollis felis. Donec pharetra sapien vitae auctor vehicula.[/div][/column][/row][/div][/div][size=1]coding by cychotic[/size][/centerblock]
Last edited:
