• 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 • an attempt was made • ditto's workshop •

ditto

still kicking :)








WELCOME!




Hey, howdy, hi, it's Ditto here! I'm teaching myself coding (through a lot of trial and error!), and I'm posting my efforts here! It's...certainly a work in progress, but I'm getting there! Thank y'all for your support, and feel free to use my codes, as long as you keep the credit on there!

º º code by ditto º º
 
Last edited:








MINIMALISM


not mobile-friendly
in-character post



º º code by ditto º º




circle-cropped-2.png


MOOD:
Mood here

LOCATION:
Location here

INTERACTIONS:
Mentions here

MENTIONS:
Interactions here


character name here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc posuere purus dui, ac porttitor odio lacinia a. Vivamus diam magna, posuere sit amet congue et, lobortis tempor leo. Ut consectetur justo sapien, at dapibus velit laoreet mattis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut bibendum felis eget massa faucibus rhoncus. Nulla sit amet lacus a dui molestie consequat. Maecenas porta odio in urna condimentum feugiat. Proin vel magna in leo venenatis viverra. Quisque eget justo turpis.

Nunc venenatis, leo non mollis pulvinar, justo tortor fringilla urna, ut viverra ipsum ex sed nibh. Maecenas a bibendum odio, sit amet posuere velit. Sed at tempus libero. Integer laoreet pretium ante, eget accumsan ante. Maecenas venenatis mattis lectus id viverra. Sed enim sem, consequat ac leo ut, faucibus hendrerit orci. Cras tellus nibh, tincidunt tempor iaculis eget, auctor sed lorem. Vestibulum vel tempor augue, nec placerat ante. Integer porttitor eget purus sed hendrerit. Phasellus arcu neque, dignissim vel luctus ac, pulvinar sit amet felis. Cras dignissim nisi a mi iaculis, vel laoreet mi consectetur. Praesent vitae fringilla orci, et mollis tortor.
code by ditto (head empty go bonk)

