Resource code dump

Nap · May 21, 2017

I'm just going to dump all my stuff here. Everything is free to use and MINOR changes may be made (i.e. adjusting dimensions to match images and changing colors). Please leave the credit mark and if it's not already there, include it somehow. :')

Although I'm not great, I am offering coding assistance as well. Please try not to post on here. All questions and stuff should be PM'd, mostly because I'll be more likely to reply.

Nap · May 21, 2017

Images should be equal length and width wise.

N
A
M
E

Time:

Location:

Interaction:

Tagging:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut at orci non nibh rhoncus eleifend. Sed blandit arcu urna, sit amet feugiat ex pellentesque nec. Nam suscipit eleifend varius. Proin semper enim sit amet purus porttitor blandit. Vestibulum condimentum leo diam, non tempor risus facilisis ac. Ut sagittis enim in blandit accumsan. Pellentesque pharetra, ex id tempus mollis, ante urna sodales lorem, non maximus leo ex non elit. Nunc ac euismod urna. Integer turpis nibh, rhoncus congue nibh non, tempus rhoncus odio. Phasellus eget tincidunt odio. Maecenas in turpis rutrum, aliquam orci sodales, maximus dolor. Nulla feugiat, nunc et scelerisque scelerisque, metus nulla efficitur elit, in feugiat ex velit eu leo. Pellentesque non vestibulum tortor. Nulla ac ultrices neque. Cras at fringilla lorem. Aliquam eleifend justo eu tortor viverra tincidunt.

Morbi elementum in elit et consequat. Suspendisse et erat blandit, imperdiet ipsum eget, tincidunt dolor. Donec at consequat est, ac mollis massa. Nam molestie mauris ut magna malesuada commodo non non felis. Nunc sed imperdiet ex, fermentum sodales justo. Phasellus scelerisque fermentum sapien elementum porttitor. Nunc sit amet ante nec ligula egestas mollis.

Pellentesque ex elit, imperdiet id purus sit amet, commodo dictum justo. Quisque egestas pharetra risus, non hendrerit ex. Nunc sed dapibus ipsum. Proin sagittis diam sit amet enim semper, vitae volutpat nisi malesuada. Ut vel ultrices quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras non diam metus. Nunc quis mauris molestie, pharetra urna ut, condimentum dolor. Vestibulum sodales odio mi, vel ullamcorper velit scelerisque nec. Aliquam nulla libero, dignissim id sodales quis, eleifend vitae velit. Nulla mollis ac lorem in volutpat. Proin sed gravida mi.

Nap

Code:

[centerblock=80][row][column=span1]
 
[RIGHT][FONT=Merienda One][SIZE=5]N
A
M
E[/SIZE][/FONT][/RIGHT]
[/column][column=span2][IMG]http://i.imgur.com/hE2klti.png[/IMG]
[div=overflow: auto; border: 1px dashed; padding: 5px; height: 125px][FONT=Nunito][SIZE=3]Time:

Location:
 
Interaction:
 
Tagging:[/SIZE][/FONT][/div][/column][column=span5][div=overflow: auto; border: 2px solid; height: 278px; padding: 5px][FONT=Nunito][justify]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut at orci non nibh rhoncus eleifend. Sed blandit arcu urna, sit amet feugiat ex pellentesque nec. Nam suscipit eleifend varius. Proin semper enim sit amet purus porttitor blandit. Vestibulum condimentum leo diam, non tempor risus facilisis ac. Ut sagittis enim in blandit accumsan. Pellentesque pharetra, ex id tempus mollis, ante urna sodales lorem, non maximus leo ex non elit. Nunc ac euismod urna. Integer turpis nibh, rhoncus congue nibh non, tempus rhoncus odio. Phasellus eget tincidunt odio. Maecenas in turpis rutrum, aliquam orci sodales, maximus dolor. Nulla feugiat, nunc et scelerisque scelerisque, metus nulla efficitur elit, in feugiat ex velit eu leo. Pellentesque non vestibulum tortor. Nulla ac ultrices neque. Cras at fringilla lorem. Aliquam eleifend justo eu tortor viverra tincidunt.
 
Morbi elementum in elit et consequat. Suspendisse et erat blandit, imperdiet ipsum eget, tincidunt dolor. Donec at consequat est, ac mollis massa. Nam molestie mauris ut magna malesuada commodo non non felis. Nunc sed imperdiet ex, fermentum sodales justo. Phasellus scelerisque fermentum sapien elementum porttitor. Nunc sit amet ante nec ligula egestas mollis.
 
Pellentesque ex elit, imperdiet id purus sit amet, commodo dictum justo. Quisque egestas pharetra risus, non hendrerit ex. Nunc sed dapibus ipsum. Proin sagittis diam sit amet enim semper, vitae volutpat nisi malesuada. Ut vel ultrices quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras non diam metus. Nunc quis mauris molestie, pharetra urna ut, condimentum dolor. Vestibulum sodales odio mi, vel ullamcorper velit scelerisque nec. Aliquam nulla libero, dignissim id sodales quis, eleifend vitae velit. Nulla mollis ac lorem in volutpat. Proin sed gravida mi.[/justify][/FONT][/div][/column][/row]
[right][size=2][fa]fa-copyright[/fa] Kumari[/size][/right][/centerblock]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut at orci non nibh rhoncus eleifend. Sed blandit arcu urna, sit amet feugiat ex pellentesque nec. Nam suscipit eleifend varius. Proin semper enim sit amet purus porttitor blandit. Vestibulum condimentum leo diam, non tempor risus facilisis ac. Ut sagittis enim in blandit accumsan. Pellentesque pharetra, ex id tempus mollis, ante urna sodales lorem, non maximus leo ex non elit. Nunc ac euismod urna. Integer turpis nibh, rhoncus congue nibh non, tempus rhoncus odio. Phasellus eget tincidunt odio. Maecenas in turpis rutrum, aliquam orci sodales, maximus dolor. Nulla feugiat, nunc et scelerisque scelerisque, metus nulla efficitur elit, in feugiat ex velit eu leo. Pellentesque non vestibulum tortor. Nulla ac ultrices neque. Cras at fringilla lorem. Aliquam eleifend justo eu tortor viverra tincidunt.

Morbi elementum in elit et consequat. Suspendisse et erat blandit, imperdiet ipsum eget, tincidunt dolor. Donec at consequat est, ac mollis massa. Nam molestie mauris ut magna malesuada commodo non non felis. Nunc sed imperdiet ex, fermentum sodales justo. Phasellus scelerisque fermentum sapien elementum porttitor. Nunc sit amet ante nec ligula egestas mollis.

Pellentesque ex elit, imperdiet id purus sit amet, commodo dictum justo. Quisque egestas pharetra risus, non hendrerit ex. Nunc sed dapibus ipsum. Proin sagittis diam sit amet enim semper, vitae volutpat nisi malesuada. Ut vel ultrices quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras non diam metus. Nunc quis mauris molestie, pharetra urna ut, condimentum dolor. Vestibulum sodales odio mi, vel ullamcorper velit scelerisque nec. Aliquam nulla libero, dignissim id sodales quis, eleifend vitae velit. Nulla mollis ac lorem in volutpat. Proin sed gravida mi.