Code:
[row][bg=transparent; padding: 20px; background: #E7F1F1; box-sizing: border-box; height: 550px; font-size: 12px; color: #F4F4F4;][row][column=span1]
[/column][column=span2]
[SIZE=15px][bg=transparent; padding: 0px; height: 270px; margin-top: 10px; overflow-y: auto; line-height: 22px; text-align: justify;][COLOR=#75888A][COMMENT]

If the image is cut off by the box/is too small and the little mood, location, etc. stuff is shown, change the height in the above background bit to fit it!

[/COMMENT][IMG]https://i.ibb.co/XS7gbFs/circle-cropped-2.png[/IMG]
[COMMENT]

Mood, location, interactions, and mentions

[/COMMENT]
[B][FONT=Montserrat]MOOD:[/FONT][/B][FONT=Montserrat] [/FONT][FONT=Karla][COLOR=#8FB4B8]
[I]Mood here[/I][/COLOR]
[B][FONT=Montserrat]LOCATION:[/FONT][/B][FONT=Montserrat] [/FONT][FONT=Karla][COLOR=#8FB4B8]
[I]Location here[/I][/COLOR]
[B][FONT=Montserrat]INTERACTIONS:[/FONT][/B][FONT=Montserrat] [/FONT][FONT=Karla][COLOR=#8FB4B8]
[I]Mentions here[/I][/COLOR]
[B][FONT=Montserrat]MENTIONS:[/FONT][/B][FONT=Montserrat] [/FONT][FONT=Karla][COLOR=#8FB4B8]
[I]Interactions here[/I][/COLOR]
[/bg][/column][column=span4][column=span6][bg=#8598A1; padding: 0px; font-family: Montserrat; color: #F4F4F4; text-transform: uppercase; font-size: 25px; margin-top: -10px;][FONT=Montserrat]
character name here[/FONT][/bg][bg=#F4F4F4; padding: 0px; font-family: Avenir; text-transform: uppercase; color: #75888A; font-size: 14px; text-align: right; letter-spacing: .5px; box-sizing: border-box; padding-top: 1px;][/bg][bg=#E7F1F1; padding: 0px; height: 300px; margin-top: 10px; overflow-y: auto; line-height: 22px; text-align: justify;][FONT=Karla]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc posuere purus dui, ac porttitor odio lacinia a. Vivamus diam magna, posuere sit amet congue et, lobortis tempor leo. Ut consectetur justo sapien, at dapibus velit laoreet mattis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut bibendum felis eget massa faucibus rhoncus. Nulla sit amet lacus a dui molestie consequat. Maecenas porta odio in urna condimentum feugiat. Proin vel magna in leo venenatis viverra. Quisque eget justo turpis.

Nunc venenatis, leo non mollis pulvinar, justo tortor fringilla urna, ut viverra ipsum ex sed nibh. Maecenas a bibendum odio, sit amet posuere velit. Sed at tempus libero. Integer laoreet pretium ante, eget accumsan ante. Maecenas venenatis mattis lectus id viverra. Sed enim sem, consequat ac leo ut, faucibus hendrerit orci. Cras tellus nibh, tincidunt tempor iaculis eget, auctor sed lorem. Vestibulum vel tempor augue, nec placerat ante. Integer porttitor eget purus sed hendrerit. Phasellus arcu neque, dignissim vel luctus ac, pulvinar sit amet felis. Cras dignissim nisi a mi iaculis, vel laoreet mi consectetur. Praesent vitae fringilla orci, et mollis tortor.
[/FONT][/bg][/column][bg=transparent; padding: 0px; height: 470px; margin-top: 10px; overflow-y: auto; line-height: 22px; text-align: justify;][/bg][/font][/column][column=span2][/column][/row][SIZE=15px][COLOR=#75888A][FONT=Karla][CENTER][SIZE=1][COLOR=#75888A]code by [URL='https://www.rpnation.com/members/ditto.83850/']ditto[/URL] (head empty go bonk)[/COLOR][/SIZE][/CENTER][/size][/bg]
 
Last edited:








MINIMALISM


placeholder



º º code by ditto º º


circle-cropped-2.png

placeholder
✧ NAME ✧
|| face claim || any other information ||

code by ditto (head empty go bonk)


Code:
[centerblock=40][border=transparent; border-radius: 100px; background: #8598A1][border=transparent; margin: auto; text-align: center; color: #F4F4F4][heightrestrict=200][IMG]https://i.ibb.co/XS7gbFs/circle-cropped-2.png[/IMG]
[font=Karla][color=#99ADB6][I]placeholder[/I][/color]

[size=150px][font=Cormorant Garamond]✧ NAME ✧[/font][/size]
[font=Karla][color=#C8DDE6]|| [I]face claim[/I] || [I]any other information[/I] ||[/color]
[/font][/font][/heightrestrict][/border][heightrestrict=200][font=Karla][font=Karla][/font][/font][/heightrestrict][/border][/centerblock]
[column=span2][/column][SIZE=15px][COLOR=#8598A1][FONT=Karla][CENTER][SIZE=1][COLOR=#75888A]code by [URL='https://www.rpnation.com/members/ditto.83850/']ditto[/URL] (head empty go bonk)[/COLOR][/SIZE][/CENTER][/size]
 
Last edited:








PEACHY


not mobile-friendly
in-character post



º º code by ditto º º






circle-cropped.png

@handle

Status: Status here
Location: Location here
Interactions:
Interactions here
Mentions: Mentions here


• C H A R A C T E R • N A M E •

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie consequat arcu. Vivamus venenatis nibh risus, ac semper velit molestie vel. Morbi mattis lacus mollis fringilla dignissim. In non quam tellus. Cras sit amet risus ipsum. Vivamus sit amet scelerisque libero, sed ultrices ipsum. Integer cursus arcu tortor, quis venenatis est bibendum sit amet. Sed aliquet ligula quis dolor sagittis vulputate non ut mauris. Sed sed euismod mauris. Maecenas quis ipsum tempus, dictum urna quis, scelerisque magna. Suspendisse iaculis sed ante sit amet iaculis. Maecenas magna risus, volutpat sit amet ipsum vel, semper tincidunt enim. Sed in justo vel justo cursus porta. Sed aliquam eleifend mi, at auctor nisl rhoncus quis. Morbi pretium mi vitae lacus gravida, ac varius purus feugiat.

Ut sit amet posuere nisl, eget ornare nisi. Nullam ut auctor dui. Integer vel magna dictum, ultrices eros a, dictum ex. Quisque gravida, arcu non pulvinar lacinia, libero velit tristique neque, sed rutrum ligula urna efficitur sem. Nullam sit amet justo consequat, dapibus nibh eget, convallis mauris. Vivamus sit amet quam sit amet erat semper dignissim quis ut ex. Proin ullamcorper at dolor vitae fermentum. Nulla malesuada odio ut libero posuere euismod. Proin vulputate, magna at mattis vehicula, nulla quam lacinia dolor, vel sodales justo nisl eget eros. Etiam imperdiet, lacus id eleifend egestas, risus mi pharetra nisi, quis varius odio metus id justo. Aenean vel congue ligula.

code by ditto (head empty go bonk)


Code:
[bg=rgb(100, 32, 0)]
[row]
[column=span2][bg=rgb(100, 32, 0)]
[bg=rgb(100, 32, 0)]
[CENTER][IMG width="171px"]https://i.ibb.co/x139ynv/circle-cropped.png[/IMG]
[COLOR=rgb(100, 32, 0)][bg=rgb(250, 211, 168)][font=Montserrat][U]@handle[/U][/font][/bg][font=Do Hyeon][/font][/COLOR][font=Do Hyeon][/font][/CENTER]
[font=Do Hyeon][/font]
[COLOR=rgb(100, 32, 0)][bg=rgb(250, 211, 168)][font=Do Hyeon][U][I]Status[/I][/U][/font][I]: [font=Montserrat]Status here[/font]
[font=Do Hyeon][U]Location[/U][/font]: [font=Montserrat]Location here[/font]
[font=Do Hyeon][U]Interactions[/U][/font]:  [font=Montserrat][/font][/I][font=Montserrat][I]Interactions here[/I][/font]
[I][font=Do Hyeon][U]Mentions[/U][/font]: [font=Montserrat]Mentions here[/font][/I][font=Montserrat][/font]
[/bg][/COLOR][/bg][bg=rgb(100, 32, 0)]

[/bg][/bg][/column][bg=rgb(100, 32, 0)][font=Do Hyeon][B][B][SIZE=7][COLOR=rgb(250, 211, 168)]• C H A R A C T E R  •  N A M E  •[/COLOR][/SIZE][/B][/B][/font]
[column=span6][font=Montserrat][scroll=370px][bg=rgb(250, 211, 168)][COLOR=rgb(100, 32, 0)][border=3px solid #642000]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie consequat arcu. Vivamus venenatis nibh risus, ac semper velit molestie vel. Morbi mattis lacus mollis fringilla dignissim. In non quam tellus. Cras sit amet risus ipsum. Vivamus sit amet scelerisque libero, sed ultrices ipsum. Integer cursus arcu tortor, quis venenatis est bibendum sit amet. Sed aliquet ligula quis dolor sagittis vulputate non ut mauris. Sed sed euismod mauris. Maecenas quis ipsum tempus, dictum urna quis, scelerisque magna. Suspendisse iaculis sed ante sit amet iaculis. Maecenas magna risus, volutpat sit amet ipsum vel, semper tincidunt enim. Sed in justo vel justo cursus porta. Sed aliquam eleifend mi, at auctor nisl rhoncus quis. Morbi pretium mi vitae lacus gravida, ac varius purus feugiat.

Ut sit amet posuere nisl, eget ornare nisi. Nullam ut auctor dui. Integer vel magna dictum, ultrices eros a, dictum ex. Quisque gravida, arcu non pulvinar lacinia, libero velit tristique neque, sed rutrum ligula urna efficitur sem. Nullam sit amet justo consequat, dapibus nibh eget, convallis mauris. Vivamus sit amet quam sit amet erat semper dignissim quis ut ex. Proin ullamcorper at dolor vitae fermentum. Nulla malesuada odio ut libero posuere euismod. Proin vulputate, magna at mattis vehicula, nulla quam lacinia dolor, vel sodales justo nisl eget eros. Etiam imperdiet, lacus id eleifend egestas, risus mi pharetra nisi, quis varius odio metus id justo. Aenean vel congue ligula.
[/border][/COLOR][/bg][/scroll][bg=rgb(250, 211, 168)][border=3px solid #642000][/border][/bg][/font][/column][font=Montserrat][/font][/bg][/row][bg=rgb(100, 32, 0)][font=Karla][bg=rgb(100, 32, 0)][/bg][/font][/bg]
[RIGHT][SIZE=1][COLOR=rgb(250, 211, 168)]code by [URL='https://www.rpnation.com/members/ditto.83850/']ditto[/URL] (head empty go bonk)[/COLOR][/SIZE][/RIGHT]
[/bg]
 
Last edited:








BLUE


not mobile-friendly
in-character post



º º code by ditto º º





@handle
filler
MOOD || mood here
filler
OUTFIT || outfit here
filler
LOCATION || location here
filler
INTERACTIONS || interactions here
filler
MENTIONS || mentions here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie consequat arcu. Vivamus venenatis nibh risus, ac semper velit molestie vel. Morbi mattis lacus mollis fringilla dignissim. In non quam tellus. Cras sit amet risus ipsum. Vivamus sit amet scelerisque libero, sed ultrices ipsum. Integer cursus arcu tortor, quis venenatis est bibendum sit amet. Sed aliquet ligula quis dolor sagittis vulputate non ut mauris. Sed sed euismod mauris. Maecenas quis ipsum tempus, dictum urna quis, scelerisque magna. Suspendisse iaculis sed ante sit amet iaculis. Maecenas magna risus, volutpat sit amet ipsum vel, semper tincidunt enim. Sed in justo vel justo cursus porta. Sed aliquam eleifend mi, at auctor nisl rhoncus quis. Morbi pretium mi vitae lacus gravida, ac varius purus feugiat.

Ut sit amet posuere nisl, eget ornare nisi. Nullam ut auctor dui. Integer vel magna dictum, ultrices eros a, dictum ex. Quisque gravida, arcu non pulvinar lacinia, libero velit tristique neque, sed rutrum ligula urna efficitur sem. Nullam sit amet justo consequat, dapibus nibh eget, convallis mauris. Vivamus sit amet quam sit amet erat semper dignissim quis ut ex. Proin ullamcorper at dolor vitae fermentum. Nulla malesuada odio ut libero posuere euismod. Proin vulputate, magna at mattis vehicula, nulla quam lacinia dolor, vel sodales justo nisl eget eros. Etiam imperdiet, lacus id eleifend egestas, risus mi pharetra nisi, quis varius odio metus id justo. Aenean vel congue ligula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie consequat arcu. Vivamus venenatis nibh risus, ac semper velit molestie vel. Morbi mattis lacus mollis fringilla dignissim. In non quam tellus. Cras sit amet risus ipsum. Vivamus sit amet scelerisque libero, sed ultrices ipsum. Integer cursus arcu tortor, quis venenatis est bibendum sit amet. Sed aliquet ligula quis dolor sagittis vulputate non ut mauris. Sed sed euismod mauris. Maecenas quis ipsum tempus, dictum urna quis, scelerisque magna. Suspendisse iaculis sed ante sit amet iaculis. Maecenas magna risus, volutpat sit amet ipsum vel, semper tincidunt enim. Sed in justo vel justo cursus porta. Sed aliquam eleifend mi, at auctor nisl rhoncus quis. Morbi pretium mi vitae lacus gravida, ac varius purus feugiat.

Ut sit amet posuere nisl, eget ornare nisi. Nullam ut auctor dui. Integer vel magna dictum, ultrices eros a, dictum ex. Quisque gravida, arcu non pulvinar lacinia, libero velit tristique neque, sed rutrum ligula urna efficitur sem. Nullam sit amet justo consequat, dapibus nibh eget, convallis mauris. Vivamus sit amet quam sit amet erat semper dignissim quis ut ex. Proin ullamcorper at dolor vitae fermentum. Nulla malesuada odio ut libero posuere euismod. Proin vulputate, magna at mattis vehicula, nulla quam lacinia dolor, vel sodales justo nisl eget eros. Etiam imperdiet, lacus id eleifend egestas, risus mi pharetra nisi, quis varius odio metus id justo. Aenean vel congue ligula.
code by ditto (head empty go bonk)
Code:
[border=0px; position: relative; radius: 40px; background-image:url(https://i.pinimg.com/736x/11/fd/cd/11fdcd849ffc66f0bf21f0903d898643.jpg); background-size:cover; background-position: 60% 30%; width: 700px; height:500px; margin: auto; border-radius:20px; line-height:0px;]
[border=0px; position: absolute; background-color: white; width: 200px; height:200px; top:25px; left:25px; border-radius:10px;]
[border=0px; position: absolute; filter: grayscale(0.8); height: 150px; width: 150px; left: 22px; border-radius: 100%; border: 2px solid #000f88;; margin: auto; background-image: url(https://data.whicdn.com/images/308560607/original.gif); background-size:cover; background-position: 70% 30%;][/border]
[/border][border=0px; position: absolute; radius: 40px; background: white; height: 265px; width: 200px; top:210px; left:25px; border-radius:20px; line-height:20px; text-align: justify;][center][size=15px][font=Cabin][i]@handle[/i][/font][/size][font=Cabin]
[color=#ffffff]filler[/color]
[left][font=Overpass][b]MOOD[/b][/font] || [i]mood here[/i]
[color=#ffffff]filler[/color]
[font=Overpass][b]OUTFIT[/b][/font] || [i]outfit here[/i]
[color=#ffffff]filler[/color]
[font=Overpass][b]LOCATION[/b][/font] || [i]location here[/i]
[color=#ffffff]filler[/color]
[font=Overpass][b]INTERACTIONS[/b][/font] || [i]interactions here[/i]
[color=#ffffff]filler[/color]
[font=Overpass][b]MENTIONS[/b][/font] || [i]mentions here[/i]
[/left][/font][/center][/border][center][font=Cabin][left]
[border=0px; position: absolute; radius: 20px; background: white; height: 450px; width: 400px; top:25px; left:275px; border-radius:20px; line-height:20px; overflow-y: scroll; text-align: justify;][font=Cabin]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie consequat arcu. Vivamus venenatis nibh risus, ac semper velit molestie vel. Morbi mattis lacus mollis fringilla dignissim. In non quam tellus. Cras sit amet risus ipsum. Vivamus sit amet scelerisque libero, sed ultrices ipsum. Integer cursus arcu tortor, quis venenatis est bibendum sit amet. Sed aliquet ligula quis dolor sagittis vulputate non ut mauris. Sed sed euismod mauris. Maecenas quis ipsum tempus, dictum urna quis, scelerisque magna. Suspendisse iaculis sed ante sit amet iaculis. Maecenas magna risus, volutpat sit amet ipsum vel, semper tincidunt enim. Sed in justo vel justo cursus porta. Sed aliquam eleifend mi, at auctor nisl rhoncus quis. Morbi pretium mi vitae lacus gravida, ac varius purus feugiat.

Ut sit amet posuere nisl, eget ornare nisi. Nullam ut auctor dui. Integer vel magna dictum, ultrices eros a, dictum ex. Quisque gravida, arcu non pulvinar lacinia, libero velit tristique neque, sed rutrum ligula urna efficitur sem. Nullam sit amet justo consequat, dapibus nibh eget, convallis mauris. Vivamus sit amet quam sit amet erat semper dignissim quis ut ex. Proin ullamcorper at dolor vitae fermentum. Nulla malesuada odio ut libero posuere euismod. Proin vulputate, magna at mattis vehicula, nulla quam lacinia dolor, vel sodales justo nisl eget eros. Etiam imperdiet, lacus id eleifend egestas, risus mi pharetra nisi, quis varius odio metus id justo. Aenean vel congue ligula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie consequat arcu. Vivamus venenatis nibh risus, ac semper velit molestie vel. Morbi mattis lacus mollis fringilla dignissim. In non quam tellus. Cras sit amet risus ipsum. Vivamus sit amet scelerisque libero, sed ultrices ipsum. Integer cursus arcu tortor, quis venenatis est bibendum sit amet. Sed aliquet ligula quis dolor sagittis vulputate non ut mauris. Sed sed euismod mauris. Maecenas quis ipsum tempus, dictum urna quis, scelerisque magna. Suspendisse iaculis sed ante sit amet iaculis. Maecenas magna risus, volutpat sit amet ipsum vel, semper tincidunt enim. Sed in justo vel justo cursus porta. Sed aliquam eleifend mi, at auctor nisl rhoncus quis. Morbi pretium mi vitae lacus gravida, ac varius purus feugiat.

Ut sit amet posuere nisl, eget ornare nisi. Nullam ut auctor dui. Integer vel magna dictum, ultrices eros a, dictum ex. Quisque gravida, arcu non pulvinar lacinia, libero velit tristique neque, sed rutrum ligula urna efficitur sem. Nullam sit amet justo consequat, dapibus nibh eget, convallis mauris. Vivamus sit amet quam sit amet erat semper dignissim quis ut ex. Proin ullamcorper at dolor vitae fermentum. Nulla malesuada odio ut libero posuere euismod. Proin vulputate, magna at mattis vehicula, nulla quam lacinia dolor, vel sodales justo nisl eget eros. Etiam imperdiet, lacus id eleifend egestas, risus mi pharetra nisi, quis varius odio metus id justo. Aenean vel congue ligula.[/font][/border][font=Cabin][/font][/left][/font][/center][/border][center][font=Cabin][left][font=Cabin][SIZE=15px][FONT=Cabin][CENTER][SIZE=1][I]code by [URL='https://www.rpnation.com/members/ditto.83850/']ditto[/URL] (head empty go bonk)[/I][/SIZE][/CENTER][/FONT][/SIZE][/font][/left][/font][/center]
 
Last edited:








COLD


not mobile-friendly
in-character post



º º code by ditto º º




WORD

WORD

FIRST WORDS GO HERE and the rest of your text starts here.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie consequat arcu. Vivamus venenatis nibh risus, ac semper velit molestie vel. Morbi mattis lacus mollis fringilla dignissim. In non quam tellus. Cras sit amet risus ipsum. Vivamus sit amet scelerisque libero, sed ultrices ipsum. Integer cursus arcu tortor, quis venenatis est bibendum sit amet. Sed aliquet ligula quis dolor sagittis vulputate non ut mauris. Sed sed euismod mauris. Maecenas quis ipsum tempus, dictum urna quis, scelerisque magna. Suspendisse iaculis sed ante sit amet iaculis. Maecenas magna risus, volutpat sit amet ipsum vel, semper tincidunt enim. Sed in justo vel justo cursus porta. Sed aliquam eleifend mi, at auctor nisl rhoncus quis. Morbi pretium mi vitae lacus gravida, ac varius purus feugiat.

Ut sit amet posuere nisl, eget ornare nisi. Nullam ut auctor dui. Integer vel magna dictum, ultrices eros a, dictum ex. Quisque gravida, arcu non pulvinar lacinia, libero velit tristique neque, sed rutrum ligula urna efficitur sem. Nullam sit amet justo consequat, dapibus nibh eget, convallis mauris. Vivamus sit amet quam sit amet erat semper dignissim quis ut ex. Proin ullamcorper at dolor vitae fermentum. Nulla malesuada odio ut libero posuere euismod. Proin vulputate, magna at mattis vehicula, nulla quam lacinia dolor, vel sodales justo nisl eget eros. Etiam imperdiet, lacus id eleifend egestas, risus mi pharetra nisi, quis varius odio metus id justo. Aenean vel congue ligula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie consequat arcu. Vivamus venenatis nibh risus, ac semper velit molestie vel. Morbi mattis lacus mollis fringilla dignissim. In non quam tellus. Cras sit amet risus ipsum. Vivamus sit amet scelerisque libero, sed ultrices ipsum. Integer cursus arcu tortor, quis venenatis est bibendum sit amet. Sed aliquet ligula quis dolor sagittis vulputate non ut mauris. Sed sed euismod mauris. Maecenas quis ipsum tempus, dictum urna quis, scelerisque magna. Suspendisse iaculis sed ante sit amet iaculis. Maecenas magna risus, volutpat sit amet ipsum vel, semper tincidunt enim. Sed in justo vel justo cursus porta. Sed aliquam eleifend mi, at auctor nisl rhoncus quis. Morbi pretium mi vitae lacus gravida, ac varius purus feugiat.

Ut sit amet posuere nisl, eget ornare nisi. Nullam ut auctor dui. Integer vel magna dictum, ultrices eros a, dictum ex. Quisque gravida, arcu non pulvinar lacinia, libero velit tristique neque, sed rutrum ligula urna efficitur sem. Nullam sit amet justo consequat, dapibus nibh eget, convallis mauris. Vivamus sit amet quam sit amet erat semper dignissim quis ut ex. Proin ullamcorper at dolor vitae fermentum. Nulla malesuada odio ut libero posuere euismod. Proin vulputate, magna at mattis vehicula, nulla quam lacinia dolor, vel sodales justo nisl eget eros. Etiam imperdiet, lacus id eleifend egestas, risus mi pharetra nisi, quis varius odio metus id justo. Aenean vel congue ligula.
code by ditto (head empty go bonk)

Code:
[border=0px; position: relative; radius: 40px; background: #878787; background-size:cover; background-position: 60% 30%; width: 700px; height:500px; margin: auto; border-radius:20px; line-height:0px;]
[border=0px; position: absolute; background-color: white; width: 200px; height: 450px; top:25px; left:25px; border-radius:10px; background-image: url(https://lh3.googleusercontent.com/proxy/G-GIn3h2700iW5f3uqHVICgH9fjecrBLFcTV2fLJmItPmCCry-t4jIbcqHrdxLLL-jIk9El-zG5lSbghLgzrI5rCsa0O1RJeVZRYrIoIc_879yn0qzJIQapE3X3ahl0Jy-DE4qj5MKfw3ExxXcmYt_8B); background-size:cover; background-position: 70% 30%;][/border]
[border=0px; position: absolute; background-color: transparent; top:25px; left:15px; width:215px; color: #878787;][size=100px][b]WORD[/b][/size][/border]
[border=0px; position: absolute; background-color: transparent; top:475px; left:15px; width:215px; color: #878787;][size=100px][right][b]WORD[/b][/right][/size][right][/right][/border]

[border=0px; position: absolute; radius: 20px; background: #ececec; height: 450px; width: 402px; top:25px; left:270px; border-radius:20px; line-height:20px; overflow-y: scroll; text-align: justify; color: #878787; font-family: Karla] [FONT=courier new][b]FIRST WORDS GO HERE[/b][/FONT] [font=Karla]and the rest of your text starts here.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie consequat arcu. Vivamus venenatis nibh risus, ac semper velit molestie vel. Morbi mattis lacus mollis fringilla dignissim. In non quam tellus. Cras sit amet risus ipsum. Vivamus sit amet scelerisque libero, sed ultrices ipsum. Integer cursus arcu tortor, quis venenatis est bibendum sit amet. Sed aliquet ligula quis dolor sagittis vulputate non ut mauris. Sed sed euismod mauris. Maecenas quis ipsum tempus, dictum urna quis, scelerisque magna. Suspendisse iaculis sed ante sit amet iaculis. Maecenas magna risus, volutpat sit amet ipsum vel, semper tincidunt enim. Sed in justo vel justo cursus porta. Sed aliquam eleifend mi, at auctor nisl rhoncus quis. Morbi pretium mi vitae lacus gravida, ac varius purus feugiat.

Ut sit amet posuere nisl, eget ornare nisi. Nullam ut auctor dui. Integer vel magna dictum, ultrices eros a, dictum ex. Quisque gravida, arcu non pulvinar lacinia, libero velit tristique neque, sed rutrum ligula urna efficitur sem. Nullam sit amet justo consequat, dapibus nibh eget, convallis mauris. Vivamus sit amet quam sit amet erat semper dignissim quis ut ex. Proin ullamcorper at dolor vitae fermentum. Nulla malesuada odio ut libero posuere euismod. Proin vulputate, magna at mattis vehicula, nulla quam lacinia dolor, vel sodales justo nisl eget eros. Etiam imperdiet, lacus id eleifend egestas, risus mi pharetra nisi, quis varius odio metus id justo. Aenean vel congue ligula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie consequat arcu. Vivamus venenatis nibh risus, ac semper velit molestie vel. Morbi mattis lacus mollis fringilla dignissim. In non quam tellus. Cras sit amet risus ipsum. Vivamus sit amet scelerisque libero, sed ultrices ipsum. Integer cursus arcu tortor, quis venenatis est bibendum sit amet. Sed aliquet ligula quis dolor sagittis vulputate non ut mauris. Sed sed euismod mauris. Maecenas quis ipsum tempus, dictum urna quis, scelerisque magna. Suspendisse iaculis sed ante sit amet iaculis. Maecenas magna risus, volutpat sit amet ipsum vel, semper tincidunt enim. Sed in justo vel justo cursus porta. Sed aliquam eleifend mi, at auctor nisl rhoncus quis. Morbi pretium mi vitae lacus gravida, ac varius purus feugiat.

Ut sit amet posuere nisl, eget ornare nisi. Nullam ut auctor dui. Integer vel magna dictum, ultrices eros a, dictum ex. Quisque gravida, arcu non pulvinar lacinia, libero velit tristique neque, sed rutrum ligula urna efficitur sem. Nullam sit amet justo consequat, dapibus nibh eget, convallis mauris. Vivamus sit amet quam sit amet erat semper dignissim quis ut ex. Proin ullamcorper at dolor vitae fermentum. Nulla malesuada odio ut libero posuere euismod. Proin vulputate, magna at mattis vehicula, nulla quam lacinia dolor, vel sodales justo nisl eget eros. Etiam imperdiet, lacus id eleifend egestas, risus mi pharetra nisi, quis varius odio metus id justo. Aenean vel congue ligula.
[/font][/border][font=Karla][/font][/border][font=Karla][center][font=Karla][CENTER][SIZE=1][color=#878787][I]code by [URL='https://www.rpnation.com/members/ditto.83850/']ditto[/URL] (head empty go bonk)[/I][/color][/SIZE][/CENTER][/font][/center][/font]
 
Last edited:








NEWS


not mobile-friendly
in-character post



º º code by ditto º º









CHARACTER NAME
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis pulvinar dolor. Cras pretium blandit nunc, sollicitudin rutrum sapien vehicula vel. Nulla sed sagittis quam. Mauris fermentum enim ac diam venenatis vulputate. Vestibulum vulputate fringilla enim quis vestibulum. Donec eu convallis purus, sit amet porttitor arcu. Quisque vulputate hendrerit dui a laoreet. Praesent sagittis ipsum ut odio blandit, vitae vestibulum urna sollicitudin. Cras vitae tellus eu odio convallis vehicula at in nunc. Mauris condimentum nunc massa, non interdum arcu laoreet sed.

Cras fringilla ultricies metus non scelerisque. Sed aliquam, mauris a faucibus elementum, diam velit sagittis tellus, ut vestibulum dui lorem sit amet nunc. Pellentesque in ornare tortor, in molestie ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent sagittis felis non dolor vehicula luctus. Duis ac odio at lacus eleifend blandit eget at metus. Morbi convallis purus ac leo sollicitudin, vitae interdum purus sagittis. Cras egestas finibus arcu vitae finibus. Morbi cursus iaculis mattis. Donec congue, lacus dictum lacinia consequat, tortor magna elementum urna, eget dapibus neque libero eu magna. Donec et turpis arcu. Nam sem nisi, lacinia nec nisl eget, maximus mollis sapien.

Nulla venenatis, elit a convallis volutpat, nunc enim euismod dolor, at viverra ante eros et dui. Integer vel aliquam ex, eu sollicitudin ligula. Proin et ultrices purus. Vivamus cursus leo ipsum, non tincidunt neque tincidunt sed. Duis tellus dolor, vulputate eget luctus posuere, finibus ut diam. Mauris sagittis rutrum malesuada. Quisque suscipit tristique mauris, quis semper leo venenatis eu. Phasellus interdum erat in dictum porttitor. Curabitur posuere hendrerit neque, vel congue nisl tempus id. Morbi quis velit laoreet justo tempor vestibulum id in nisl.


code by ditto (head empty go bonk)

Code:
[border=0px; position: relative; radius: 40px; background: transparent; background-size:cover; background-position: 60% 10%; width: 750px; height:500px; margin: auto; border-radius:20px; line-height:0px;]
[border=0px; position: relative; radius: 40px; background: #878787; background-size:cover; background-image: url(https://sight-management.com/uploads/models/000/283/560//original/jeremydufour_sightmanagementstudio2.jpg); background-position: 60% 10%; width: 750px; height:200px; margin: auto; border-radius:20px; line-height:0px;][border=0px; position: relative; radius: 40px; background: transparent; background-size:cover; background-position: 60% 10%; width: 750px; height:200px; margin: auto; border-radius:20px; color: #FFFFFF; line-height:20px;][right]
[size=280px]
[b]
[font=Playfair Display]
[i] 
[/i]
CHARACTER NAME[/font][/b][font=Playfair Display][/font][/size][font=Playfair Display][/font][/right][/border][/border]
[border=0px; position: relative; radius: 40px; background-position: 60% 10%; width: 750px; height:300px; margin: auto; border-radius:20px; line-height:0px; line-height:20px; overflow-y: scroll; text-align: justify; color: #878787;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis pulvinar dolor. Cras pretium blandit nunc, sollicitudin rutrum sapien vehicula vel. Nulla sed sagittis quam. Mauris fermentum enim ac diam venenatis vulputate. Vestibulum vulputate fringilla enim quis vestibulum. Donec eu convallis purus, sit amet porttitor arcu. Quisque vulputate hendrerit dui a laoreet. Praesent sagittis ipsum ut odio blandit, vitae vestibulum urna sollicitudin. Cras vitae tellus eu odio convallis vehicula at in nunc. Mauris condimentum nunc massa, non interdum arcu laoreet sed.

Cras fringilla ultricies metus non scelerisque. Sed aliquam, mauris a faucibus elementum, diam velit sagittis tellus, ut vestibulum dui lorem sit amet nunc. Pellentesque in ornare tortor, in molestie ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent sagittis felis non dolor vehicula luctus. Duis ac odio at lacus eleifend blandit eget at metus. Morbi convallis purus ac leo sollicitudin, vitae interdum purus sagittis. Cras egestas finibus arcu vitae finibus. Morbi cursus iaculis mattis. Donec congue, lacus dictum lacinia consequat, tortor magna elementum urna, eget dapibus neque libero eu magna. Donec et turpis arcu. Nam sem nisi, lacinia nec nisl eget, maximus mollis sapien.

Nulla venenatis, elit a convallis volutpat, nunc enim euismod dolor, at viverra ante eros et dui. Integer vel aliquam ex, eu sollicitudin ligula. Proin et ultrices purus. Vivamus cursus leo ipsum, non tincidunt neque tincidunt sed. Duis tellus dolor, vulputate eget luctus posuere, finibus ut diam. Mauris sagittis rutrum malesuada. Quisque suscipit tristique mauris, quis semper leo venenatis eu. Phasellus interdum erat in dictum porttitor. Curabitur posuere hendrerit neque, vel congue nisl tempus id. Morbi quis velit laoreet justo tempor vestibulum id in nisl.[/border][/border]

[SIZE=1][color=#878787][center][I]code by [URL='https://www.rpnation.com/members/ditto.83850/']ditto[/URL] (head empty go bonk)[/I][/center][/color][center][/center][/SIZE][center][/center]
 
Last edited:








TO THE LEFT


not mobile-friendly
in-character post



º º code by ditto º º


nickname or something​









CHARACTER NAME

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas feugiat arcu non dolor iaculis, sit amet blandit sapien tincidunt. Cras egestas dolor nulla, ac rutrum nulla placerat ac. Mauris sapien magna, venenatis a dapibus ut, sollicitudin eget tortor. Morbi rhoncus diam ac condimentum dictum. Vestibulum viverra lorem in eros maximus, eu porttitor ipsum blandit. Aenean a massa accumsan, aliquet arcu ac, efficitur ligula. Quisque malesuada, diam a lobortis rutrum, turpis nisi pharetra erat, id molestie nunc lectus eu tellus. Praesent facilisis id massa eget sagittis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Vestibulum tristique pharetra arcu id mattis. Nunc ullamcorper neque eu dolor dapibus, ac fermentum mi interdum. Nam at sagittis massa. Phasellus non lorem velit. Vivamus nec ante at erat placerat fringilla eu et mi. Aenean dictum, nunc quis viverra sollicitudin, ex felis egestas elit, in volutpat lectus diam ac massa. Proin facilisis aliquam eros, non scelerisque massa fermentum vel. Morbi vestibulum odio ut sapien laoreet consectetur. Donec dignissim mi quis enim tristique, vitae aliquam massa congue.

Fusce facilisis, neque interdum vestibulum porta, mauris nibh aliquet dui, vitae ultricies tortor tellus nec lectus. Praesent et porttitor ligula, ac laoreet orci. Pellentesque et imperdiet tellus, ac faucibus quam. Cras et condimentum purus. Curabitur sit amet nunc dignissim, malesuada eros id, cursus odio. Ut quis diam ut ex eleifend sagittis. Pellentesque lorem nulla, posuere eget finibus id, condimentum et est. Mauris sit amet tellus bibendum, tristique ex at, efficitur orci. Aliquam erat volutpat. Etiam ligula libero, porta sit amet fermentum porttitor, sagittis eu massa. Curabitur vitae blandit risus. In hac habitasse platea dictumst. Curabitur blandit, tellus ut sollicitudin facilisis, est eros maximus massa, vitae luctus ex nisi blandit eros.

Etiam tempus arcu eget libero convallis interdum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Phasellus sit amet sagittis lorem, a lacinia orci. Proin condimentum arcu non libero vestibulum condimentum. Ut porta eros et quam interdum elementum et ornare nisi. Duis nec tincidunt odio. Cras et facilisis odio. Cras elit arcu, laoreet ac quam sollicitudin, molestie consectetur mi. Ut dolor elit, placerat eget tellus nec, vulputate ullamcorper augue. Praesent turpis ex, viverra quis orci imperdiet, gravida congue eros. Ut ornare diam in egestas ornare. Nunc ac urna quis lacus ultricies malesuada. Proin lobortis bibendum massa a fringilla. Integer sed augue commodo, fringilla risus vitae, venenatis felis. Sed vel augue turpis.

Suspendisse condimentum erat ut elit volutpat fermentum. Praesent iaculis suscipit enim eget scelerisque. Pellentesque sed ante aliquam, lobortis tortor bibendum, sollicitudin mauris. Quisque ornare enim sed massa interdum vulputate. Vestibulum molestie orci non risus faucibus, id sodales neque auctor. Proin mattis sollicitudin iaculis. Phasellus ligula nisl, fringilla ut massa eget, vehicula pharetra sem. Sed in augue nec nulla laoreet interdum.[/center][/center]
code by ditto (head empty go bonk)

Code:
[border=0px; position: absolute; left:50px; radius: 40px; background: #878787; background-size:cover; background-image: url(https://i9.lisimg.com/1233869/280full.jpg); background-position: 60% 10%; width: 280px; height:330px; margin: auto; border-radius:20px; line-height:0px; filter: grayscale(1.0);][border=0px; position: relative; radius: 40px; background: transparent; background-size:cover; background-position: 60% 10%; width: 280px; height:330px; margin: auto; border-radius:20px; color: #FFFFFF; line-height:20px;][right][font=Playfair Display][b][left]nickname or something[/left][/b][/font][b]
[size=280px]
[font=Playfair Display]
[i] 
[/i]
[i] 
[/i]
[i] 
[/i]
CHARACTER NAME[/font][/size][/b][size=280px][font=Playfair Display][/font][/size][font=Playfair Display][/font][/right][/border][/border][border=0px; position: relative; radius: 40px; background: transparent; background-size:cover; background-position: 60% 10%; width: 750px; height:350px; margin: auto; border-radius:20px; line-height:0px;][font=Quicksand]
[border=0px; position: absolute; left:150px; radius: 40px; background-position: 60% 10%; width: 750px; height:300px; margin: auto; border-radius:20px; line-height:0px; line-height:20px; overflow-y: scroll; text-align: justify; color: #878787;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas feugiat arcu non dolor iaculis, sit amet blandit sapien tincidunt. Cras egestas dolor nulla, ac rutrum nulla placerat ac. Mauris sapien magna, venenatis a dapibus ut, sollicitudin eget tortor. Morbi rhoncus diam ac condimentum dictum. Vestibulum viverra lorem in eros maximus, eu porttitor ipsum blandit. Aenean a massa accumsan, aliquet arcu ac, efficitur ligula. Quisque malesuada, diam a lobortis rutrum, turpis nisi pharetra erat, id molestie nunc lectus eu tellus. Praesent facilisis id massa eget sagittis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Vestibulum tristique pharetra arcu id mattis. Nunc ullamcorper neque eu dolor dapibus, ac fermentum mi interdum. Nam at sagittis massa. Phasellus non lorem velit. Vivamus nec ante at erat placerat fringilla eu et mi. Aenean dictum, nunc quis viverra sollicitudin, ex felis egestas elit, in volutpat lectus diam ac massa. Proin facilisis aliquam eros, non scelerisque massa fermentum vel. Morbi vestibulum odio ut sapien laoreet consectetur. Donec dignissim mi quis enim tristique, vitae aliquam massa congue.

Fusce facilisis, neque interdum vestibulum porta, mauris nibh aliquet dui, vitae ultricies tortor tellus nec lectus. Praesent et porttitor ligula, ac laoreet orci. Pellentesque et imperdiet tellus, ac faucibus quam. Cras et condimentum purus. Curabitur sit amet nunc dignissim, malesuada eros id, cursus odio. Ut quis diam ut ex eleifend sagittis. Pellentesque lorem nulla, posuere eget finibus id, condimentum et est. Mauris sit amet tellus bibendum, tristique ex at, efficitur orci. Aliquam erat volutpat. Etiam ligula libero, porta sit amet fermentum porttitor, sagittis eu massa. Curabitur vitae blandit risus. In hac habitasse platea dictumst. Curabitur blandit, tellus ut sollicitudin facilisis, est eros maximus massa, vitae luctus ex nisi blandit eros.

Etiam tempus arcu eget libero convallis interdum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Phasellus sit amet sagittis lorem, a lacinia orci. Proin condimentum arcu non libero vestibulum condimentum. Ut porta eros et quam interdum elementum et ornare nisi. Duis nec tincidunt odio. Cras et facilisis odio. Cras elit arcu, laoreet ac quam sollicitudin, molestie consectetur mi. Ut dolor elit, placerat eget tellus nec, vulputate ullamcorper augue. Praesent turpis ex, viverra quis orci imperdiet, gravida congue eros. Ut ornare diam in egestas ornare. Nunc ac urna quis lacus ultricies malesuada. Proin lobortis bibendum massa a fringilla. Integer sed augue commodo, fringilla risus vitae, venenatis felis. Sed vel augue turpis.

Suspendisse condimentum erat ut elit volutpat fermentum. Praesent iaculis suscipit enim eget scelerisque. Pellentesque sed ante aliquam, lobortis tortor bibendum, sollicitudin mauris. Quisque ornare enim sed massa interdum vulputate. Vestibulum molestie orci non risus faucibus, id sodales neque auctor. Proin mattis sollicitudin iaculis. Phasellus ligula nisl, fringilla ut massa eget, vehicula pharetra sem. Sed in augue nec nulla laoreet interdum.[/center][/center][/border][center][center][/center][/center][/font][center][center][/center][/center][/border][center][center][font=Quicksand][SIZE=1][color=#878787][center][I]code by [URL='https://www.rpnation.com/members/ditto.83850/']ditto[/URL] (head empty go bonk)[/I][/center][/color][center][/center][/SIZE][center][/center][/font][/center][/center]
 
Last edited:
@charactertag says:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum augue ipsum, fringilla at pulvinar vitae, tincidunt eget tellus. Quisque feugiat quam augue, nec volutpat lacus malesuada et. Morbi sit amet erat malesuada, finibus nisi at, imperdiet ex. Vestibulum nisi massa, fermentum suscipit nulla vel, ultrices mattis nunc. Cras sollicitudin felis sit amet ligula vulputate, tincidunt aliquam velit dapibus. Vivamus mauris metus, aliquet quis nisi non, dictum rutrum erat. Maecenas justo justo, suscipit non urna id, mattis porta sapien. Nam dapibus imperdiet lacus, in imperdiet nunc hendrerit quis. Pellentesque sodales lacus non volutpat tempor. Proin vitae risus vitae ipsum porttitor interdum at a tellus. Morbi blandit et sem ac dapibus.

Proin egestas nisl dui, pulvinar vestibulum lorem imperdiet nec. Duis et erat eget ante mattis auctor. Fusce quis erat consequat justo consectetur dictum pulvinar at ex. Quisque a nisi vulputate, placerat est id, elementum lacus. Vestibulum id ipsum enim. Etiam imperdiet pharetra justo et elementum. Vestibulum varius ac ligula eu tristique. Nulla facilisi. Aenean ultricies nunc ullamcorper semper interdum. Nulla volutpat, justo sit amet congue tincidunt, est ligula auctor enim, maximus lacinia enim risus sit amet ex. Vestibulum viverra quam nisi, a iaculis enim rhoncus id. Nunc id lobortis est, sed pretium est. Etiam vulputate urna euismod dolor commodo facilisis. Ut a maximus ante. Curabitur placerat maximus nunc, a luctus lectus pellentesque ut.

Proin fermentum, augue ut tincidunt feugiat, nisl augue sollicitudin odio, posuere bibendum urna neque id nibh. Aliquam erat volutpat. Sed condimentum hendrerit pretium. Donec malesuada leo ipsum, a malesuada elit varius sed. Phasellus vulputate quam at ante vulputate, vitae dapibus ante vestibulum. Mauris mollis, magna in ornare tincidunt, lacus nisl iaculis ante, ac iaculis diam dolor in est. Maecenas iaculis nec sapien sed imperdiet. In elementum diam non mi luctus, vel bibendum arcu elementum.

Praesent bibendum urna ornare interdum accumsan. Proin efficitur, leo ac sodales volutpat, felis justo ullamcorper diam, sit amet ultrices ligula odio vitae justo. Morbi convallis hendrerit metus, a finibus dolor elementum at. Ut auctor lectus nisi, ut posuere nunc fermentum ultricies. Nullam viverra ultrices urna, nec ultricies sem eleifend ac. Nulla lorem enim, fringilla in sagittis ac, fringilla ut mi. Maecenas metus justo, vehicula et est a, condimentum commodo ex. Vivamus bibendum turpis ut metus lacinia porttitor. Curabitur eget mollis neque. Sed venenatis fermentum nunc, id mattis felis. Duis vitae consectetur ligula. Vivamus a suscipit ipsum, non tristique ligula.

Nulla lobortis faucibus eleifend. Fusce sed vehicula tortor. Vestibulum luctus ipsum vel odio pretium volutpat sed sed urna. Suspendisse eleifend sagittis tortor ut bibendum. Sed venenatis rhoncus metus nec volutpat. Integer non nisi luctus, iaculis leo quis, placerat metus. Donec suscipit magna mattis justo consectetur, vel ornare leo finibus.
FILLER DON'T DELETE
FILLER DON'T DELETE
FILLER DON'T DELETE
FILLER DON'T DELETE
FILLER DON'T DELETE
FILLER DON'T DELETE
FILLER DON'T DELETE


{ MOOD }
+ mood +

{ LOCATION }
+ location +

{ OUTFIT }
+ fit +

{ INTERACTIONS }
+ interactions +

{ MENTIONS }
+ mentions +

{ TAGS }
+ tags +

this user was active: less than a minute ago

CHARACTER NAME
♬ "song quote" ♬

code by ditto (head empty go bonk)









BLOG POST


not mobile-friendly
in-character post



º º code by ditto º º


Code:
[border=0px; position: relative; left: 45px; border-radius: 10px; background: #f5f5f5; background-size:cover; width: 750px; height:450px; margin: auto; line-height:0px;][border=0px; position: relative; border-radius: 10px; background: #f5f5f5; left: 0px; top: 0px; background-size:cover; width: 725px; height:425px; margin: auto; line-height:0px; margin: auto; line-height:25px; margin-bottom: 10px; overflow-y: scroll; color: #51423B; font-family: Karla; text-align: justify;][size=10px][i]@charactertag says:[/i][/size]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum augue ipsum, fringilla at pulvinar vitae, tincidunt eget tellus. Quisque feugiat quam augue, nec volutpat lacus malesuada et. Morbi sit amet erat malesuada, finibus nisi at, imperdiet ex. Vestibulum nisi massa, fermentum suscipit nulla vel, ultrices mattis nunc. Cras sollicitudin felis sit amet ligula vulputate, tincidunt aliquam velit dapibus. Vivamus mauris metus, aliquet quis nisi non, dictum rutrum erat. Maecenas justo justo, suscipit non urna id, mattis porta sapien. Nam dapibus imperdiet lacus, in imperdiet nunc hendrerit quis. Pellentesque sodales lacus non volutpat tempor. Proin vitae risus vitae ipsum porttitor interdum at a tellus. Morbi blandit et sem ac dapibus.

Proin egestas nisl dui, pulvinar vestibulum lorem imperdiet nec. Duis et erat eget ante mattis auctor. Fusce quis erat consequat justo consectetur dictum pulvinar at ex. Quisque a nisi vulputate, placerat est id, elementum lacus. Vestibulum id ipsum enim. Etiam imperdiet pharetra justo et elementum. Vestibulum varius ac ligula eu tristique. Nulla facilisi. Aenean ultricies nunc ullamcorper semper interdum. Nulla volutpat, justo sit amet congue tincidunt, est ligula auctor enim, maximus lacinia enim risus sit amet ex. Vestibulum viverra quam nisi, a iaculis enim rhoncus id. Nunc id lobortis est, sed pretium est. Etiam vulputate urna euismod dolor commodo facilisis. Ut a maximus ante. Curabitur placerat maximus nunc, a luctus lectus pellentesque ut.

Proin fermentum, augue ut tincidunt feugiat, nisl augue sollicitudin odio, posuere bibendum urna neque id nibh. Aliquam erat volutpat. Sed condimentum hendrerit pretium. Donec malesuada leo ipsum, a malesuada elit varius sed. Phasellus vulputate quam at ante vulputate, vitae dapibus ante vestibulum. Mauris mollis, magna in ornare tincidunt, lacus nisl iaculis ante, ac iaculis diam dolor in est. Maecenas iaculis nec sapien sed imperdiet. In elementum diam non mi luctus, vel bibendum arcu elementum.

Praesent bibendum urna ornare interdum accumsan. Proin efficitur, leo ac sodales volutpat, felis justo ullamcorper diam, sit amet ultrices ligula odio vitae justo. Morbi convallis hendrerit metus, a finibus dolor elementum at. Ut auctor lectus nisi, ut posuere nunc fermentum ultricies. Nullam viverra ultrices urna, nec ultricies sem eleifend ac. Nulla lorem enim, fringilla in sagittis ac, fringilla ut mi. Maecenas metus justo, vehicula et est a, condimentum commodo ex. Vivamus bibendum turpis ut metus lacinia porttitor. Curabitur eget mollis neque. Sed venenatis fermentum nunc, id mattis felis. Duis vitae consectetur ligula. Vivamus a suscipit ipsum, non tristique ligula.

Nulla lobortis faucibus eleifend. Fusce sed vehicula tortor. Vestibulum luctus ipsum vel odio pretium volutpat sed sed urna. Suspendisse eleifend sagittis tortor ut bibendum. Sed venenatis rhoncus metus nec volutpat. Integer non nisi luctus, iaculis leo quis, placerat metus. Donec suscipit magna mattis justo consectetur, vel ornare leo finibus.[/border][/border][border=0px; position:absolute; left:0px; top:75px; border-radius: 10px; background: #f5f5f5; width: 200px; height:200px; background-size: 110%; background-position: 60% 10%; margin: auto; line-height:27px; margin-bottom: 10px; overflow-y: scroll; color: #51423B; border: 6px #fafafa solid; font-family: Karla; text-align: center;][border=0px; position:absolute; left: 0px; top:0px; background: #556777; width: 200px; background-image: url(https://thumbs.gfycat.com/NiftyImperfectAlaskanhusky-max-1mb.gif); height:200px; background-size: 200%; background-position: 50% 10%; margin: auto; line-height:0px; margin-bottom: 10px; overflow: hidden;][/border]FILLER DON'T DELETE
FILLER DON'T DELETE
FILLER DON'T DELETE
FILLER DON'T DELETE
FILLER DON'T DELETE
FILLER DON'T DELETE
FILLER DON'T DELETE
[i] [/i]

{ MOOD }
+ [i] mood [/i] +

{ LOCATION }
+ [i] location [/i] +

{ OUTFIT }
+ [i] fit [/i] +

{ INTERACTIONS }
+ [i] interactions [/i] +

{ MENTIONS }
+ [i] mentions [/i] +

{ TAGS }
+ [i] tags [/i] +

[size=8px][right][color=#A8A8A8]this user was active: less than a minute ago[/color][/right][/size]
[/border][border=0px; background: transparent; width: 195px; position:absolute; left:5px; top:300px; color: #51423B; font-family: Quicksand; text-size: 60px; text-align: center;]
CHARACTER NAME
[font=Alegreya Sans][size=10px]♬ "song quote" ♬[/size][/font][/border][border=0px; background-image: url(https://www.greenamerica.org/sites/default/files/subsite/homepage-box-2.png); width: 10px; height: 10px; border-radius: 100px; position:absolute; left:95px; top:280px; color: #556777; font-family: Quicksand; text-size: 60px; text-align: center; border: 3px #fafafa solid;][/border]
[font=Quicksand][SIZE=1][color=#A8A8A8][center][I]code by [URL='https://www.rpnation.com/members/ditto.83850/']ditto[/URL] (head empty go bonk)[/I][/center][/color][/SIZE][/font]
 
Last edited:



CHARACTER NAME





• B A S I C •

Name
name

Age
age

Gender
gender

Sexuality
sexuality

Birth Date
birth date

Zodiac
zodiac


• A P P E A R A N C E •

Gen. Desc.
general description

Height
height

Build
build

Hair
hair color

Eyes
eye color

Mods
body mods (tats, piercings, etc.)

Other
other (freckles, scars, etc.)

Face Claim
face claim


• P E R S O N A •

Personality Summary
personality summary

Virtues
list of virtues

Vices
list of vices

Likes and Dislikes
♥ like
♥ like
♥ like
♥ like
♥ like
♥ like
♥ like
↪ dislike
↪ dislike
↪ dislike
↪ dislike
↪ dislike

Misc.
misc information


• H I S T O R Y & R E L A T I O N S H I P S •

history

history here

relationships

R. Ship I
desc.

R. Ship II
desc.

R. Ship III
desc.

R. Ship IV
desc.

R. Ship V
desc.

R. Ship VI
desc.

R. Ship VII
desc.

R. Ship VIII
desc.

R. Ship IX
desc.

R. Ship X
desc.



code by ditto (head empty go bonk)









FLOWERS


not mobile-friendly
character sheet



º º code by ditto º º


Code:
[comment]

This is your background. Put your left image in the first parentheses, and put the right image in the second parentheses.

[/comment]
[border=0px; left:10px; position:relative; padding: 0; width: 1200px; height: 550px; background-image: url('https://i.pinimg.com/originals/d1/df/c1/d1dfc122c74e5cdfca7ae69825af76c9.jpg'), url('https://64.media.tumblr.com/00d18be9d05e7a5fe5facf2e0a0a04f3/tumblr_pai09mTNtE1xnzt25o3_500.jpg'); background-size: 50%; background-repeat: no-repeat; filter: grayscale(80%); opacity: 60%; background-position: left, right;][/border]
[comment]

Character name and photo

[/comment]
[border=0px; position:absolute; top:25px; font-size:40px; color:#ffffff; width:600px; text-align: center;][font=Prata]CHARACTER NAME[/font][/border]
[border=0px; position:absolute; top:125px; left: 115px; width: 350px; height: 400px; background-image: url(https://em.wattpad.com/5feaf2554b3d52f46ec71323f98793525160e640/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f776174747061642d6d656469612d736572766963652f53746f7279496d6167652f315a6f4d414e7171664d657144673d3d2d3731393531353033312e313539353662366233343233653432303138393331393239333239362e6a7067?s=fit&w=720&h=720); background-size: 120%;][/border]

[border=0px; height:470px; width:540px; position:absolute; top:75px; left: 625px; padding:0px; background: #BDB4B4; overflow-y:scroll;]
[border=0px; position:relative; width: 300px; height: 200px; overflow: scroll;]
[border=0px; width: 300px; height: 200px; overflow-Y: scroll; font-size: 14px; line-height: 20px; color: #FFFFFF;][font=Roboto][center][font=Prata]• B A S I C •[/font][/center]

[row][column=span2][color=#196378][b][size=15px][font=Prata]Name[/font][/size][/b][/color][/column] name[/row]

[row][column=span2][color=#196378][b][size=15px][font=Prata]Age[/font][/size][/b][/color][/column] age [/row]

[row][column=span2][color=#196378][b][size=15px][font=Prata]Gender[/font][/size][/b][/color][/column] gender [/row]

[row][column=span2][color=#196378][b][size=15px][font=Prata]Sexuality[/font][/size][/b][/color][/column] sexuality [/row]

[row][column=span2][color=#196378][b][size=15px][font=Prata]Birth Date[/font][/size][/b][/color][/column] birth date [/row]

[row][column=span2][color=#196378][b][size=15px][font=Prata]Zodiac[/font][/size][/b][/color][/column] zodiac [/row][/font]
[/border][/border][border=2px white solid; position: absolute; top:20px; left: 350px; width:150px; height: 200px; background-image: url(https://wikiace.com/wp-content/uploads/2020/07/Bridget-Satterlee.jpg); background-size: 200%; background-position: 40% 30%; filter: grayscale(0.6);][/border]
[border=0px; position:relative; left: 200px; width: 300px; height: 200px; overflow: scroll;]
[border=0px; width: 300px; height: 200px; overflow-Y: scroll; font-size: 14px; line-height: 20px; color: #FFFFFF;][font=Roboto][center][font=Prata]• A P P E A R A N C E •[/font][/center]

[row][column=span2][color=#196378][b][size=15px][font=Prata]Gen. Desc.[/font][/size][/b][/color][/column][column=span6] general description[/column] [/row]

[row][column=span2][color=#196378][b][size=15px][font=Prata]Height[/font][/size][/b][/color][/column][column=span6] height[/column][/row]

[row][column=span2][color=#196378][b][size=15px][font=Prata]Build[/font][/size][/b][/color][/column][column=span6] build[/column][/row]

[row][column=span2][color=#196378][b][size=15px][font=Prata]Hair[/font][/size][/b][/color][/column][column=span6] hair color[/column][/row]

[row][column=span2][color=#196378][b][size=15px][font=Prata]Eyes[/font][/size][/b][/color][/column][column=span6] eye color [/column][/row]

[row][column=span2][color=#196378][b][size=15px][font=Prata]Mods[/font][/size][/b][/color][/column][column=span6] body mods (tats, piercings, etc.) [/column][/row]

[row][column=span2][color=#196378][b][size=15px][font=Prata]Other[/font][/size][/b][/color][/column][column=span6] other (freckles, scars, etc.) [/column][/row]

[row][column=span2][COLOR=#196378][B][SIZE=4][font=Prata]Face Claim[/font][/size][/B][/COLOR][/column][COLOR=#196378][B][/b][/color][column=span6] face claim[/column][/row][/font][/border][font=Roboto][/font][/border][font=Roboto]
[border=2px white solid; position: absolute; top:275px; left: 25px; width:150px; height: 200px; background-image: url(https://data.whicdn.com/images/341341793/original.jpg); background-size: 150%; background-position: 40% 20%; filter: grayscale(0.6);][/border]
[border=0px; position:relative; width: 300px; height: 200px; overflow: scroll;][border=0px; width: 300px; height: 200px; overflow-Y: scroll; font-size: 14px; line-height: 20px; color: #FFFFFF;][font=Roboto][center][font=Prata]• P E R S O N A •[/font][/center]

[row][column=span3][COLOR=#196378][B][SIZE=4][font=Prata]Personality Summary[/font][/SIZE][/B][/COLOR][/column] personality summary[/row]

[COLOR=#196378][B][SIZE=4][font=Prata]Virtues[/font][/SIZE][/B][/COLOR]
list of virtues

[COLOR=#196378][B][SIZE=4][font=Prata]Vices[/font][/SIZE][/B][/COLOR]
list of vices

[row][column=span2][COLOR=#196378][B][SIZE=4][font=Prata]Likes and Dislikes[/font][/SIZE][/B][/COLOR][/column][column=span6]♥ like
♥ like
♥ like
♥ like
♥ like
♥ like
♥ like
↪ dislike
↪ dislike
↪ dislike
↪ dislike
↪ dislike
[/column][/row]

[COLOR=#196378][B][SIZE=4][font=Prata] Misc. [/font][/SIZE][/B][/COLOR]
misc information
[/font][/border][font=Roboto][/font][/border][font=Roboto][border=2px white solid; position: absolute; top:525px; left: 350px; width:150px; height: 200px; background-image: url(https://pbs.twimg.com/media/C7iao-pU8AEqy6x.jpg); background-size: 150%; background-position: 40% 0%; filter: grayscale(0.6);][/border]
[border=0px; position:relative; left: 200px; width: 300px; height: 200px; overflow: scroll;]
[border=0px; width: 300px; height: 200px; overflow-Y: scroll; font-size: 14px; line-height: 20px; color: #FFFFFF;][font=Roboto][center][font=Prata]• H I S T O R Y & R E L A T I O N S H I P S •[/font]

[font=Prata][COLOR=#196378][i]history[/i][/COLOR][/font][COLOR=#196378][/color][/center]

history here

[center][font=Prata][COLOR=#196378][i]relationships[/i][/COLOR][/font][COLOR=#196378][/color][/center]

[row][column=span2][COLOR=#196378][B][SIZE=4][font=Prata]R. Ship I[/font][/SIZE][/B][/COLOR][/column][column=span6] desc.[/column][/row]

[row][column=span2][COLOR=#196378][B][SIZE=4][font=Prata]R. Ship II[/font][/SIZE][/B][/COLOR][/column][column=span6] desc.[/column][/row]

[row][column=span2][COLOR=#196378][B][SIZE=4][font=Prata]R. Ship III[/font][/SIZE][/B][/COLOR][/column][column=span6] desc.[/column][/row]

[row][column=span2][COLOR=#196378][B][SIZE=4][font=Prata]R. Ship IV[/font][/SIZE][/B][/COLOR][/column][column=span6] desc.[/column][/row]

[row][column=span2][COLOR=#196378][B][SIZE=4][font=Prata]R. Ship V[/font][/SIZE][/B][/COLOR][/column][column=span6] desc.[/column][/row]

[row][column=span2][COLOR=#196378][B][SIZE=4][font=Prata]R. Ship VI[/font][/SIZE][/B][/COLOR][/column][column=span6] desc.[/column][/row]

[row][column=span2][COLOR=#196378][B][SIZE=4][font=Prata]R. Ship VII[/font][/SIZE][/B][/COLOR][/column][column=span6] desc.[/column][/row]

[row][column=span2][COLOR=#196378][B][SIZE=4][font=Prata]R. Ship VIII[/font][/SIZE][/B][/COLOR][/column][column=span6] desc.[/column][/row]

[row][column=span2][COLOR=#196378][B][SIZE=4][font=Prata]R. Ship IX[/font][/SIZE][/B][/COLOR][/column][column=span6] desc.[/column][/row]

[row][column=span2][COLOR=#196378][B][SIZE=4][font=Prata]R. Ship X[/font][/SIZE][/B][/COLOR][/column][column=span6] desc.[/column][/row]
[/font][/border][font=Roboto][/font][/border][font=Roboto]
[border=2px white solid; position: absolute; top:800px; left: 25px; width:150px; height: 200px; background-image: url(https://iv1.lisimg.com/image/21040237/740full-bridget-satterlee.jpg); background-size: 150%; background-position: 40% 20%; filter: grayscale(0.6);][/border]

[/font][/font][/font][/border][font=Quicksand][SIZE=1][color=#196378][center][I]code by [URL='https://www.rpnation.com/members/ditto.83850/']ditto[/URL] (head empty go bonk)[/I][/center][/color][/SIZE][/font]
 
Last edited:








PHONE


mobile-friendly!
in-character post
hidden scrolls!



º º code by ditto º º


fillerfillerfillfillerfillerfillerlerfilelifr 7:45 AM fillerfillerfillerfillerfillerfillerfillerfilr
... character name ...
MOOD

mood

LOCATION

location

TAGS

tags



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed venenatis a purus non lacinia. Maecenas ut posuere augue, vel tristique mi. Curabitur feugiat convallis velit. Aliquam vel bibendum quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent ac pellentesque sem. Curabitur ut condimentum felis. Duis tincidunt auctor velit et congue. Donec in blandit neque, id fringilla dui. Vestibulum feugiat, magna viverra feugiat pharetra, lorem lectus vulputate diam, ac bibendum libero arcu hendrerit turpis. Morbi vel eleifend odio.

Maecenas ullamcorper neque at tortor pharetra, sed porttitor ligula posuere. Maecenas diam lectus, vehicula at risus commodo, sollicitudin ornare justo. Maecenas sagittis mattis justo id luctus. Donec facilisis pellentesque metus, a ullamcorper velit semper ut. Quisque imperdiet et lorem a iaculis. Suspendisse potenti. Proin vitae elementum massa, id pulvinar ligula. Curabitur sodales porta sollicitudin.

Phasellus augue odio, maximus non purus nec, pellentesque eleifend elit. Nunc sollicitudin nibh in quam vehicula rhoncus. Aliquam vitae magna in justo vehicula facilisis. Integer pellentesque, augue in efficitur mollis, nibh nibh lobortis purus, vel tincidunt purus libero vel orci. Morbi in egestas ipsum. Pellentesque eu mauris vel erat molestie pulvinar sit amet id lorem. Nulla facilisi. Integer ornare lacus ut magna ultrices fermentum.

In sollicitudin massa pellentesque diam cursus pharetra. Cras blandit porta felis. Praesent non sapien magna. Maecenas cursus nisi sed congue vehicula. Morbi euismod est ut tortor placerat, ut fermentum mi pellentesque. Vestibulum vitae justo quis metus ornare semper ut non risus. Praesent elementum finibus nunc. Curabitur tristique laoreet nulla, et lacinia tortor posuere non. Suspendisse lorem erat, vestibulum sed felis sodales, mattis suscipit mi. Cras pretium tortor a tincidunt elementum.

Fusce consequat quam eu ligula eleifend, eu sollicitudin sapien vestibulum. Duis molestie et diam quis egestas. Maecenas in aliquam dui, quis elementum ipsum. Sed id odio nisl. Fusce velit magna, volutpat lobortis velit et, tempor laoreet nulla. Morbi egestas eros erat, eget egestas enim dictum sed. Quisque semper imperdiet nulla ut tincidunt. Aliquam feugiat semper metus id imperdiet. Fusce vestibulum lacus massa, porta vulputate eros egestas sed.


code by ditto (head empty go bonk)


Code:
[comment]

Container. 

Colors used:
main text color - #4e4b6d
background (phone color) - #4e4b6d
text background (inside phone color) and home button color- #fdfdfd

[/comment][border=0; box-sizing: border-box; padding: 0; max-width: 420px; min-height: 570px; position: relative; margin: auto; display: flex; flex-wrap: wrap; overflow: hidden; justify-content: center; align-items: center; color: #4e4b6d; background: #4E4B6D; border-radius: 40px;][border=0; max-width: 30px; border-radius: 10px; max-height: 30px; position: absolute; margin: auto; display: flex; flex-wrap: wrap; overflow: hidden; justify-content: center; align-items: center; background: #fdfdfd; top: 540px][/border][border= 0; box-sizing: border-box; padding: 0; max-width: 350px; min-height: 500px; position: relative; margin: auto; display: flex; flex-wrap: wrap; overflow: hidden; justify-content: center; align-items: center; color: #4e4b6d;][border=0; box-sizing: border-box; padding: 0; position: absolute; margin: auto; display: flex; flex-wrap: wrap; overflow: hidden; justify-content: center; align-items: center; color: #4e4b6d; top: 10px; font-size: 8px; left:25px;][comment]

Signal, time, and battery life. Enter a time where the time is.

Change the amount of signal by changing "fad fa-signal-alt" to:
- "fad fa-signal-alt-1"
- "fad fa-signal-alt-2"
- "fad fa-signal-alt-3"

Change the amount of battery life by changing "fas fa-battery-quarter" to:
- "fas fa-battery-empty"
- "fas fa-battery-half"
- "fas fa-battery-three-quarters"
- "fas fa-battery-full"

[/comment] [fa]fad fa-signal-alt[/fa] [color=#fdfdfd]fillerfillerfillfillerfillerfillerlerfilelifr[/color] 7:45 AM [color=#fdfdfd]fillerfillerfillerfillerfillerfillerfillerfilr[/color] [fa]fas fa-battery-quarter[/fa][/border][border= 0; box-sizing: border-box; padding: 30px; width: 350px; height: 500px; background: #fdfdfd; display: flex; flex-direction: column; overflow: hidden; border-radius: 40px;][border=0; box-sizing: border-box; padding: 0; flex: 1; position: relative; text-align: justify; overflow: auto; width: 200%;][border= 0; box-sizing: border-box; padding: 0; width: 50%; font-size: 12px; line-height: 14px;][comment]

Character profile pic goes in the ()s. Because the image is in grayscale, the border is in grayscale as well. If you would like to have a colored border on it, then you will have to remove the grayscale filter by deleting the "filter: grayscale(1.0);" part of the border code.

border color: #4e4b6d

Adjust the "background-position" percentages if your image is not in the place that you would like it to be within the circle. The first percentage is the x value (left to right), with the bigger numbers being further to the right and the smaller numbers being further to the left; the second percentage is the y value (up and down), with the bigger numbers being further down and the smaller numbers being further up.

[/comment][border=0px; position: relative; radius: 40px; width: 175px; height:175px; margin: auto; border-radius:20px; line-height:20px;][border=0px; position: absolute; height: 150px; width: 150px; left: 10px; border-radius: 100%; margin: auto; background-image: url(https://64.media.tumblr.com/17a26a1935f6add106f56e9e5df2f2b0/tumblr_inline_o9b3wzh4rW1tpu0a5_500.gif); filter: grayscale(1.0); opacity: 0.8; background-size:cover; background-position: 0% 0%; border: 2px solid #4e4b6d;][/border][/border][border=0px; position: relative; radius: 40px; width: 250px; height:250px; margin: auto; border-radius:20px; line-height:20px; text-align: center; color: #4e4b6d; font-size: 10px;][comment]

Character name here.

[/comment]... character name ...
[comment]

To keep it looking like traditional notifications, please do not fiddle with the colors of these guys.

[/comment][border=0px; position: absolute; top: 32px; left: -7px; width: 275px; height: 45px; background: #d5d5d5; border-radius: 20px; text-align: left; color: #fafafa; overflow: hidden;][border=0px; position: absolute; top: -5px; width: 305px; height: 10px; background: #f0f0f0; text-align: left; color: #878787; font-size: 10px; left: 0px;]MOOD[/border]
mood[/border]
[border=0px; position: absolute; top: 102px; left: -7px; width: 275px; height: 45px; background: #d5d5d5; border-radius: 20px; text-align: left; color: #fafafa; overflow: hidden;][border=0px; position: absolute; top: -5px; width: 305px; height: 10px; background: #f0f0f0; text-align: left; color: #878787; font-size: 10px; left: 0px;]LOCATION[/border]
location[/border]
[border=0px; position: absolute; top: 172px; left: -7px; width: 275px; height: 45px; background: #d5d5d5; border-radius: 20px; text-align: left; color: #fafafa; overflow: hidden;][border=0px; position: absolute; top: -5px; width: 305px; height: 10px; background: #f0f0f0; text-align: left; color: #878787; font-size: 10px; left: 0px;]TAGS[/border]
tags[/border]
[/border]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed venenatis a purus non lacinia. Maecenas ut posuere augue, vel tristique mi. Curabitur feugiat convallis velit. Aliquam vel bibendum quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent ac pellentesque sem. Curabitur ut condimentum felis. Duis tincidunt auctor velit et congue. Donec in blandit neque, id fringilla dui. Vestibulum feugiat, magna viverra feugiat pharetra, lorem lectus vulputate diam, ac bibendum libero arcu hendrerit turpis. Morbi vel eleifend odio.

Maecenas ullamcorper neque at tortor pharetra, sed porttitor ligula posuere. Maecenas diam lectus, vehicula at risus commodo, sollicitudin ornare justo. Maecenas sagittis mattis justo id luctus. Donec facilisis pellentesque metus, a ullamcorper velit semper ut. Quisque imperdiet et lorem a iaculis. Suspendisse potenti. Proin vitae elementum massa, id pulvinar ligula. Curabitur sodales porta sollicitudin.

Phasellus augue odio, maximus non purus nec, pellentesque eleifend elit. Nunc sollicitudin nibh in quam vehicula rhoncus. Aliquam vitae magna in justo vehicula facilisis. Integer pellentesque, augue in efficitur mollis, nibh nibh lobortis purus, vel tincidunt purus libero vel orci. Morbi in egestas ipsum. Pellentesque eu mauris vel erat molestie pulvinar sit amet id lorem. Nulla facilisi. Integer ornare lacus ut magna ultrices fermentum.

In sollicitudin massa pellentesque diam cursus pharetra. Cras blandit porta felis. Praesent non sapien magna. Maecenas cursus nisi sed congue vehicula. Morbi euismod est ut tortor placerat, ut fermentum mi pellentesque. Vestibulum vitae justo quis metus ornare semper ut non risus. Praesent elementum finibus nunc. Curabitur tristique laoreet nulla, et lacinia tortor posuere non. Suspendisse lorem erat, vestibulum sed felis sodales, mattis suscipit mi. Cras pretium tortor a tincidunt elementum.

Fusce consequat quam eu ligula eleifend, eu sollicitudin sapien vestibulum. Duis molestie et diam quis egestas. Maecenas in aliquam dui, quis elementum ipsum. Sed id odio nisl. Fusce velit magna, volutpat lobortis velit et, tempor laoreet nulla. Morbi egestas eros erat, eget egestas enim dictum sed. Quisque semper imperdiet nulla ut tincidunt. Aliquam feugiat semper metus id imperdiet. Fusce vestibulum lacus massa, porta vulputate eros egestas sed.

[/border][/border][/border][/border][/border][comment]

Please do not remove the credit!

[/comment]
[center][font=Quicksand][SIZE=1][color=#9D9BB2][I]code by [URL='https://www.rpnation.com/members/ditto.83850/'][color=#9d9bb2]ditto[/color][/URL] (head empty go bonk)[/I][/color][/SIZE][/font][/CENTER][font=Quicksand][/FONT]
 
Last edited:








PHONE


mobile-friendly!
in-character post
hidden scrolls!



º º code by ditto º º



fillerfillerfillfillerfillerfillerlerfilelifr 8:05 PM fillerfillerfillerfillerfillerfillerfillerfilr
Name?
Character name
Age?
Age
Sexuality?
Sexuality
Power?
Power
Face Claim?
Face claim

code by ditto (head empty go bonk)


Code:
 [comment]

Background and text color are set to #000000, but feel free to change them.

[/comment]
[border=0; box-sizing: border-box; padding: 0; max-width: 420px; min-height: 570px; position: relative; margin: auto; display: flex; flex-wrap: wrap; overflow: hidden; justify-content: center; align-items: center; color: #000000; background: #000000; border-radius: 40px;][border=0; max-width: 30px; border-radius: 10px; max-height: 30px; position: absolute; margin: auto; display: flex; flex-wrap: wrap; overflow: hidden; justify-content: center; align-items: center; background: #fdfdfd; top: 540px][/border][border= 0; box-sizing: border-box; padding: 0; max-width: 350px; min-height: 500px; position: relative; margin: auto; display: flex; flex-wrap: wrap; overflow: hidden; justify-content: center; align-items: center; color: #000000;][border=0; box-sizing: border-box; padding: 0; position: absolute; margin: auto; display: flex; flex-wrap: wrap; overflow: hidden; justify-content: center; align-items: center; color: #000000; top: 10px; font-size: 8px; left:25px;] [fa]fad fa-signal-alt[/fa] [color=#fdfdfd]fillerfillerfillfillerfillerfillerlerfilelifr[/color] 8:05 PM [color=#fdfdfd]fillerfillerfillerfillerfillerfillerfillerfilr[/color] [fa]fas fa-battery-three-quarters[/fa][/border][border= 0; box-sizing: border-box; padding: 30px; width: 350px; height: 500px; background: #fdfdfd; display: flex; flex-direction: column; overflow: hidden; border-radius: 40px; overflow-y: scroll;][border=transparent; height:auto; width:400%; padding:0px; flex:1; overflow-y:scroll; line-height:0%;][comment]

Character photo goes in the ()s here.

[/comment] [border=transparent; height:250px; border-radius:10px 10px 10px 0px; padding:4px 8px; box-sizing:border-box; line-height:120%; font-size:12px; color: #ffffff; background-image: url(https://thumbor.forbes.com/thumbor/960x0/https%3A%2F%2Fblogs-images.forbes.com%2Fhughmcintyre%2Ffiles%2F2017%2F03%2FMAGGIE-L-300-RECORDS_-6-1200x958.jpg); background-size: cover;  margin:10px 10px 10px 10px; color: #000000; width: 200px; background-position: 50% 0%;][/border][border=transparent; height:fit-content; border-radius:10px 10px 10px 0px; padding:4px 8px; box-sizing:border-box; line-height:120%; font-size:12px; background: #e6e6e6; margin:10px 10px 10px 10px; color: #000000; width: 200px;]Name?[/border][border=transparent; height:fit-content; border-radius:10px 10px 0px 10px; padding:4px 8px; box-sizing:border-box; line-height:120%; font-size:12px; color: #ffffff; background: #4387D9; margin:10px 10px 10px 100px; width: 200px;][comment]

Character name

[/comment]Character name[/border][border=transparent; height:fit-content; border-radius:10px 10px 10px 0px; padding:4px 8px; box-sizing:border-box; line-height:120%; font-size:12px; background: #e6e6e6; margin:10px 10px 10px 10px; color: #000000; width: 200px;]Age?[/border][border=transparent; height:fit-content; border-radius:10px 10px 0px 10px; padding:4px 8px; box-sizing:border-box; line-height:120%; font-size:12px; color: #ffffff; background: #4387D9; margin:10px 10px 10px 100px; width: 200px;][comment]

Age

[/comment]Age[/border][border=transparent; height:fit-content; border-radius:10px 10px 10px 0px; padding:4px 8px; box-sizing:border-box; line-height:120%; font-size:12px; background: #e6e6e6; margin:10px 10px 10px 10px; color: #000000; width: 200px;]Sexuality?[/border][border=transparent; height:fit-content; border-radius:10px 10px 0px 10px; padding:4px 8px; box-sizing:border-box; line-height:120%; font-size:12px; color: #ffffff; background: #4387D9; margin:10px 10px 10px 100px; width: 200px;][comment]

Sexuality

[/comment]Sexuality[/border] [border=transparent; height:fit-content; border-radius:10px 10px 10px 0px; padding:4px 8px; box-sizing:border-box; line-height:120%; font-size:12px; background: #e6e6e6; margin:10px 10px 10px 10px; color: #000000; width: 200px;]Power?[/border][border=transparent; height:fit-content; border-radius:10px 10px 0px 10px; padding:4px 8px; box-sizing:border-box; line-height:120%; font-size:12px; color: #ffffff; background: #4387D9; margin:10px 10px 10px 100px; width: 200px;][comment]

Brief power desc 

[/comment]Power[/border][border=transparent; height:fit-content; border-radius:10px 10px 10px 0px; padding:4px 8px; box-sizing:border-box; line-height:120%; font-size:12px; background: #e6e6e6; margin:10px 10px 10px 10px; color: #000000; width: 200px;]Face Claim?[/border][border=transparent; height:fit-content; border-radius:10px 10px 0px 10px; padding:4px 8px; box-sizing:border-box; line-height:120%; font-size:12px; color: #ffffff; background: #4387D9; margin:10px 10px 10px 100px; width: 200px;][comment]

Face claim

[/comment]Face claim[/border][/border][/border][/border][/border]
[center][font=Quicksand][SIZE=1][color=#294562][I]code by [URL='https://www.rpnation.com/members/ditto.83850/'][color=#294562]ditto[/color][/URL] (head empty go bonk)[/I][/color][/SIZE][/font][/CENTER][font=Quicksand][/FONT]
 
Last edited:








CLOUDS COLLAB


not mobile-friendly
in-character post



º º code by ditto º º





CHARACTER I & CHARACTER II
collab with @

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed venenatis a purus non lacinia. Maecenas ut posuere augue, vel tristique mi. Curabitur feugiat convallis velit. Aliquam vel bibendum quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent ac pellentesque sem. Curabitur ut condimentum felis. Duis tincidunt auctor velit et congue. Donec in blandit neque, id fringilla dui. Vestibulum feugiat, magna viverra feugiat pharetra, lorem lectus vulputate diam, ac bibendum libero arcu hendrerit turpis. Morbi vel eleifend odio.

Maecenas ullamcorper neque at tortor pharetra, sed porttitor ligula posuere. Maecenas diam lectus, vehicula at risus commodo, sollicitudin ornare justo. Maecenas sagittis mattis justo id luctus. Donec facilisis pellentesque metus, a ullamcorper velit semper ut. Quisque imperdiet et lorem a iaculis. Suspendisse potenti. Proin vitae elementum massa, id pulvinar ligula. Curabitur sodales porta sollicitudin.

Phasellus augue odio, maximus non purus nec, pellentesque eleifend elit. Nunc sollicitudin nibh in quam vehicula rhoncus. Aliquam vitae magna in justo vehicula facilisis. Integer pellentesque, augue in efficitur mollis, nibh nibh lobortis purus, vel tincidunt purus libero vel orci. Morbi in egestas ipsum. Pellentesque eu mauris vel erat molestie pulvinar sit amet id lorem. Nulla facilisi. Integer ornare lacus ut magna ultrices fermentum.

In sollicitudin massa pellentesque diam cursus pharetra. Cras blandit porta felis. Praesent non sapien magna. Maecenas cursus nisi sed congue vehicula. Morbi euismod est ut tortor placerat, ut fermentum mi pellentesque. Vestibulum vitae justo quis metus ornare semper ut non risus. Praesent elementum finibus nunc. Curabitur tristique laoreet nulla, et lacinia tortor posuere non. Suspendisse lorem erat, vestibulum sed felis sodales, mattis suscipit mi. Cras pretium tortor a tincidunt elementum.

Fusce consequat quam eu ligula eleifend, eu sollicitudin sapien vestibulum. Duis molestie et diam quis egestas. Maecenas in aliquam dui, quis elementum ipsum. Sed id odio nisl. Fusce velit magna, volutpat lobortis velit et, tempor laoreet nulla. Morbi egestas eros erat, eget egestas enim dictum sed. Quisque semper imperdiet nulla ut tincidunt. Aliquam feugiat semper metus id imperdiet. Fusce vestibulum lacus massa, porta vulputate eros egestas sed.


code by ditto (head empty go bonk)

Code:
[border=0px; position: relative; radius: 40px; background: transparent; background-size:cover; background-position: 60% 10%; width: 750px; height:500px; margin: auto; border-radius:20px; line-height:0px;][comment]

If you'd like to change the background for the upper part, just change what's inside the parentheses after the background-image variable! If you'd like it to not be in black and white (or would like to change the saturation), you can change what's inside the ()s after the word "grayscale".

[/comment][border=0px; position: relative; radius: 40px; background: #878787; background-size:cover; background-image: url(https://th.bing.com/th/id/OIP.QaT4pfogwIasPa4A4GJosQHaFj?pid=Api&dpr=1.5); filter: grayscale(1.0); background-position: 60% 10%; width: 750px; height:200px; margin: auto; border-radius:20px; line-height:0px;][border=0px; position: relative; radius: 40px; background: transparent; background-size:cover; background-position: 60% 10%; width: 750px; height:200px; margin: auto; border-radius:20px; color: #FFFFFF; line-height:20px;][center]
[size=280px][font=Playfair Display]
[b][comment]

Put your character names here.

[/comment]
CHARACTER I [i]&[/i] CHARACTER II[/b][/font][b][/b][font=Playfair Display][/font][/size][font=Playfair Display][/font][/center][/border][/border]
[border=0px; position: relative; radius: 40px; background-position: 60% 10%; width: 750px; height:300px; margin: auto; border-radius:20px; line-height:0px; line-height:20px; overflow-y: scroll; text-align: justify; color: #878787;][comment]

If this is a collab post, tag your collaborator! If it isn't, delete the "[center][i][size=10px][color=#c9c9c9]collab with @[/i][/color][/size][/center]" bit.

[/comment][center][i][size=10px][color=#d4d5d5]collab with @[/i][/color][/size][/center][comment]

Post starts here!

[/comment]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed venenatis a purus non lacinia. Maecenas ut posuere augue, vel tristique mi. Curabitur feugiat convallis velit. Aliquam vel bibendum quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent ac pellentesque sem. Curabitur ut condimentum felis. Duis tincidunt auctor velit et congue. Donec in blandit neque, id fringilla dui. Vestibulum feugiat, magna viverra feugiat pharetra, lorem lectus vulputate diam, ac bibendum libero arcu hendrerit turpis. Morbi vel eleifend odio.

Maecenas ullamcorper neque at tortor pharetra, sed porttitor ligula posuere. Maecenas diam lectus, vehicula at risus commodo, sollicitudin ornare justo. Maecenas sagittis mattis justo id luctus. Donec facilisis pellentesque metus, a ullamcorper velit semper ut. Quisque imperdiet et lorem a iaculis. Suspendisse potenti. Proin vitae elementum massa, id pulvinar ligula. Curabitur sodales porta sollicitudin.

Phasellus augue odio, maximus non purus nec, pellentesque eleifend elit. Nunc sollicitudin nibh in quam vehicula rhoncus. Aliquam vitae magna in justo vehicula facilisis. Integer pellentesque, augue in efficitur mollis, nibh nibh lobortis purus, vel tincidunt purus libero vel orci. Morbi in egestas ipsum. Pellentesque eu mauris vel erat molestie pulvinar sit amet id lorem. Nulla facilisi. Integer ornare lacus ut magna ultrices fermentum.

In sollicitudin massa pellentesque diam cursus pharetra. Cras blandit porta felis. Praesent non sapien magna. Maecenas cursus nisi sed congue vehicula. Morbi euismod est ut tortor placerat, ut fermentum mi pellentesque. Vestibulum vitae justo quis metus ornare semper ut non risus. Praesent elementum finibus nunc. Curabitur tristique laoreet nulla, et lacinia tortor posuere non. Suspendisse lorem erat, vestibulum sed felis sodales, mattis suscipit mi. Cras pretium tortor a tincidunt elementum.

Fusce consequat quam eu ligula eleifend, eu sollicitudin sapien vestibulum. Duis molestie et diam quis egestas. Maecenas in aliquam dui, quis elementum ipsum. Sed id odio nisl. Fusce velit magna, volutpat lobortis velit et, tempor laoreet nulla. Morbi egestas eros erat, eget egestas enim dictum sed. Quisque semper imperdiet nulla ut tincidunt. Aliquam feugiat semper metus id imperdiet. Fusce vestibulum lacus massa, porta vulputate eros egestas sed.[/border][/border][comment]

Please don't remove the credit![/comment]

[SIZE=1][color=#878787][center][I]code by [URL='https://www.rpnation.com/members/ditto.83850/']ditto[/URL] (head empty go bonk)[/I][/center][/color][center][/center][/SIZE][center][/center]
 
Last edited:








PAINT CHIP


mobile-friendly!
in-character post
hidden scrolls!



º º code by ditto º º



  • fly me to the moon
    and let me play
    among the stars
    CHARACTER NAME
    MOOD

    mood

    OUTFIT

    outfit

    LOCATION

    location

    INTERACTIONS

    interactions

    TAGS

    tags

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie consequat arcu. Vivamus venenatis nibh risus, ac semper velit molestie vel. Morbi mattis lacus mollis fringilla dignissim. In non quam tellus. Cras sit amet risus ipsum. Vivamus sit amet scelerisque libero, sed ultrices ipsum. Integer cursus arcu tortor, quis venenatis est bibendum sit amet. Sed aliquet ligula quis dolor sagittis vulputate non ut mauris. Sed sed euismod mauris. Maecenas quis ipsum tempus, dictum urna quis, scelerisque magna. Suspendisse iaculis sed ante sit amet iaculis. Maecenas magna risus, volutpat sit amet ipsum vel, semper tincidunt enim. Sed in justo vel justo cursus porta. Sed aliquam eleifend mi, at auctor nisl rhoncus quis. Morbi pretium mi vitae lacus gravida, ac varius purus feugiat.

    Ut sit amet posuere nisl, eget ornare nisi. Nullam ut auctor dui. Integer vel magna dictum, ultrices eros a, dictum ex. Quisque gravida, arcu non pulvinar lacinia, libero velit tristique neque, sed rutrum ligula urna efficitur sem. Nullam sit amet justo consequat, dapibus nibh eget, convallis mauris. Vivamus sit amet quam sit amet erat semper dignissim quis ut ex. Proin ullamcorper at dolor vitae fermentum. Nulla malesuada odio ut libero posuere euismod. Proin vulputate, magna at mattis vehicula, nulla quam lacinia dolor, vel sodales justo nisl eget eros. Etiam imperdiet, lacus id eleifend egestas, risus mi pharetra nisi, quis varius odio metus id justo. Aenean vel congue ligula.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie consequat arcu. Vivamus venenatis nibh risus, ac semper velit molestie vel. Morbi mattis lacus mollis fringilla dignissim. In non quam tellus. Cras sit amet risus ipsum. Vivamus sit amet scelerisque libero, sed ultrices ipsum. Integer cursus arcu tortor, quis venenatis est bibendum sit amet. Sed aliquet ligula quis dolor sagittis vulputate non ut mauris. Sed sed euismod mauris. Maecenas quis ipsum tempus, dictum urna quis, scelerisque magna. Suspendisse iaculis sed ante sit amet iaculis. Maecenas magna risus, volutpat sit amet ipsum vel, semper tincidunt enim. Sed in justo vel justo cursus porta. Sed aliquam eleifend mi, at auctor nisl rhoncus quis. Morbi pretium mi vitae lacus gravida, ac varius purus feugiat.

    Ut sit amet posuere nisl, eget ornare nisi. Nullam ut auctor dui. Integer vel magna dictum, ultrices eros a, dictum ex. Quisque gravida, arcu non pulvinar lacinia, libero velit tristique neque, sed rutrum ligula urna efficitur sem. Nullam sit amet justo consequat, dapibus nibh eget, convallis mauris. Vivamus sit amet quam sit amet erat semper dignissim quis ut ex. Proin ullamcorper at dolor vitae fermentum. Nulla malesuada odio ut libero posuere euismod. Proin vulputate, magna at mattis vehicula, nulla quam lacinia dolor, vel sodales justo nisl eget eros. Etiam imperdiet, lacus id eleifend egestas, risus mi pharetra nisi, quis varius odio metus id justo. Aenean vel congue ligula.


    code by ditto (head empty go bonk)



Code:
[border="transparent;
*image;
--bigpic: url(https://64.media.tumblr.com/e879fc15c69b7d552fae513852ad8b5d/tumblr_p1osheglTO1ua1nbgo1_400.gif);
*main text background color;
--mtbg: #ffffff;
*character name;
--cn:#ffffff;
*text color;
--tc: #000000;
*notification header background color (not recommended you mess with this);
--nhbg: #f0f0f0;
*notification bottom background color (not recommended you mess with this);
--nbbg: #d5d5d5;
*notification header text color (not recommended you mess with this);
--nhtc: #878787;
*notification bottom text color (not recommended you mess with this);
--nbtc: #fafafa;
 
display:flex;"][comment]

If you'd like the image to be colored, change the "filter: grayscale(1.0);" to 0.0. If you'd like it to be any other level of saturated, put a number between 0.0 and 1.0 in the ()s.

Adjust the "background-position" percentages if your image is not in the place that you would like it to be within the circle. The first percentage is the x value (left to right), with the bigger numbers being further to the right and the smaller numbers being further to the left; the second percentage is the y value (up and down), with the bigger numbers being further down and the smaller numbers being further up.

[/comment][border=0; box-sizing: border-box; padding: 0; max-width: 360px; min-height: 480px; position: relative; margin: auto; display: flex; flex-wrap: wrap; overflow: hidden; justify-content: center; align-items: center; color: #4e4b6d; background-image:  var(--bigpic); filter: grayscale(1.0); background-position: 0% 0%; background-size:cover;][comment]

Don't mess with the next little bit.

[/comment][border= 0; box-sizing: border-box; padding: 0; max-width: 400px; min-height: 500px; position: relative; margin: auto; display: flex; flex-wrap: wrap; overflow: hidden; justify-content: center; align-items: center; color: #4e4b6d;][border=0; box-sizing: border-box; padding: 0; position: relative; margin: auto; display: flex; flex-wrap: wrap; overflow: hidden; justify-content: center; align-items: center; top: 10px; font-size: 8px; left:-25px;][/border][border= 0; box-sizing: border-box; padding: 30px; width: 350px; height: 500px; background: transparent; display: flex; flex-direction: column; overflow: hidden; border-radius: 40px;][border=0; box-sizing: border-box; padding: 0; flex: 1; position: relative; text-align: justify; overflow: auto; width: 200%;][border= 0; box-sizing: border-box; padding: 0; width: 50%; font-size: 12px; line-height: 14px; color: var(--cn);][comment]

Short, three-line descriptor of character goes here. Song lyric, maybe? Be as *creative* as you'd like.

[/comment][i]fly me to the moon
and let me play 
among the stars[/i][comment]

Character name goes here. If you don't like the font, change the [font=_______] to the font that you'd like. If your character's name does not fit, change the "font-size" variable to whatever font size you'd like. 

[/comment][border=0px; position: relative; radius: 40px; height:425px; margin: auto; border-radius:20px; line-height:20px;][border=0; position: absolute; left: 0px; top: 300px; color: var(--cn); font-size: 40px; line-height: 40px; text-align: right;][font=Playfair Display]CHARACTER NAME[/font][/border][/border][comment]

No fiddling here!

[/comment][border=0px; position: relative; radius: 40px; width: 250px; height:375px; margin: auto; border-radius:20px; line-height:20px; text-align: center; font-size: 10px;][comment]

Notifications start here!

[/comment][border=0px; position: absolute; top: 32px; left: 0px; width: 268px; height: 45px; background: var(--nbbg); border-radius: 20px; text-align: left; color: var(--nbtc); overflow: hidden;][border=0px; position: absolute; top: -5px; width: 305px; height: 10px; background: var(--nhbg); text-align: left; color: var(--nhtc); font-size: 10px; left: 0px;]MOOD [/border]
mood[/border]
[border=0px; position: absolute; top: 102px; left: 0px; width: 268px; height: 45px; background: var(--nbbg); border-radius: 20px; text-align: left; color: var(--nbtc); overflow: hidden;][border=0px; position: absolute; top: -5px; width: 305px; height: 10px; background: var(--nhbg); text-align: left; color: var(--nhtc); font-size: 10px; left: 0px;]OUTFIT [/border]
outfit[/border]
[border=0px; position: absolute; top: 172px; left: 0px; width: 268px; height: 45px; background: var(--nbbg); border-radius: 20px; text-align: left; color: var(--nbtc); overflow: hidden;][border=0px; position: absolute; top: -5px; width: 305px; height: 10px; background: var(--nhbg); text-align: left; color: var(--nhtc); font-size: 10px; left: 0px;]LOCATION [/border]
location [/border]
[border=0px; position: absolute; top: 242px; left: 0px; width: 268px; height: 45px; background: var(--nbbg); border-radius: 20px; text-align: left; color: var(--nbtc); overflow: hidden;][border=0px; position: absolute; top: -5px; width: 305px; height: 10px; background: var(--nhbg); text-align: left; color: var(--nhtc); font-size: 10px; left: 0px;]INTERACTIONS [/border]
interactions [/border]
[border=0px; position: absolute; top: 312px; left: 0px; width: 268px; height: 45px; background: var(--nbbg); border-radius: 20px; text-align: left; color: var(--nbtc); overflow: hidden;][border=0px; position: absolute; top: -5px; width: 305px; height: 10px; background:  var(--nhbg); text-align: left; color: var(--nhtc); font-size: 10px; left: 0px;]TAGS [/border]
tags [/border]
[/border][border=0px; position: relative; background: var(--mtbg); margin: auto; border-radius:0px; line-height:20px; opacity: 0.95; text-align: left; color:  var(--tc); font-size: 10px;][comment]

Main text here!

[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie consequat arcu. Vivamus venenatis nibh risus, ac semper velit molestie vel. Morbi mattis lacus mollis fringilla dignissim. In non quam tellus. Cras sit amet risus ipsum. Vivamus sit amet scelerisque libero, sed ultrices ipsum. Integer cursus arcu tortor, quis venenatis est bibendum sit amet. Sed aliquet ligula quis dolor sagittis vulputate non ut mauris. Sed sed euismod mauris. Maecenas quis ipsum tempus, dictum urna quis, scelerisque magna. Suspendisse iaculis sed ante sit amet iaculis. Maecenas magna risus, volutpat sit amet ipsum vel, semper tincidunt enim. Sed in justo vel justo cursus porta. Sed aliquam eleifend mi, at auctor nisl rhoncus quis. Morbi pretium mi vitae lacus gravida, ac varius purus feugiat.

Ut sit amet posuere nisl, eget ornare nisi. Nullam ut auctor dui. Integer vel magna dictum, ultrices eros a, dictum ex. Quisque gravida, arcu non pulvinar lacinia, libero velit tristique neque, sed rutrum ligula urna efficitur sem. Nullam sit amet justo consequat, dapibus nibh eget, convallis mauris. Vivamus sit amet quam sit amet erat semper dignissim quis ut ex. Proin ullamcorper at dolor vitae fermentum. Nulla malesuada odio ut libero posuere euismod. Proin vulputate, magna at mattis vehicula, nulla quam lacinia dolor, vel sodales justo nisl eget eros. Etiam imperdiet, lacus id eleifend egestas, risus mi pharetra nisi, quis varius odio metus id justo. Aenean vel congue ligula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie consequat arcu. Vivamus venenatis nibh risus, ac semper velit molestie vel. Morbi mattis lacus mollis fringilla dignissim. In non quam tellus. Cras sit amet risus ipsum. Vivamus sit amet scelerisque libero, sed ultrices ipsum. Integer cursus arcu tortor, quis venenatis est bibendum sit amet. Sed aliquet ligula quis dolor sagittis vulputate non ut mauris. Sed sed euismod mauris. Maecenas quis ipsum tempus, dictum urna quis, scelerisque magna. Suspendisse iaculis sed ante sit amet iaculis. Maecenas magna risus, volutpat sit amet ipsum vel, semper tincidunt enim. Sed in justo vel justo cursus porta. Sed aliquam eleifend mi, at auctor nisl rhoncus quis. Morbi pretium mi vitae lacus gravida, ac varius purus feugiat.

Ut sit amet posuere nisl, eget ornare nisi. Nullam ut auctor dui. Integer vel magna dictum, ultrices eros a, dictum ex. Quisque gravida, arcu non pulvinar lacinia, libero velit tristique neque, sed rutrum ligula urna efficitur sem. Nullam sit amet justo consequat, dapibus nibh eget, convallis mauris. Vivamus sit amet quam sit amet erat semper dignissim quis ut ex. Proin ullamcorper at dolor vitae fermentum. Nulla malesuada odio ut libero posuere euismod. Proin vulputate, magna at mattis vehicula, nulla quam lacinia dolor, vel sodales justo nisl eget eros. Etiam imperdiet, lacus id eleifend egestas, risus mi pharetra nisi, quis varius odio metus id justo. Aenean vel congue ligula.
[/border]
[/border][/border][/border][/border][/border][/border]
[comment]

Please don't remove the credit!

[/comment][center][font=Quicksand][SIZE=1][color=#000000][I]code by [URL='https://www.rpnation.com/members/ditto.83850/'][color=#000000]ditto[/color][/URL] (head empty go bonk)[/I][/color][/SIZE][/font][/CENTER][font=Quicksand][/font]
Code:
[border="transparent;
*image;
--bigpic: url(https://i9.lisimg.com/1233869/280full.jpg);
*main text background color;
--mtbg: #ffffff;
*character name;
--cn:#ffffff;
*text color;
--tc: #000000;
*notification header background color (not recommended you mess with this);
--nhbg: #f0f0f0;
*notification bottom background color (not recommended you mess with this);
--nbbg: #d5d5d5;
*notification header text color (not recommended you mess with this);
--nhtc: #878787;
*notification bottom text color (not recommended you mess with this);
--nbtc: #fafafa;
 
display:flex;"][comment]

If you'd like the image to be colored, change the "filter: grayscale(1.0);" to 0.0. If you'd like it to be any other level of saturated, put a number between 0.0 and 1.0 in the ()s.

Adjust the "background-position" percentages if your image is not in the place that you would like it to be within the circle. The first percentage is the x value (left to right), with the bigger numbers being further to the right and the smaller numbers being further to the left; the second percentage is the y value (up and down), with the bigger numbers being further down and the smaller numbers being further up.

[/comment][border=0; box-sizing: border-box; padding: 0; max-width: 360px; min-height: 480px; position: relative; margin: auto; display: flex; flex-wrap: wrap; overflow: hidden; justify-content: center; align-items: center; color: #4e4b6d; background-image:  var(--bigpic); filter: grayscale(1.0); background-position: 50% 50%; background-size:cover;][comment]

Don't mess with the next little bit.

[/comment][border= 0; box-sizing: border-box; padding: 0; max-width: 400px; min-height: 500px; position: relative; margin: auto; display: flex; flex-wrap: wrap; overflow: hidden; justify-content: center; align-items: center; color: #4e4b6d;][border=0; box-sizing: border-box; padding: 0; position: relative; margin: auto; display: flex; flex-wrap: wrap; overflow: hidden; justify-content: center; align-items: center; top: 10px; font-size: 8px; left:-25px;][/border][border= 0; box-sizing: border-box; padding: 30px; width: 350px; height: 500px; background: transparent; display: flex; flex-direction: column; overflow: hidden; border-radius: 40px;][border=0; box-sizing: border-box; padding: 0; flex: 1; position: relative; text-align: justify; overflow: auto; width: 200%;][border= 0; box-sizing: border-box; padding: 0; width: 50%; font-size: 12px; line-height: 14px; color: var(--cn);][comment]

Some text goes here. Be as *creative* as you'd like.

[/comment][right]fly me to the moon
and let me play
among the stars
let me see[/right][comment]

Character name goes here. If you don't like the font, change the [font=_______] to the font that you'd like. If your character's name does not fit, change the "font-size" variable to whatever font size you'd like. 

[/comment][border=0px; position: relative; radius: 40px; height:425px; margin: auto; border-radius:20px; line-height:20px;][border=0; position: absolute; left: 0px; top: 240px; color: var(--cn); font-size: 40px; line-height: 40px; text-align: right;][font=Playfair Display]
[i] [/i] CHARACTER NAME[/font][/border][/border][comment]

No fiddling here!

[/comment][border=0px; position: relative; background: var(--mtbg); margin: auto; border-radius:0px; line-height:20px; opacity: 0.95; text-align: left; color:  var(--tc); font-size: 10px;][comment]

Main text here!

[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie consequat arcu. Vivamus venenatis nibh risus, ac semper velit molestie vel. Morbi mattis lacus mollis fringilla dignissim. In non quam tellus. Cras sit amet risus ipsum. Vivamus sit amet scelerisque libero, sed ultrices ipsum. Integer cursus arcu tortor, quis venenatis est bibendum sit amet. Sed aliquet ligula quis dolor sagittis vulputate non ut mauris. Sed sed euismod mauris. Maecenas quis ipsum tempus, dictum urna quis, scelerisque magna. Suspendisse iaculis sed ante sit amet iaculis. Maecenas magna risus, volutpat sit amet ipsum vel, semper tincidunt enim. Sed in justo vel justo cursus porta. Sed aliquam eleifend mi, at auctor nisl rhoncus quis. Morbi pretium mi vitae lacus gravida, ac varius purus feugiat.

Ut sit amet posuere nisl, eget ornare nisi. Nullam ut auctor dui. Integer vel magna dictum, ultrices eros a, dictum ex. Quisque gravida, arcu non pulvinar lacinia, libero velit tristique neque, sed rutrum ligula urna efficitur sem. Nullam sit amet justo consequat, dapibus nibh eget, convallis mauris. Vivamus sit amet quam sit amet erat semper dignissim quis ut ex. Proin ullamcorper at dolor vitae fermentum. Nulla malesuada odio ut libero posuere euismod. Proin vulputate, magna at mattis vehicula, nulla quam lacinia dolor, vel sodales justo nisl eget eros. Etiam imperdiet, lacus id eleifend egestas, risus mi pharetra nisi, quis varius odio metus id justo. Aenean vel congue ligula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie consequat arcu. Vivamus venenatis nibh risus, ac semper velit molestie vel. Morbi mattis lacus mollis fringilla dignissim. In non quam tellus. Cras sit amet risus ipsum. Vivamus sit amet scelerisque libero, sed ultrices ipsum. Integer cursus arcu tortor, quis venenatis est bibendum sit amet. Sed aliquet ligula quis dolor sagittis vulputate non ut mauris. Sed sed euismod mauris. Maecenas quis ipsum tempus, dictum urna quis, scelerisque magna. Suspendisse iaculis sed ante sit amet iaculis. Maecenas magna risus, volutpat sit amet ipsum vel, semper tincidunt enim. Sed in justo vel justo cursus porta. Sed aliquam eleifend mi, at auctor nisl rhoncus quis. Morbi pretium mi vitae lacus gravida, ac varius purus feugiat.

Ut sit amet posuere nisl, eget ornare nisi. Nullam ut auctor dui. Integer vel magna dictum, ultrices eros a, dictum ex. Quisque gravida, arcu non pulvinar lacinia, libero velit tristique neque, sed rutrum ligula urna efficitur sem. Nullam sit amet justo consequat, dapibus nibh eget, convallis mauris. Vivamus sit amet quam sit amet erat semper dignissim quis ut ex. Proin ullamcorper at dolor vitae fermentum. Nulla malesuada odio ut libero posuere euismod. Proin vulputate, magna at mattis vehicula, nulla quam lacinia dolor, vel sodales justo nisl eget eros. Etiam imperdiet, lacus id eleifend egestas, risus mi pharetra nisi, quis varius odio metus id justo. Aenean vel congue ligula.
[/border]
[/border][/border][/border][/border][/border][/border]
[comment]

Please don't remove the credit!

[/comment][center][font=Quicksand][SIZE=1][color=#000000][I]code by [URL='https://www.rpnation.com/members/ditto.83850/'][color=#000000]ditto[/color][/URL] (head empty go bonk)[/I][/color][/SIZE][/font][/CENTER][font=Quicksand][/font]
 
Last edited:

Users who are viewing this thread

Back
Top