Time:

Location:

Interaction:

Tagging:

N
A
M
E

Nap

Code:

[centerblock=80][row][column=span5][div=overflow: auto; border: 2px solid; height: 278px; padding: 5px][FONT=Nunito][justify]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut at orci non nibh rhoncus eleifend. Sed blandit arcu urna, sit amet feugiat ex pellentesque nec. Nam suscipit eleifend varius. Proin semper enim sit amet purus porttitor blandit. Vestibulum condimentum leo diam, non tempor risus facilisis ac. Ut sagittis enim in blandit accumsan. Pellentesque pharetra, ex id tempus mollis, ante urna sodales lorem, non maximus leo ex non elit. Nunc ac euismod urna. Integer turpis nibh, rhoncus congue nibh non, tempus rhoncus odio. Phasellus eget tincidunt odio. Maecenas in turpis rutrum, aliquam orci sodales, maximus dolor. Nulla feugiat, nunc et scelerisque scelerisque, metus nulla efficitur elit, in feugiat ex velit eu leo. Pellentesque non vestibulum tortor. Nulla ac ultrices neque. Cras at fringilla lorem. Aliquam eleifend justo eu tortor viverra tincidunt.
 
Morbi elementum in elit et consequat. Suspendisse et erat blandit, imperdiet ipsum eget, tincidunt dolor. Donec at consequat est, ac mollis massa. Nam molestie mauris ut magna malesuada commodo non non felis. Nunc sed imperdiet ex, fermentum sodales justo. Phasellus scelerisque fermentum sapien elementum porttitor. Nunc sit amet ante nec ligula egestas mollis.
 
Pellentesque ex elit, imperdiet id purus sit amet, commodo dictum justo. Quisque egestas pharetra risus, non hendrerit ex. Nunc sed dapibus ipsum. Proin sagittis diam sit amet enim semper, vitae volutpat nisi malesuada. Ut vel ultrices quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras non diam metus. Nunc quis mauris molestie, pharetra urna ut, condimentum dolor. Vestibulum sodales odio mi, vel ullamcorper velit scelerisque nec. Aliquam nulla libero, dignissim id sodales quis, eleifend vitae velit. Nulla mollis ac lorem in volutpat. Proin sed gravida mi.[/justify][/FONT][/div][/column][column=span2][IMG]http://i.imgur.com/qMxaxna.png[/IMG]
[div=overflow: auto; border: 1px dashed; padding: 5px; height: 125px][FONT=Nunito][SIZE=3]Time:

Location:
 
Interaction:
 
Tagging:[/SIZE][/FONT][/div][/column][column=span1]

[LEFT][FONT=Merienda One][SIZE=5]N
A
M
E[/SIZE][/FONT][/LEFT]
[/column][/row]
[right][size=2][fa]fa-copyright[/fa] Kumari[/size][/right][/centerblock]

Nap · May 21, 2017

Background is removable and changeable.

NPCs

Character 1

Character 2

Character 3

Character 4

Character 5

Character 6

Nap

Code:

[div=overflow:auto; height: 250px][centerblock=80][div=margin-left: 170px; letter-spacing: 2px][FONT=Engagement][SIZE=6]NPCs[/SIZE][/FONT][/div][row][column=span2][div=overflow: auto; border: 1px inset; padding: 5px; height: 100px][IMG]http://i.imgur.com/dhbgACg.png[/IMG][/div][/column][column=span6][div=overflow: auto; border: 2px ridge; height: 100px; padding: 5px; background: url(https://www.rpnation.com/media/rr2.26505/full?d=1493428627)][FONT=Quicksand][SIZE=3]Character 1[/SIZE][/FONT][/div][/column][/row]

[row][column=span2][div=overflow: auto; border: 1px inset; padding: 5px; height: 100px][IMG]http://i.imgur.com/dhbgACg.png[/IMG][/div][/column][column=span6][div=overflow: auto; border: 2px ridge; height: 100px; padding: 5px; background: url(https://www.rpnation.com/media/rr2.26505/full?d=1493428627)][FONT=Quicksand][SIZE=3]Character 2[/SIZE][/FONT][/div][/column][/row]

[row][column=span2][div=overflow: auto; border: 1px inset; padding: 5px; height: 100px][IMG]http://i.imgur.com/dhbgACg.png[/IMG][/div][/column][column=span6][div=overflow: auto; border: 2px ridge; height: 100px; padding: 5px; background: url(https://www.rpnation.com/media/rr2.26505/full?d=1493428627)][FONT=Quicksand][SIZE=3]Character 3[/SIZE][/FONT][/div][/column][/row]

[row][column=span2][div=overflow: auto; border: 1px inset; padding: 5px; height: 100px][IMG]http://i.imgur.com/dhbgACg.png[/IMG][/div][/column][column=span6][div=overflow: auto; border: 2px ridge; height: 100px; padding: 5px; background: url(https://www.rpnation.com/media/rr2.26505/full?d=1493428627)][FONT=Quicksand][SIZE=3]Character 4[/SIZE][/FONT][/div][/column][/row]

[row][column=span2][div=overflow: auto; border: 1px inset; padding: 5px; height: 100px][IMG]http://i.imgur.com/dhbgACg.png[/IMG][/div][/column][column=span6][div=overflow: auto; border: 2px ridge; height: 100px; padding: 5px; background: url(https://www.rpnation.com/media/rr2.26505/full?d=1493428627)][FONT=Quicksand][SIZE=3]Character 5[/SIZE][/FONT][/div][/column][/row]

[row][column=span2][div=overflow: auto; border: 1px inset; padding: 5px; height: 100px][IMG]http://i.imgur.com/dhbgACg.png[/IMG][/div][/column][column=span6][div=overflow: auto; border: 2px ridge; height: 100px; padding: 5px; background: url(https://www.rpnation.com/media/rr2.26505/full?d=1493428627)][FONT=Quicksand][SIZE=3]Character 6[/SIZE][/FONT][/div][/column][/row]
[right][size=2][fa]fa-copyright[/fa] @Kumari[/size][/right][/centerblock][/div]

Nap · May 21, 2017

NAME HERE

"SHORT QUOTE HERE"

BLAH

BLAH BLAH

BLAH BLAH BLAH

Nap

IMAGE HERE

Code:

[centerblock=70][border=1px solid black][bg=black][FONT=Josefin Slab][SIZE=5][COLOR=white][B]NAME HERE[/B][/COLOR][/SIZE][/FONT]
[BORDER=1px solid black][BG=white][ROW][column=span4]
[CENTER][IMG]https://68.media.tumblr.com/2180b95e6e7ba5c4aa253643c0e47eaf/tumblr_mj8tc3Amqw1qdxi9uo1_400.gif[/IMG]
[SIZE=2][I]"SHORT QUOTE HERE"[/I][/SIZE][/CENTER]
[/column][column=span4][div=overflow:auto;border:1px dashed][border=black;width:100%;height:175px][bg=white][FONT=Josefin Slab]BLAH[/FONT][/bg][/border][/div][/column][/ROW]
[ROW][COLUMN=SPAN4][div=overflow:auto;border:1px solid][border=black;width:232px;height:100px][FONT=Josefin Slab]BLAH BLAH[/FONT][/border][/div][/COLUMN]
[COLUMN=SPAN4][div=overflow:auto][border=black;width:220px;height:100px][FONT=Josefin Slab]BLAH BLAH BLAH[/FONT][/border][/div][/column][/row]
[RIGHT][SIZE=1][COLOR=white][fa]fa-copyright[/fa] @Kumari[/COLOR][/SIZE][/RIGHT]
[CENTER][row][column=span2]IMAGE HERE[/column]
[column=span2]IMAGE HERE[/column]
[column=span2]IMAGE HERE[/column]
[column=span2]IMAGE HERE[/column][/row][/CENTER]
[/bg][/border][/bg][/border][/centerblock]

Nap · Jul 5, 2017

This code can get pretty messy so I recommend copying after each alteration and then repasting before you return to editing. Colors can be changed and SMALL alterations can be made in order to fit with each individual monitor (because I know screen size matters with coding). Please leave my watermark.

.

# followers
# following

.
.
.
.
.
.
.

xx

name here.

Optional quote here.

short text here

Blah.

Code by

Nap

Code:

[centerblock=70][border=1px solid #888888][bg=#F3F3F3; height:400px][row][column=span2][div=background:url(http://i.imgur.com/5TaPllk.png); height: 140px; width: 130px; border: 0px solid; border-radius: 100%; margin-right: auto; background-size: 108%][COLOR=#F3F3F3].[/COLOR][/div]
[CENTER][FONT=Rubik][SIZE=3][COLOR=#FFC1AA]#[/COLOR] followers
[COLOR=#FFC1AA]#[/COLOR] following[/SIZE][/FONT][/CENTER]
 
[div=margin-left: 65px; border-style:none none none solid; border-color:#FFC1AA][COLOR=#F3F3F3].
.
.
.
.
.
.[/COLOR][/div][/column][column=span6][bg=#FFFFFF; height:400px][row][column=span2][div=border-style:none none solid none; border-color:#FFC1AA][COLOR=#FFFFFF]xx[/COLOR][/div][/column][column=span4][FONT=Rubik][SIZE=7][COLOR=#FFC1AA][B]name here.[/B][/COLOR][/SIZE][/FONT][/column][/row]
[FONT=Rubik][SIZE=3]Optional quote here.[/SIZE][/FONT]
 
[bg=#888888; border-radius: 12px 12px 0px 12px; margin-left: 40%; width: 50%; padding: 5px][FONT=Rubik][SIZE=2][COLOR=#FFFFFF]short text here[/COLOR][/SIZE][/FONT][/bg]
[bg=#F3F3F3; border-radius: 12px 12px 12px 0px; margin-left: 5%; margin-top: 15px; width: 50%; padding: 5px][FONT=Rubik][SIZE=2]short text here[/SIZE][/FONT][/bg]
 
[div=height:210px; overflow: auto; margin: 5px; padding: 5px][row][column=span2][IMG]http://i.imgur.com/KeO382H.png[/IMG][/column][column=span2][IMG]http://i.imgur.com/Jj7yZpw.png[/IMG][/column][column=span2][IMG]http://i.imgur.com/eKmklys.png[/IMG][/column][column=span2][IMG]http://i.imgur.com/UabpGeG.png[/IMG][/column][/row][row][column=span2][IMG]http://i.imgur.com/2RYgAGD.png[/IMG][/column][column=span2][IMG]http://i.imgur.com/uVTx9Z9.png[/IMG][/column][column=span2][IMG]http://i.imgur.com/xSkbPko.png[/IMG][/column][column=span2][IMG]http://i.imgur.com/RcItKzk.png[/IMG][/column][/row]
[center][font=Rubik][size=2][fa]fa-arrow-down[/fa][/size][/font][/center]
 
[font=Rubik][size=3]Blah.[/size][/font][/div][/bg][/column][/row][/bg][/border]
[right][size=1]Code by @Kumari[/size][/right][/centerblock]

Peach Tea · Jul 5, 2017

Ooooooooooo .0.

Nap · Jul 5, 2017

I haven't posted for my personal use yet but I figured I'd throw it out any ways. Again, this can get messy but all codes can. A coding tip is to always copy and paste because you don't know what little bug snuck it's way into your coding. Colors and stuff can be changed and roles can be added/removed quite easily.

S U M M A R Y

Lorem ipsum butter cup baby boom pow wammy whoop whoop

C A S T: blarga blarga blarga

TITLE HERE
status_taken

blah 1

TITLE HERE
status_taken

blah 2

TITLE HERE
status_taken

blah3

TITLE HERE
status_open

blah 4

TITLE HERE
status_open

blah 5

TITLE HERE
status_open

blah 6

Code:

[centerblock=75][row][column=span4][bg=#DAE2DF; height:340px; box-shadow:3px 3px 2px; border-radius:40%; color; #000000][CENTER][fa]fa-caret-down[/fa] [FONT=Viga]S U M M A R Y[/FONT] [fa]fa-caret-down[/fa][/CENTER]
[div=height: 275px; width: 75%; overflow: auto; margin-left: 35px; margin-top: 15px]
[CENTER][FONT=Tenali Ramakrishna]Lorem ipsum butter cup baby boom pow wammy whoop whoop[/FONT][/CENTER][/div][/bg][/column][column=span4][border=0px solid][bg=#FFFFFF; height:350px; box-shadow:3px 3px 2px][accordion=250|bcenter|]{slide=[CENTER][bg=#000000][FONT=Viga][COLOR=#FFFFFF][fa]fa-caret-down[/fa] C A S T [fa]fa-caret-down[/fa][/COLOR][/FONT][/bg][/CENTER]|open}[bg=#FFFFFF][CENTER][FONT=Tenali Ramakrishna]blarga blarga blarga[/FONT][/CENTER]
[/bg]{/slide}[/accordion]
[div=height: 250px; width:85%; margin: auto; overflow: auto]
[row][column=span3][font=Tenali Ramakrishna]TITLE HERE
status_[color=#6D696A]taken[/color][/FONT][IMG]http://i.imgur.com/dhbgACg.png[/IMG][/column][column=span5][FONT=Tenali Ramakrishna]blah 1[/FONT][/column][/row]
[row][column=span3][font=Tenali Ramakrishna]TITLE HERE
status_[color=#6D696A]taken[/color][/FONT][IMG]http://i.imgur.com/dhbgACg.png[/IMG][/column][column=span5][FONT=Tenali Ramakrishna]blah 2[/FONT][/column][/row]
[row][column=span3][font=Tenali Ramakrishna]TITLE HERE
status_[color=#6D696A]taken[/color][/FONT][IMG]http://i.imgur.com/dhbgACg.png[/IMG][/column][column=span5][FONT=Tenali Ramakrishna]blah3[/FONT][/column][/row]
[row][column=span3][font=Tenali Ramakrishna]TITLE HERE
status_[color=#6D696A]open[/color][/FONT][IMG]http://i.imgur.com/dhbgACg.png[/IMG][/column][column=span5][FONT=Tenali Ramakrishna]blah 4[/FONT][/column][/row]
[row][column=span3][font=Tenali Ramakrishna]TITLE HERE
status_[color=#6D696A]open[/color][/FONT][IMG]http://i.imgur.com/dhbgACg.png[/IMG][/column][column=span5][FONT=Tenali Ramakrishna]blah 5[/FONT][/column][/row]
[row][column=span3][font=Tenali Ramakrishna]TITLE HERE
status_[color=#6D696A]open[/color][/FONT][IMG]http://i.imgur.com/dhbgACg.png[/IMG][/column][column=span5][FONT=Tenali Ramakrishna]blah 6[/FONT][/column][/row][/div][/bg][/border][/column][/row][/centerblock]

Nap · Jul 12, 2017

This NOT mobile friendly.

N A M E

Images here or some other stuff idk

Blahhhh this scrolls too

code by

Nap

Code:

[bg=#E7ECEF; height: 280px; width: 325px; margin: auto; border: 1px solid #000000][FONT=Viga][SIZE=5][COLOR=#FFFFFF]N[/COLOR] [COLOR=#242325]A M E[/COLOR][/SIZE][/FONT]
[bg=#FFFFFF; height: 230px; width: 92%; margin: auto][row][column=span3][div=height: 220px; width: 100%; overflow: scroll; padding: 5px; font-size: 11px]Images here
[IMG]http://i.imgur.com/6enVXta.png[/IMG]
[IMG]http://i.imgur.com/SWwjirl.png[/IMG]
[IMG]http://i.imgur.com/saXibMa.png[/IMG]
[IMG]http://i.imgur.com/xMlITQS.png[/IMG]
[IMG]http://i.imgur.com/sXwxqad.png[/IMG][/div][/column][column=span5][div=height: 220px; overflow: auto; color: #000000; font-size: 11px; padding: 5px]Blahhhh[/div][/column][/row][/bg][/bg]
[div=margin-left: 500px][size=1]code by @Kumari[/size][/div]

Mx.Trinity · Jul 13, 2017

Kumari said:

Background is removable and changeable.

NPCs

Character 1

Character 2

Character 3

Character 4

Character 5

Character 6

Nap

Code:

[div=overflow:auto; height: 250px][centerblock=80][div=margin-left: 170px; letter-spacing: 2px][FONT=Engagement][SIZE=6]NPCs[/SIZE][/FONT][/div][row][column=span2][div=overflow: auto; border: 1px inset; padding: 5px; height: 100px][IMG]https://www.rpnation.com/media/nicholasromanov.26522/full?d=1493438236[/IMG][/div][/column][column=span6][div=overflow: auto; border: 2px ridge; height: 100px; padding: 5px; background: url(https://www.rpnation.com/media/rr2.26505/full?d=1493428627)][FONT=Quicksand][SIZE=3]Character 1[/SIZE][/FONT][/div][/column][/row]

[row][column=span2][div=overflow: auto; border: 1px inset; padding: 5px; height: 100px][IMG]https://www.rpnation.com/media/elisabetromanov.26521/full?d=1493438236[/IMG][/div][/column][column=span6][div=overflow: auto; border: 2px ridge; height: 100px; padding: 5px; background: url(https://www.rpnation.com/media/rr2.26505/full?d=1493428627)][FONT=Quicksand][SIZE=3]Character 2[/SIZE][/FONT][/div][/column][/row]

[row][column=span2][div=overflow: auto; border: 1px inset; padding: 5px; height: 100px][IMG]https://www.rpnation.com/proxy.php?image=http%3A%2F%2Fdatingwithdignity.com%2Fwp-content%2Fuploads%2F2011%2F02%2FWoman-stern-LRG.jpg&hash=7f571544cee59df4e2ccd1838ececa06[/IMG][/div][/column][column=span6][div=overflow: auto; border: 2px ridge; height: 100px; padding: 5px; background: url(https://www.rpnation.com/media/rr2.26505/full?d=1493428627)][FONT=Quicksand][SIZE=3]Character 3[/SIZE][/FONT][/div][/column][/row]

[row][column=span2][div=overflow: auto; border: 1px inset; padding: 5px; height: 100px][IMG]https://www.rpnation.com/proxy.php?image=https%3A%2F%2Fs-media-cache-ak0.pinimg.com%2F236x%2Ff9%2Fc7%2F84%2Ff9c78405a9b74b29f9ecb66a61dcc2d8.jpg&hash=4c19968ba7ed948bcccc65e17de22f87[/IMG][/div][/column][column=span6][div=overflow: auto; border: 2px ridge; height: 100px; padding: 5px; background: url(https://www.rpnation.com/media/rr2.26505/full?d=1493428627)][FONT=Quicksand][SIZE=3]Character 4[/SIZE][/FONT][/div][/column][/row]

[row][column=span2][div=overflow: auto; border: 1px inset; padding: 5px; height: 100px][IMG]https://www.rpnation.com/proxy.php?image=http%3A%2F%2Fwww.fuchsiadunlop.com%2Fwp-content%2Fuploads%2F2011%2F11%2FP1130435_2.jpg&hash=1ec59f88ea683a06e2160abb81cd0809[/IMG][/div][/column][column=span6][div=overflow: auto; border: 2px ridge; height: 100px; padding: 5px; background: url(https://www.rpnation.com/media/rr2.26505/full?d=1493428627)][FONT=Quicksand][SIZE=3]Character 5[/SIZE][/FONT][/div][/column][/row]

[row][column=span2][div=overflow: auto; border: 1px inset; padding: 5px; height: 100px][IMG]https://www.rpnation.com/media/charlespetrov.26539/full?d=1493439566[/IMG][/div][/column][column=span6][div=overflow: auto; border: 2px ridge; height: 100px; padding: 5px; background: url(https://www.rpnation.com/media/rr2.26505/full?d=1493428627)][FONT=Quicksand][SIZE=3]Character 6[/SIZE][/FONT][/div][/column][/row]
[right][size=2][fa]fa-copyright[/fa] @Kumari[/size][/right][/centerblock][/div]

*clears throat quietly*

Ahem... I don't mean to be a bother but some of your images aren't displaying. Specifically the first and second one... I think

Nap

Nap · Jul 31, 2017

Feel free to change the bg colors, font colors, or fonts. Not mobile friendly.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque efficitur eu dui at pretium. Etiam nibh odio, pellentesque nec mattis ac, lobortis volutpat nisi. Morbi vel molestie tellus, vel placerat arcu. Donec non rhoncus metus, eu euismod est. Sed sed sollicitudin purus, eget faucibus dui. In malesuada orci sed orci tempus sagittis. Cras congue ac tortor ac commodo. Nunc sit amet elit eu sem accumsan tristique. Curabitur sodales massa at sapien euismod semper. Integer sodales ante quis consectetur tempor. Quisque arcu risus, mollis in ex vel, rhoncus iaculis lectus. Morbi blandit consectetur laoreet. Pellentesque vel quam libero.

Duis convallis, nisi vitae semper iaculis, augue risus imperdiet quam, ac posuere urna erat viverra diam. Morbi in augue id augue consectetur dignissim. Phasellus consequat odio iaculis velit ultrices placerat tempus non ante. Vestibulum tristique est in aliquam feugiat. Proin commodo gravida sollicitudin. Quisque tempus sed erat id tincidunt. Nullam feugiat purus convallis, congue magna id, ultrices dolor.

attire –
location –
tags –

Name Here

code by Kumari

Code:

[centerblock=50][bg=#40434E; height: 390px; width: 350px][bg=#FFFFFF; height: 240px; width: 330px; overflow: auto; font-size: 12px; color: #0C0C0C][justify][font=PT Serif]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque efficitur eu dui at pretium. Etiam nibh odio, pellentesque nec mattis ac, lobortis volutpat nisi. Morbi vel molestie tellus, vel placerat arcu. Donec non rhoncus metus, eu euismod est. Sed sed sollicitudin purus, eget faucibus dui. In malesuada orci sed orci tempus sagittis. Cras congue ac tortor ac commodo. Nunc sit amet elit eu sem accumsan tristique. Curabitur sodales massa at sapien euismod semper. Integer sodales ante quis consectetur tempor. Quisque arcu risus, mollis in ex vel, rhoncus iaculis lectus. Morbi blandit consectetur laoreet. Pellentesque vel quam libero.

Duis convallis, nisi vitae semper iaculis, augue risus imperdiet quam, ac posuere urna erat viverra diam. Morbi in augue id augue consectetur dignissim. Phasellus consequat odio iaculis velit ultrices placerat tempus non ante. Vestibulum tristique est in aliquam feugiat. Proin commodo gravida sollicitudin. Quisque tempus sed erat id tincidunt. Nullam feugiat purus convallis, congue magna id, ultrices dolor.[/font][/justify][/bg][div=border-style: none solid solid none; border-color: #FFFFFF; padding-top: 5px][row][column=span3][IMG]http://i.imgur.com/dhbgACg.png[/IMG][/column][column=span5][div=border-style: none none solid none; border-color: #FFFFFF; color: #0C0C0C][font=PT Serif][SIZE=2]attire –
location –
tags –[/SIZE][/font][/div]
[CENTER][FONT=Sail][SIZE=5][COLOR=#0C0C0C]Name Here[/COLOR][/SIZE][/FONT][/CENTER]
[/column][/row][/div][/bg]
[size=1][color=#FFFFFF]code by Kumari[/color][/size][/centerblock]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque efficitur eu dui at pretium. Etiam nibh odio, pellentesque nec mattis ac, lobortis volutpat nisi. Morbi vel molestie tellus, vel placerat arcu. Donec non rhoncus metus, eu euismod est. Sed sed sollicitudin purus, eget faucibus dui. In malesuada orci sed orci tempus sagittis. Cras congue ac tortor ac commodo. Nunc sit amet elit eu sem accumsan tristique. Curabitur sodales massa at sapien euismod semper. Integer sodales ante quis consectetur tempor. Quisque arcu risus, mollis in ex vel, rhoncus iaculis lectus. Morbi blandit consectetur laoreet. Pellentesque vel quam libero.

Duis convallis, nisi vitae semper iaculis, augue risus imperdiet quam, ac posuere urna erat viverra diam. Morbi in augue id augue consectetur dignissim. Phasellus consequat odio iaculis velit ultrices placerat tempus non ante. Vestibulum tristique est in aliquam feugiat. Proin commodo gravida sollicitudin. Quisque tempus sed erat id tincidunt. Nullam feugiat purus convallis, congue magna id, ultrices dolor.

attire –
location –
tags –

Name Here

code by Kumari

Code:

[centerblock=50][div=background: linear-gradient(#40434E, #FFEEDD); height: 390px; width: 350px][bg=#FFFFFF; height: 240px; width: 330px; overflow: auto; font-size: 12px; color: #0C0C0C][justify][font=PT Serif]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque efficitur eu dui at pretium. Etiam nibh odio, pellentesque nec mattis ac, lobortis volutpat nisi. Morbi vel molestie tellus, vel placerat arcu. Donec non rhoncus metus, eu euismod est. Sed sed sollicitudin purus, eget faucibus dui. In malesuada orci sed orci tempus sagittis. Cras congue ac tortor ac commodo. Nunc sit amet elit eu sem accumsan tristique. Curabitur sodales massa at sapien euismod semper. Integer sodales ante quis consectetur tempor. Quisque arcu risus, mollis in ex vel, rhoncus iaculis lectus. Morbi blandit consectetur laoreet. Pellentesque vel quam libero.

Duis convallis, nisi vitae semper iaculis, augue risus imperdiet quam, ac posuere urna erat viverra diam. Morbi in augue id augue consectetur dignissim. Phasellus consequat odio iaculis velit ultrices placerat tempus non ante. Vestibulum tristique est in aliquam feugiat. Proin commodo gravida sollicitudin. Quisque tempus sed erat id tincidunt. Nullam feugiat purus convallis, congue magna id, ultrices dolor.[/font][/justify][/bg][div=border-style: none solid solid none; border-color: #FFFFFF; padding-top: 5px][row][column=span3][IMG]http://i.imgur.com/dhbgACg.png[/IMG][/column][column=span5][div=border-style: none none solid none; border-color: #FFFFFF; color: #0C0C0C][font=PT Serif][SIZE=2]attire –
location –
tags –[/SIZE][/font][/div]
[CENTER][FONT=Sail][SIZE=5][COLOR=#0C0C0C]Name Here[/COLOR][/SIZE][/FONT][/CENTER]
[/column][/row][/div][/div]
[size=1][color=#FFFFFF]code by Kumari[/color][/size][/centerblock]

Nap · Aug 24, 2017

Please give me credit. Like if you've used the code (I want to know if people have used it because that makes me happy yo)! Colors and stuff are changeable. Not mobile friendly.

Name
Nickname
Role

Zodiac
Age
DOB
POB
Residence
Occupation

R. Orientation
S. Orientation
Dating Status
Dating History

Mother
Father
Siblings

Height
Weight
Build
Eyes
Hair

Mod
Scars
Tattoos
Style

...
...
...

...
##
##/##/##
...
...
...

...
...
...
...
...

...
...
...

...
...
...
...
...

...
...
...
...

Playlist

Click me

Persona

History

Notes

Relationships

persona•

Personality will go here.

likes

dislikes

strengths

weaknesses

fears

habits

history•

History will go here.

timeline

• #### - Event here.
• #### - Event here.
• #### - Event here.
• #### - Event here.
• #### - Event here.

notes•

blah

relationships•

name here

name
here

Code by Kumari

Code:

[border=4px solid #FFFFFF; background-color: #FFFFFF; box-shadow: 0px 0px 5px 0px #CCC][div=padding:15px; max-width:800px; height:488px; border:3px solid #CCC; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color: #F4F4F4][row][column=span][div=margin-left: 10px; margin-top: 5px; height: 270px; width: 200px; background-color: #FFFFFF; overflow: auto; padding: 15px; font-family: Arial, sans; letter-spacing: .5px; font-size: 11px; border-bottom: 3px solid #CCC; border-top: 1px solid #CCC;border-right: 1px solid #CCC;border-left: 1px solid #CCC][row][column=span4][color=#A5A5A5]Name
Nickname
Role

Zodiac
Age
DOB
POB
Residence
Occupation

R. Orientation
S. Orientation
Dating Status
Dating History


Mother
Father
Siblings

Height
Weight
Build
Eyes
Hair

Mod
Scars
Tattoos
Style[/color][/column][column=span4][color=#404040]...
...
...

...
##
##/##/##
...
...
...

...
...
...
...
...

...
...
...

...
...
...
...
...

...
...
...
...[/color][/column][/row]

[divide][/divide]

[row][column=span4][color=#A5A5A5]Playlist[/color][/column][column=span4][color=#404040]Click me[/color][/column][/row][/div]
[div=background-color: #FFFFFF; height: 180px; width: 130px; margin-left: 50px;border-top: 1px solid #CCC;border-right: 3px solid #CCC;border-left: 1px solid #CCC; padding-left: 10px; font-family: Arial, sans; font-size: 12px; letter-spacing: 1px; color: #404040; text-align: center][div=background-color:#7C90A0; margin-left: 2px; margin-top: 10px; height: 20px; width: 135px; border: 0px solid; border-radius: 0px 30px 30px 0px; box-shadow: 4px 2px 2px -1px #444F58; position: absolute]Persona[/div]

[div=background-color:#B5AA9D; margin-left: 2px; margin-top: 10px; height: 20px; width: 135px; border: 0px solid; border-radius: 0px 30px 30px 0px;box-shadow: 4px 2px 2px -1px #847C73; position: absolute]History[/div]

[div=background-color:#B9B7A7; margin-left: 2px; margin-top: 10px; height: 20px; width: 135px; border: 0px solid; border-radius: 0px 30px 30px 0px;box-shadow: 4px 2px 2px -1px #87867A; position: absolute]Notes[/div]

[div=background-color:#747274; margin-left: 2px; margin-top: 10px; height: 20px; width: 135px; border: 0px solid; border-radius: 0px 30px 30px 0px;box-shadow: 4px 2px 2px -1px #555355; position: absolute]Relationships[/div][/div][/column][column=span][div=margin-left: 10px; margin-top: 10px; height: 310px; width: 420px; padding: 15px; font-family: Arial, sans; color: #404040; overflow: auto][div=text-align: right; font-size: 40px; color: #FFF; text-shadow:0px 2px 10px rgba(150,150,150,0.9);letters-spacing:-3px]persona[color=#7C90A0]•[/color][/div]
[justify]Personality will go here.[/justify]

[div=font-size:16px;color:#fff;text-shadow:0px 2px 10px rgba(150,150,150,0.9);letters-spacing:-3px]likes[/div]

[div=font-size:16px;color:#fff;text-shadow:0px 2px 10px rgba(150,150,150,0.9);letters-spacing:-3px]dislikes[/div]

[div=font-size:16px;color:#fff;text-shadow:0px 2px 10px rgba(150,150,150,0.9);letters-spacing:-3px]strengths[/div]

[div=font-size:16px;color:#fff;text-shadow:0px 2px 10px rgba(150,150,150,0.9);letters-spacing:-3px]weaknesses[/div]

[div=font-size:16px;color:#fff;text-shadow:0px 2px 10px rgba(150,150,150,0.9);letters-spacing:-3px]fears[/div]

[div=font-size:16px;color:#fff;text-shadow:0px 2px 10px rgba(150,150,150,0.9);letters-spacing:-3px]habits[/div]


[div=text-align: right; font-size: 40px; color: #FFF; text-shadow:0px 2px 10px rgba(150,150,150,0.9);letters-spacing:-3px]history[color=#C2B9AE]•[/color][/div]
[justify]History will go here.[/justify]

[div=font-size:16px;color:#fff;text-shadow:0px 2px 10px rgba(150,150,150,0.9);letters-spacing:-3px]timeline[/div]• #### - Event here.
• #### - Event here.
• #### - Event here.
• #### - Event here.
• #### - Event here.


[div=text-align: right; font-size: 40px; color: #FFF; text-shadow:0px 2px 10px rgba(150,150,150,0.9);letters-spacing:-3px]notes[color=#C5C4B7]•[/color][/div]
[div=font-size:16px;color:#fff;text-shadow:0px 2px 10px rgba(150,150,150,0.9);letters-spacing:-3px]blah[/div]


[div=text-align: right; font-size: 40px; color: #FFF; text-shadow:0px 2px 10px rgba(150,150,150,0.9);letters-spacing:-3px]relationships[color=#8D8B8D]•[/color][/div]
[div=font-size:16px;color:#fff;text-shadow:0px 2px 10px rgba(150,150,150,0.9);letters-spacing:-3px]nicole tomlinson[/div]

[div=font-size:16px;color:#fff;text-shadow:0px 2px 10px rgba(150,150,150,0.9);letters-spacing:-3px]name here[/div]

[div=font-size:16px;color:#fff;text-shadow:0px 2px 10px rgba(150,150,150,0.9);letters-spacing:-3px]name here[/div][/div]
[div=float:left;width:100px;height:100px;margin-top:20px;border:3px solid #fff;box-shadow:0px 0px 20px 10px #C2B9AE][img]http://i.imgur.com/grElj14.png[/img][/div][div=float:left;width:100px;height:100px;margin-left:20px; border:3px solid #fff;box-shadow:0px 0px 10px 10px #8D8B8D][img]http://i.imgur.com/HT5iPmR.png[/img][/div][div=color:#fff;text-shadow:0px 2px 15px rgba(150,150,150,0.9);font-size:30px;letter-spacing:-3px;line-height:20px; position: absolute; margin-left: 230px; margin-bottom: 50px]
name
here[/div]
[div=float:left;width:100px;height:100px;border:3px solid #fff;box-shadow:0px 0px 20px 10px #7C90A0; margin-bottom: 300px; margin-right: 10px; margin-left: 350px; position: absolute][img]http://i.imgur.com/2GhcPuU.png[/img][/div][/column][/row][/div][/border]
[div=font-size: 10px; color: #A5A5A5; text-align: right]Code by Kumari[/div]

Nap · Aug 25, 2017

It's on the simpler side but it's easier to understand compared to my other codes for those new to BB

BOX 1

BOX 2

Code by Kumari: SLIDE BOX

BOX 3

BOX 4

Code:

[border=0px solid][centerblock=80][bg=#C9ABAC; border: 1px solid #C0857F][row][column=span3][div=background-color: #FDFBFD; height: 203px; color: #000000; overflow: auto; padding: 5px][font=Baumans]BOX 1[/font][/div][/column][column=span2][img]http://i.imgur.com/4QY9tUs.jpg[/img][/column][column=span3][div=background-color: #FDFBFD; height: 203px; color: #000000; overflow: auto; padding: 5px][font=Baumans]BOX 2[/font][/div][/column][/row]
[row][column=span8][accordion=100%]{slide=[bg=#C0857F][div=display:none]Code by Kumari[/div][/bg]}[bg=#FDFBFD; color: #000000][font=Baumans]SLIDE BOX[/font][/bg]{/slide}[/accordion][/column][/row]
[row][column=span4][div=background-color: #FDFBFD; height: 180px; color: #000000; overflow: auto; padding: 5px][font=Baumans]BOX 3[/font][/div][/column][column=span4][div=background-color: #FDFBFD; height: 180px; color: #000000; overflow: auto; padding: 5px][font=Baumans]BOX 4[/font][/div][/column][/row][/bg][/centerblock][/border]

Nap · Oct 12, 2017

Don't use the same images for my fc, thank you. Adjust the background % for the center as needed for whatever pic you use

Code by Kumari

name here

Name

Nickname
Stereotype
Grade

Zodiac
Age
DOB
POB
Residence
Job

R. O.
S. O.
D. Status
D. History

Mother
Father
Siblings

Nationality
Height
Weight
Build
Hair
Eyes

Mods
Scars
Tattoos

Name Here
NN Here
Stereo
Grad

Zod
##
##/##/##
blah
blah
blah

blah
blah
blah
name blah

blah
blah
blah

blah
blah
blah
blah
blah
blah

blah
blah
blah

"Short quote (opt)."

persona

+ some virtues, , , , ,
- some vices, , , , ,

Personality will go here.

likes

blah blah blah

dislikes

blah blah lbah

habits/
quirks

blah blah blah

background

Background will go here.

notes

aspirations
•
•

quick facts
•
•

relationships

name

TBD

name

TBD

name

TBD

name

TBD

name

TBD

name

TBD

name

TBD

Code:

[div=REMOVE THIS AND I WILL FIND YOU OK; font-size: 7px; position: absolute; margin-left: 100px;]Code by Kumari[/div][div=background-color: #CDCDCD; 
width: 600px; 
height: 35px; 
margin: auto;

][div=font-size: 40px; color: #615C57; position: absolute; margin-left: 380px; z-index: 1; margin-bottom: 10px][font=Dancing Script]name here[/font][/div][/div][div=background-color: #FFFFFF; 
width: 600px; 
height: 350px; 
margin: auto;

][div=height: 300px; 
width: 120px; 
background-color: #F9F9F9; 
margin-top: 5px; 
margin-left: 5px; 
margin-bottom: 5px; 
position: absolute; 
padding: 10px;
overflow: auto;

][div=height: 30px; 
width: 30px; 
background-color: #CDCDCD; 
margin-left: 25px; 
position: absolute;
text-align: center;

][url=https://soundcloud.com/tekinm25/the-rolling-stones-gunface-jerek-diter-remix][fa]fa-paw
[/fa][/url][/div][div=height: 30px; 
width: 30px; 
background-color: #CDCDCD; 
margin-left: 60px; 
position: absolute;
text-align: center;

][url=https://soundcloud.com/chaseholfelder/animal-neon-trees][fa]fa-moon-o[/fa][/url][/div][div=height: 30px; 
width: 30px; 
background-color: #CDCDCD; 
position: absolute; 
margin-left: 25px; 
margin-top: 35px;
text-align: center;

][url=https://soundcloud.com/dina-m-hamdy/fire-barns-courtney-burnt-2015-soundtrack][fa]fa-car
[/fa][/url][/div][div=height: 30px; 
width: 30px; 
background-color: #CDCDCD; 
position: absolute; 
margin-left: 60px; 
margin-top: 35px;
text-align: center;

][url=https://soundcloud.com/czelusc/jutro][fa]fa-snowflake-o
[/fa][/url][/div]



[row][column=span4][div=font-size: 11px; color: #A9A9A9; text-align: right]Name
Nickname
Stereotype
Grade

Zodiac
Age
DOB
POB
Residence
Job


R. O.
S. O.
D. Status
D. History

Mother
Father
Siblings

Nationality
Height
Weight
Build
Hair
Eyes

Mods
Scars
Tattoos[/div][/column][column=span4][div=font-size: 11px; color: #615C57]Name Here
NN Here
Stereo
Grad

Zod
##
##/##/##
blah
blah
blah

blah
blah
blah
name blah

blah
blah
blah

blah
blah
blah
blah
blah
blah

blah
blah
blah[/div][/column][/row][/div][div=height: 20px; 
width: 140px; 
background-color: #CDCDCD; 
position: absolute; 
margin-top: 325px; 
margin-left: 5px; 
font-size: 11px; 
text-align: center;
font-style: italic;
color: #615C57;

]"Short quote (opt)."[/div][div=height: 340px; 
width: 140px; 
background-color: #F4F4F4; 
background: url(https://i.imgur.com/cqudYh2.png); 
background-size: 200%; 
background-position: 40% 10%; 
margin-left: 150px; 
margin-bottom: 300px; 
margin-top: 5px; 
position: absolute;
opacity: .8;

][/div][div=width: 280px; 
height: 320px; 
margin-bottom: 300px; 
margin-top: 5px; 
margin-left: 295px; 
background-color: #F9F9F9; 
position: absolute;
padding: 10px;
overflow: auto;
color: #615C57;
font-size: 12px;]
[div=text-align: right; font-size: 20px; color: #A9A9A9; background-color: #FFFFFF; padding-right: 10px][font=Dancing Script]persona[/font][/div][justify]+ some virtues, , , , ,
- some vices, , , , ,

Personality will go here.[/justify]

[row][column=span2][b]likes[/b][/column][column=span6]blah blah blah[/column][/row]
[row][column=span2][b]dislikes[/b][/column][column=span6]blah blah lbah[/column][/row]
[row][column=span2][b]habits/
quirks[/b][/column][column=span6]blah blah blah[/column][/row]


[div=text-align: right; font-size: 20px; color: #A9A9A9; background-color: #FFFFFF; padding-right: 10px][font=Dancing Script]background[/font][/div][justify]Background will go here.[/justify]


[div=text-align: right; font-size: 20px; color: #A9A9A9; background-color: #FFFFFF; padding-right: 10px][font=Dancing Script]notes[/font][/div][b]aspirations[/b]
• 
• 

[b]quick facts[/b]
• 
• 

[div=margin:auto; opacity: .8][row][column=span2][img]https://i.imgur.com/1f8XI8K.png[/img][/column][column=span2][img]https://i.imgur.com/Ta8ebkp.png[/img][/column][column=span2][img]https://i.imgur.com/TtGEmpr.png[/img][/column][column=span2][img]https://i.imgur.com/FtyjnNU.png[/img][/column][/row][/div]


[div=text-align: right; font-size: 20px; color: #FFFFFF; background-color: #A9A9A9; padding-right: 10px][font=Dancing Script]relationships[/font][/div][div=height: 275px; overflow: auto][row][column=span2][b]name[/b]
[img]http://i.imgur.com/dhbgACg.png[/img][/column]

[column=span6][justify]TBD[/justify][/column][/row]

[row][column=span2][b]name[/b]
[img]http://i.imgur.com/dhbgACg.png[/img][/column]

[column=span6][justify]TBD[/justify][/column][/row]

[row][column=span2][b]name[/b]
[img]http://i.imgur.com/dhbgACg.png[/img][/column]

[column=span6][justify]TBD[/justify][/column][/row]

[row][column=span2][b]name[/b]
[img]http://i.imgur.com/dhbgACg.png[/img][/column]

[column=span6][justify]TBD[/justify][/column][/row]

[row][column=span2][b]name[/b]
[img]http://i.imgur.com/dhbgACg.png[/img][/column]

[column=span6][justify]TBD[/justify][/column][/row]

[row][column=span2][b]name[/b]
[img]http://i.imgur.com/dhbgACg.png[/img][/column]

[column=span6][justify]TBD[/justify][/column][/row]

[row][column=span2][b]name[/b]
[img]http://i.imgur.com/dhbgACg.png[/img][/column]

[column=span6][justify]TBD[/justify][/column][/row][/div][/div][/div]

AnimeGenork · Oct 12, 2017

*says "Ooo" and "Aaah" as she scrolls*

Nap · Jan 29, 2018

Simple and mobile friendly. Recommend images greater than 350x330 but you can always adjust the % of the background-image part in the code. I'll probably end up using it myself, ngl

Name Here

time here
location here

mood here
something here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vel leo semper, blandit tellus vel, ornare purus. Duis nec volutpat diam. Maecenas sed tincidunt risus. Maecenas lacus risus, scelerisque id varius at, cursus ut ipsum. Ut odio mi, fermentum sed ex ut, dictum scelerisque ligula. Duis tincidunt, purus feugiat vehicula tincidunt, tortor purus malesuada est, eu consectetur tortor diam sit amet eros. Donec vehicula nisl et leo dictum sodales. Vestibulum maximus consectetur lacus, nec tempor leo pretium eu. Vestibulum in lectus elit. Sed erat dolor, imperdiet lacinia finibus id, viverra ut ligula. Aenean sed urna quam. Donec fermentum metus sit amet risus fermentum rhoncus. Nam id mi vel quam scelerisque vestibulum.

Mauris ut bibendum massa. Nunc dapibus venenatis quam eget ultricies. Quisque id tortor eu nulla congue hendrerit. Proin aliquet urna et tincidunt molestie. Vivamus sit amet diam eget libero maximus pulvinar vitae sed nunc. Nam ac facilisis risus. Praesent maximus est eget metus auctor, non dapibus felis hendrerit. Curabitur nunc sapien, faucibus nec consequat eget, facilisis ac justo. Suspendisse posuere diam ut nisi commodo, a ultrices neque dignissim. Suspendisse bibendum tortor dolor, eget posuere sapien semper in. Duis sodales, turpis at semper lobortis, tortor arcu maximus nunc, nec tempor velit mauris eget risus.

Code:

[div=position: relative;
margin: auto;
height: 350px;
width: 330px;
background-image: url(https://i.imgur.com/IwgEuOd.png);
background-size: 120%;
background-position: -10px;][div=transform: rotate(90deg);
margin-left: 120px;
margin-top: 185px;
font-size: 18px;
color: #FFFFFF;
opacity: 0.9;
position: absolute;
width: 380px;
height: 30px;
wowza kumari][font=Aldrich]Name Here[/font][/div][div=background-color: #FFFFFF;
height: 310px;
width: 260px;
margin-left: 10px;
margin-top: 10px;
position: absolute;
font-size: 14px;
color: #000000;
opacity: 0.9;
padding: 10px;
overflow-y: auto;
text-align: justify;
wowza kumari][div=background-color: #000000;
position: sticky;
top: 0px;
width: 250px;
color: #FFFFFF;
padding: 5px;
font-size: 11px;

][font=Aldrich][row][column=span4]time here
location here[/column][column=span4]mood here
something here[/column][/row][/font][/div]

[font=Arial]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vel leo semper, blandit tellus vel, ornare purus. Duis nec volutpat diam. Maecenas sed tincidunt risus. Maecenas lacus risus, scelerisque id varius at, cursus ut ipsum. Ut odio mi, fermentum sed ex ut, dictum scelerisque ligula. Duis tincidunt, purus feugiat vehicula tincidunt, tortor purus malesuada est, eu consectetur tortor diam sit amet eros. Donec vehicula nisl et leo dictum sodales. Vestibulum maximus consectetur lacus, nec tempor leo pretium eu. Vestibulum in lectus elit. Sed erat dolor, imperdiet lacinia finibus id, viverra ut ligula. Aenean sed urna quam. Donec fermentum metus sit amet risus fermentum rhoncus. Nam id mi vel quam scelerisque vestibulum.

Mauris ut bibendum massa. Nunc dapibus venenatis quam eget ultricies. Quisque id tortor eu nulla congue hendrerit. Proin aliquet urna et tincidunt molestie. Vivamus sit amet diam eget libero maximus pulvinar vitae sed nunc. Nam ac facilisis risus. Praesent maximus est eget metus auctor, non dapibus felis hendrerit. Curabitur nunc sapien, faucibus nec consequat eget, facilisis ac justo. Suspendisse posuere diam ut nisi commodo, a ultrices neque dignissim. Suspendisse bibendum tortor dolor, eget posuere sapien semper in. Duis sodales, turpis at semper lobortis, tortor arcu maximus nunc, nec tempor velit mauris eget risus.[/font][/div][/div]

Resource code dump

Should I start taking requests?

Yes

No

Nap

pumpkins

Nap

pumpkins

Nap

pumpkins

Nap

pumpkins

Nap

pumpkins

Peach Tea

☼☼

Nap

pumpkins

Nap

pumpkins

Mx.Trinity

Pro Stranger

Nap

pumpkins

Nap

pumpkins

Nap

pumpkins

Nap

pumpkins

AnimeGenork

The Duck Overlord

Nap

pumpkins

Users who are viewing this thread

Similar threads