Resource JiHyo's BBcode Display (some freebies)

[Han JiHyo]

I've decided I'll put templates which I'm proud of here instead of leaving them lying in my workshop. So the first is to go on is this.
(I wanted to do something after returning from Shinhwa's 19th Anniversary concert so this happened ^-^ )

Name Here​

SHINHWA

Text here

IS

Text here

MY

Text here

DESTINY

Text here

 

[Mx.Trinity]

I've decided I'll put templates which I'm proud of here instead of leaving them lying in my workshop. So the first is to go on is this.
(I wanted to do something after returning from Shinhwa's 19th Anniversary concert so this happened ^-^ )

Name Here​

no slide

no slide

IS

Text here

MY

Text here

DESTINY

Text here

I hope you don't mind the reply, I would resize your images so they're all the same height/width thus fixing any imbalance Han JiHyo

 

[Han JiHyo]

I hope you don't mind the reply, I would resize your images so they're all the same height/width thus fixing any imbalance

Hi there. I don't mind, but I'm afraid I don't know how to resize it. Heightrestrit doesn't balance it out ^-^""

 

[Mx.Trinity]

Hi there. I don't mind, but I'm afraid I don't know how to resize it. Heightrestrit doesn't balance it out ^-^""

Oh there's more ways to resize a picture I know the height restrict doesn't always work for me either, just google "resize picture" and there are a number of websites where you upload your picture, then type in the height/width in pixels that you desire, and then press the resize button and just redownload the image.

A less complicated way of doing that is to just take it into a program like photoshop and do it that way. Sort of a pain that you have to do it manually I know, but it's up to you! I just noticed the left side wasn't completely aligned. I was staring at the CS for a couple of minutes before I noticed though aha Han JiHyo

 

[Han JiHyo]

...And here's another. 'Coz I was playing A.C.

CHARACTER NAME HERE ​

View attachment 332098

BASIC INFORMATION

Text here

Text here

Text here

Text here

View attachment 332098

PERSONAL INFORMATION

Text here

Text here

Text here

Text here

View attachment 332098

SKILLS/ABILITIES

Text here

Text here

Text here

Text here

View attachment 332098

OTHERS

Text here

Text here

Text here

Text here

 

[Han JiHyo]

Text here

Text here

NAME HERE​

Text here

​

Text here

Text here

code by Han JiHyo ​

Spoiler: Code

[row][column=span2][border=5px solid #94a9ba][bg=#3b434a][bg=#3b434a][accordion=100%|bcenter]
{slide=100|closed||center|[bg=#3b434a]
[CENTER][div=pointer-events:none;][IMG]http://rosupport.com/demo2/assets/images/gotm.jpg[/IMG][/div][/CENTER][/bg]}
[FONT=Bilbo]


Text here


{/slide}[/FONT][/accordion]
[accordion=100%|bcenter]
{slide=100|closed||center|[bg=#3b434a]
[CENTER][div=pointer-events:none;][IMG]https://placehold.it/100x150[/IMG][/div][/CENTER][/bg]}
[FONT=Bilbo]


Text here


{/slide}[/FONT][/accordion]
[/bg][/bg][/border][/column]
[column=span4][border=5px solid #94a9ba][bg=#8b4d50][bg=#8b4d50][center][accordion=100%|bcenter]
{slide=100|open||center|[bg=#8b4d50][CENTER][div=pointer-events:none;][IMG]https://media.giphy.com/media/Xn2i34AAUT8vm/giphy.gif[/IMG][/div][font=Aladin][size=6]NAME HERE[/size][/font][/center][/bg]}
[FONT=Bilbo]


Text here



{/slide}[/FONT][/accordion][/center]
[/bg][/bg][/border][/column]
[column=span2][border=5px solid #94a9ba][bg=#3b434a][bg=#3b434a][accordion=100%|bcenter]
{slide=100|closed||center|[bg=#3b434a]
[CENTER][div=pointer-events:none;][IMG]http://rosupport.com/demo2/assets/images/gotm.jpg[/IMG][/div][/CENTER][/bg]}
[FONT=Bilbo]


Text here


{/slide}[/FONT][/accordion]
[accordion=100%|bcenter]
{slide=100|closed||center|[bg=#3b434a]
[CENTER][div=pointer-events:none;][IMG]https://placehold.it/100x150[/IMG][/div][/CENTER][/bg]}
[FONT=Bilbo]


Text here


{/slide}[/FONT][/accordion]
[/bg][/bg][/border][/column][/row]
[center][size=2][font=Ranga]code by [USER=48808]@Han JiHyo[/USER][/font][/size][/center]

 

[Han JiHyo]

Text here

CHARACTER NAME

​

Text here

Text here

Text here

Text here

code by Han JiHyo ​

Spoiler: code

[CENTER][centerblock=80][row][column=span3]
[accordion=100%|bcenter]
{slide=100|closed||center|[bg=#b19a8c][CENTER][div=pointer-events:none;][IMG]https://flosyung.files.wordpress.com/2012/09/117160727701oc7.jpg[/IMG][size=4][fa]fa-hourglass[/fa] [fa]fa-hourglass[/fa] [fa]fa-hourglass[/fa][/size][/div][/CENTER][/bg]}

[FONT=Bilbo]



Text here



{/slide}[/FONT][/accordion][/column]


[column=span5][border=5px solid black][bg=#b19a8c][FONT=Lily Script One][size=10][COLOR=black]CHARACTER NAME[/COLOR][/size][/FONT][/bg][/border][border=5px solid black][bg=#b19a8c][accordion=100%|center|]{slide=100|bcenter|open|[bg=#b19a8c][SIZE=4][COLOR=black][center][fa]fa-hourglass[/fa] [fa]fa-hourglass[/fa] [fa]fa-hourglass[/fa][/center][/COLOR][/SIZE][/bg]}

[font=Bilbo]


Text here


[/font]

{/slide}

{slide=100|center|[bg=#bba073][SIZE=4][fa]fa-hourglass[/fa] [fa]fa-hourglass[/fa] [fa]fa-hourglass[/fa][/SIZE][/bg]}

[font=Bilbo]


Text here


[/font]

{/slide}

{slide=100|center|[bg=#bb9a67][SIZE=4][fa]fa-hourglass[/fa] [fa]fa-hourglass[/fa] [fa]fa-hourglass[/fa][/SIZE][/bg]}

[font=Bilbo]


Text here


[/font]

{/slide}

{slide=100|center|[bg=#694d42][SIZE=4][fa]fa-hourglass[/fa] [fa]fa-hourglass[/fa] [fa]fa-hourglass[/fa][/SIZE][/bg]}

[font=Bilbo]


Text here


[/font]

{/slide}[/accordion][/bg][/border]

[/column][/row][/centerblock][/CENTER]
[right][size=2][font=Ranga]code by [USER=48808]@Han JiHyo[/USER][/font][/size][/right]

 

[Han JiHyo]

I think I'll start putting free-to-use CS codes up here too. I have no rules for editing the code so feel free to do so. But please don't remove credits if you use it. Thank you
(Also note that I work from my laptop, so I wouldn't know if the codes are mobile-friendly. I assume most of them would not be though)

 

[Mx.Trinity]

I think I'll start putting free-to-use CS codes up here too. But please give credit or don't remove credits if you use it. Thank you

u could always put ur name in the code, real small

 

[Han JiHyo]

CHARACTER NAME HERE

"Character quote here."​

BASIC INFORMATION

Text here

...

...

...

Note that it scrolls.
Only this one, though.

PERSONAL INFORMATION ​

Text here...

SKILLS/ABILITIES​

Text here...

EXTRAS ​

Text here...

code by Han JiHyo ​

Spoiler: Code

[centerblock=80][border=12px double #c02c00][bg=#db0000][bg=#f06502]

[center][size=7][color=#ebd7ce][font=New Rocker]CHARACTER NAME HERE[/font][/color][/size]

[font=Courgette][color=#ebd7ce]"Character quote here."[/color][/font][/center][/bg]

[center][row][column=span5]
[border=8px outset #f06502][bg=#f06502][IMG]http://www.alfano.com/wp-content/uploads/2014/04/opus-portfolio-placeholder-300x300.png[/IMG][/bg][/border][/column]
[column=span3]
[accordion=100%]{slide=center|open|[bg=#eb96a3][font=Courgette][color=#ebd7ce][size=5]BASIC INFORMATION[/size][/color][/font][/bg]}[bg=#f5b7b2][scroll=242px][font=Tangerine]

Text here                                                                                                                                           

...

...

...

Note that it scrolls. 
Only this one, though.

[/font][/scroll][/bg]{/slide}

[/accordion][/column][/row]

[centerblock=100][bg=#db0000][accordion=90%|bcenter]

{slide=[bg=#eb96a3][right][font=Courgette][color=#ebd7ce][size=5]PERSONAL INFORMATION [fa]fa-heartbeat[/fa][/size][/color][/font][/right][/bg]}[bg=#f5b7b2][heightrestrict=250][font=Tangerine][IMG]https://68.media.tumblr.com/2567493ead20b2bb1489de6ed0d1fdfe/tumblr_ntgp31UmbP1txt22yo1_500.gif[/IMG][/heightrestrict]


Text here...



[/font][/bg]{/slide}

{slide=[bg=#eb96a3][left][font=Courgette][color=#ebd7ce][size=5][fa]fa-heartbeat[/fa] SKILLS/ABILITIES[/size][/color][/font][/left][/bg]}[bg=#f5b7b2][font=Tangerine][heightrestrict=250][IMG]https://68.media.tumblr.com/2567493ead20b2bb1489de6ed0d1fdfe/tumblr_ntgp31UmbP1txt22yo1_500.gif[/IMG][/heightrestrict]


Text here...


[/font][/bg]{/slide}


{slide=[bg=#eb96a3][right][font=Courgette][color=#ebd7ce][size=5]EXTRAS [fa]fa-heartbeat[/fa][/size][/color][/font][/right][/bg]}[bg=#f5b7b2][font=Tangerine][heightrestrict=250][IMG]https://68.media.tumblr.com/2567493ead20b2bb1489de6ed0d1fdfe/tumblr_ntgp31UmbP1txt22yo1_500.gif[/IMG] [/heightrestrict]


Text here...


[/font][/bg]{/slide}
[/accordion][/bg][/centerblock]
[size=3][font=Ranga]code by [USER=48808]@Han JiHyo[/USER][/font][/size][/center]
[/bg][/border][/centerblock]

 

[Han JiHyo]

Made this for an RP I'm currently in. It's a little plain though.

CHARACTER NAME HERE​

"Character quote here."​

Text here

Text here

Text here

code by Han JiHyo ​

Spoiler: Code

[div=background:url('https://s-media-cache-ak0.pinimg.com/originals/12/c4/af/12c4afabfec34a20a5e25a54cd9c39f3.jpg') fixed;background-size:cover;border:15px #646454 groove;color: #000000;padding:10px;][row][column=span2]


[center][FONT=Shojumaru][SIZE=8]CHARACTER NAME HERE[/SIZE][/FONT][/center]


[center][font=Chicle][size=5][i]"Character quote here."[/i][/size][/font][/center]


[/column][column=span2]

[border=2px outset #cdb79e][bg=#cdb79e ][center][IMG]https://s-media-cache-ak0.pinimg.com/236x/4a/aa/1e/4aaa1e6c131791a808f32de9070ea210--asian-artwork-art-asiatique.jpg[/IMG][/center][/bg][/border]


[/column][column=span4]

[border=2px outset #cdb79e][bg=#cdb79e][accordion=95%]{slide=100|center|[bg=#2e2e2e][div=pointer-events:none;][IMG]http://vignette2.wikia.nocookie.net/animal-jam-clans-1/images/4/49/Blue_divider.png/revision/latest?cb=20161128070656[/IMG][/div][/bg]}



Text here



{/slide}

{slide=100|center|[bg= #8b0000][div=pointer-events:none;][IMG]http://vignette2.wikia.nocookie.net/animal-jam-clans-1/images/4/49/Blue_divider.png/revision/latest?cb=20161128070656[/IMG][/div][/bg]}



Text here 



{/slide}

{slide=100|center|[bg= #2e2e2e][div=pointer-events:none;][IMG]http://vignette2.wikia.nocookie.net/animal-jam-clans-1/images/4/49/Blue_divider.png/revision/latest?cb=20161128070656[/IMG][/div][/bg]}



Text here 



{/slide}

[/accordion][/bg][/border]

[right][size=2][font=Ranga]code by [USER=48808]@Han JiHyo[/USER][/font][/size][/right]

[/column][/row][/div]

 

[Han JiHyo]

Decided to leave my favourite accordions aside for now and use tabs instead.

Spoiler: Code

[border=10px double #6cbf84][bg=black][border=5px double #6cbf84][h][color=#7bd4cc][font=Fontdiner Swanky]CHARACTER NAME HERE[/font][/color][/h]


[font=Amarante][Row][column=span4][border=4px dashed #6cbf84][center][color=#7bd4cc][size=5][i]"Character quote..."[/i][/size][/color][/center]

[img]http://cdn.thedesigninspiration.com/wp-content/uploads/2014/07/Cute-Rabbits-026.jpg[/img]

[center][color=#7bd4cc][size=5][i]"...continued here."[/i][/size][/color][/center]
[/border][center][/center][/column][column=span4][bg=#7bd4cc]


[tabs]

[tab=Basic Information][scroll=200px]

[font=Kelly Slab]




Text here.





Text here.




[/font]

[/scroll][/tab]


[tab=Personality][scroll=200px]

[font=Kelly Slab]


Text here.


[/font]

[/scroll][/tab]


[tab=History][scroll=200px]

[font=Kelly Slab]


Text here.


[/font]

[/scroll][/tab]


[tab=Other Stuff][scroll=200px]

[font=Kelly Slab]


Text here.


[/font]

[/scroll][/tab]

[/tabs]
[right][size=2][font=Ranga]code by [USER=48808]@Han JiHyo[/USER][/font][/size][/right]
[/bg][/border]

CHARACTER NAME HERE

"Character quote..."​

"...continued here."​

​

• Basic Information
• Personality
• History
• Other Stuff

• 
  
  
  
  
  
  
  Text here.
  
  
  
  
  
  Text here.
  
  
  
  
  
  
  
• 
  
  
  
  
  Text here.
  
  
  
  
  
• 
  
  
  
  
  Text here.
  
  
  
  
  
• 
  
  
  
  
  Text here.
  
  
  
  
  

code by Han JiHyo ​

 

[Han JiHyo]

CHARACTER NAME HERE ​

Text here

Text here

Text here

Text here

Text here

Text here

Text here

Text here

"
Q
u
o
t
e​

H
e
r
e
.
.
.
"​

"
.
.
.
c
o
n
t
i
n
u
e
d
.
"​

Text here

Text here

Text here

Text here

Text here

Text here

Text here

Text here

code by Han JiHyo ​

Spoiler: Code

[div=background:url(http://img15.deviantart.net/f1ad/i/2012/251/5/1/forest_by_iidanmrak-d5e0l23.png) fixed;background-size:cover;width=80%;padding:10px;]
[centerblock=100][center][color=#122416][size=6][fa]fa-leaf[/fa][/size][/color][color=black][font=Rammetto One][size=8][b] CHARACTER NAME HERE [/b][/size][/font][/color][color=#122416][size=6][fa]fa-leaf[/fa][/size][/color][/center][/centerblock]
[centerblock=90][row]
[column=span3]
[border=0px solid][accordion=100%]{slide= 150|center | [bg=#609600][div=pointer-events:none;][img]http://pa1.narvii.com/6362/8a70be17918ef615d0065493ec4d0abdaa0a1f44_hq.gif[/img][/div][size=5][fa]fa-heartbeat[/fa][/size][/bg]}[font=Nova Round]

Text here                                                                                                                                         

Text here

Text here

Text here

[/font]{/slide}
[/accordion][/border]

[border=0px solid][accordion=100%]{slide= 150|center | [bg=#427902][div=pointer-events:none;][img]https://68.media.tumblr.com/56a113f19c5ca10f6d682276d09a066d/tumblr_o4ni0sv6Uo1u8eo0po1_500.gif[/img][/div][size=5][fa]fa-heartbeat[/fa][/size][/bg]}[font=Nova Round]

Text here

Text here

Text here

Text here

[/font]{/slide}[/accordion][/border][/column][column=span1][border=0px solid][font=Metamorphous][color=black][size=5][b] [left]"
Q
u
o
t
e[/left]

[left]H
e
r
e
.
.
.
"[/left]
[/b][/size][/color][/font][/border][/column]
[column=span1]
[border=0px solid][font=Metamorphous][color=black][size=5][b]

[right]"
.
.
.
c
o
n
t
i
n
u
e
d
.
"[/right]
[/b][/size][/color][/font][/border][/column]
[column=span3]
[border=0px solid][accordion=100%]{slide= 150|center | [bg=#609600][div=pointer-events:none;][img]https://media.giphy.com/media/IsWsXQTKSlFUk/giphy.gif[/img][/div][size=5][fa]fa-heartbeat[/fa][/size][/bg]}[font=Nova Round]

Text here

Text here

Text here

Text here

[/font]{/slide} [/accordion][/border]

[border=0px solid][accordion=100%]{slide= 150|center | [bg=#427902][div=pointer-events:none;][img]https://68.media.tumblr.com/3ed5e83473c416855784e67db36562ec/tumblr_omo5sqesGj1vw1jsxo1_500.gif[/img][/div][size=5][fa]fa-heartbeat[/fa][/size][/bg]}[font=Nova Round]

Text here

Text here

Text here

Text here

[/font]{/slide} [/accordion][/border] [/column] [/row][/centerblock]
[centerblock=100][center][div=pointer-events:none;][IMG]http://ekladata.com/wpvbSvAckDftxwIYjzgkckp9qGs.png[/IMG][/div][/center][/centerblock][center][font=Ranga][size=3][color=white]code by [USER=48808]@Han JiHyo[/USER][/color][/font][/size][/center][/div]

 

[Mena]

Hello! I am using one of your freebies for an rp sheet, do you mind if I send you the finished product? Also are there any rules about changing the colors? (Kinda changed the colors to fit the rp theme) Han JiHyo

 

[Han JiHyo]

Hello! I am using one of your freebies for an rp sheet, do you mind if I send you the finished product? Also are there any rules about changing the colors? (Kinda changed the colors to fit the rp theme) Han JiHyo

Hi there and thanks for deeming it good enough to use ^-^
Feel free to send me the finished product and I have no rules about editing anything. Colours, positions, fonts, go for it. So long as you keep the credit, I'm perfectly happy

 

[Han JiHyo]

Note: Centreblock can be adjusted so it fits in the center of the page. If you use toggle width, then it's already in the center. Opacity can also be adjusted so the font within the box can be seen clearly. Feel free to change anything (font, colour, background, etc). I don't think this is mobile friendly though.

Spoiler: Code

[centerblock=60][div=background:url('http://cdn.wallpapersafari.com/73/95/B3Y27q.jpg');background-size:cover;width:580px;height:650px;position:center;border:5px #47605d outset;color: #000000;padding:20px;]

[centerblock=100][row][column=span3][centerblock=100]
[div=width:180px; height:400px; overflow: hidden; background: #6b9d9a;opacity:0.7;border: 4px solid #47605d; position: relative;][div=width: calc(100% + 17px); height: calc(100% + 17px); overflow: scroll; box-sizing: border-box; padding: 20px; text-align: justify;][center][font=Metal Mania][size=7][color=#0a1030][b]NAME HERE[/b][/color][/size][/font]
[img]https://www.rpnation.com/attachments/junjin-16-jpg.340380/?temp_hash=35d3610fb29c282937eecc5b6f0b94af[/img][/center]

[font=Oldenburg][size=3]Name:
Age:
Role:
Aesthetic:

Duis convallis rhoncus tellus in porta. Phasellus vitae nisl venenatis, ullamcorper tortor a, pulvinar erat. Sed commodo sollicitudin sapien, non hendrerit mi vehicula commodo. Vivamus eleifend egestas tempus. Vivamus ultrices faucibus nisi, et pellentesque velit posuere mattis. In hac habitasse platea dictumst. Pellentesque ut posuere erat. Donec tristique leo sem, id commodo sem maximus in. Mauris congue cursus nisi, eu luctus ligula mollis eu. Pellentesque ac augue eu ligula ullamcorper lacinia dictum non lectus. Nunc ac sem lorem.

Maecenas fringilla justo sit amet tortor placerat pulvinar nec tempus magna. Aliquam consectetur pretium faucibus. Mauris convallis, tortor vel ullamcorper gravida, lectus ligula accumsan neque, quis varius eros felis in ex. Ut dictum nunc massa, quis accumsan nulla feugiat sed. Nullam vel erat vitae urna mattis interdum. Integer non ultricies erat. Suspendisse mattis pellentesque venenatis. Mauris auctor est pulvinar, euismod dolor eu, convallis libero.[/size][/font]

[/div][/div]
[/centerblock]

[/column]
[column=span4][div=width:340px; height:205px; overflow: hidden; background: #6b9d9a;opacity:0.7;border: 4px solid #47605d; position: relative;][div=width: calc(100% + 17px); height: calc(100% + 17px); overflow: scroll; box-sizing: border-box; padding: 20px; text-align: justify;][center][font=Metal Mania][size=7][color=#0a1030][b]SECTION TITLE[/b][/color][/size][/font][/center]

[font=Oldenburg][size=3]Duis convallis rhoncus tellus in porta. Phasellus vitae nisl venenatis, ullamcorper tortor a, pulvinar erat. Sed commodo sollicitudin sapien, non hendrerit mi vehicula commodo. Vivamus eleifend egestas tempus. Vivamus ultrices faucibus nisi, et pellentesque velit posuere mattis. In hac habitasse platea dictumst. Pellentesque ut posuere erat. Donec tristique leo sem, id commodo sem maximus in. Mauris congue cursus nisi, eu luctus ligula mollis eu. Pellentesque ac augue eu ligula ullamcorper lacinia dictum non lectus. Nunc ac sem lorem.

Maecenas fringilla justo sit amet tortor placerat pulvinar nec tempus magna. Aliquam consectetur pretium faucibus. Mauris convallis, tortor vel ullamcorper gravida, lectus ligula accumsan neque, quis varius eros felis in ex. Ut dictum nunc massa, quis accumsan nulla feugiat sed. Nullam vel erat vitae urna mattis interdum. Integer non ultricies erat. Suspendisse mattis pellentesque venenatis. Mauris auctor est pulvinar, euismod dolor eu, convallis libero.[/size][/font]

[/div][/div]
[div=width:340px; height:205px; overflow: hidden; background: #6b9d9a;opacity:0.7;border: 4px solid #47605d; position: relative;][div=width: calc(100% + 17px); height: calc(100% + 17px); overflow: scroll; box-sizing: border-box; padding: 20px; text-align: justify;][center][font=Metal Mania][size=7][color=#0a1030][b]SECTION TITLE[/b][/color][/size][/font][/center]

[font=Oldenburg][size=3]Duis convallis rhoncus tellus in porta. Phasellus vitae nisl venenatis, ullamcorper tortor a, pulvinar erat. Sed commodo sollicitudin sapien, non hendrerit mi vehicula commodo. Vivamus eleifend egestas tempus. Vivamus ultrices faucibus nisi, et pellentesque velit posuere mattis. In hac habitasse platea dictumst. Pellentesque ut posuere erat. Donec tristique leo sem, id commodo sem maximus in. Mauris congue cursus nisi, eu luctus ligula mollis eu. Pellentesque ac augue eu ligula ullamcorper lacinia dictum non lectus. Nunc ac sem lorem.

Maecenas fringilla justo sit amet tortor placerat pulvinar nec tempus magna. Aliquam consectetur pretium faucibus. Mauris convallis, tortor vel ullamcorper gravida, lectus ligula accumsan neque, quis varius eros felis in ex. Ut dictum nunc massa, quis accumsan nulla feugiat sed. Nullam vel erat vitae urna mattis interdum. Integer non ultricies erat. Suspendisse mattis pellentesque venenatis. Mauris auctor est pulvinar, euismod dolor eu, convallis libero.[/size][/font]

[/div][/div]
[div=width:340px; height:110px; background: transparent;border: 0px solid white; position: relative;][column=span4][center][div=pointer-events:none;][img]https://www.rpnation.com/attachments/junjin-set-1-3-gif.340381/?temp_hash=35d3610fb29c282937eecc5b6f0b94af[/img][/div][/center][/column][column=span4][center][div=pointer-events:none;][img]https://www.rpnation.com/attachments/junjin-set-1-4-gif.340382/?temp_hash=35d3610fb29c282937eecc5b6f0b94af[/img][/div][/center][/column][/div]
[/column][/row][/centerblock][left][font=Ranga][size=3][color=white]code by [USER=48808]@Han JiHyo[/USER][/color][/font][/size][/left][/div][/centerblock]

NAME HERE

Name:
Age:
Role:
Aesthetic:

Duis convallis rhoncus tellus in porta. Phasellus vitae nisl venenatis, ullamcorper tortor a, pulvinar erat. Sed commodo sollicitudin sapien, non hendrerit mi vehicula commodo. Vivamus eleifend egestas tempus. Vivamus ultrices faucibus nisi, et pellentesque velit posuere mattis. In hac habitasse platea dictumst. Pellentesque ut posuere erat. Donec tristique leo sem, id commodo sem maximus in. Mauris congue cursus nisi, eu luctus ligula mollis eu. Pellentesque ac augue eu ligula ullamcorper lacinia dictum non lectus. Nunc ac sem lorem.

Maecenas fringilla justo sit amet tortor placerat pulvinar nec tempus magna. Aliquam consectetur pretium faucibus. Mauris convallis, tortor vel ullamcorper gravida, lectus ligula accumsan neque, quis varius eros felis in ex. Ut dictum nunc massa, quis accumsan nulla feugiat sed. Nullam vel erat vitae urna mattis interdum. Integer non ultricies erat. Suspendisse mattis pellentesque venenatis. Mauris auctor est pulvinar, euismod dolor eu, convallis libero.

SECTION TITLE​

Duis convallis rhoncus tellus in porta. Phasellus vitae nisl venenatis, ullamcorper tortor a, pulvinar erat. Sed commodo sollicitudin sapien, non hendrerit mi vehicula commodo. Vivamus eleifend egestas tempus. Vivamus ultrices faucibus nisi, et pellentesque velit posuere mattis. In hac habitasse platea dictumst. Pellentesque ut posuere erat. Donec tristique leo sem, id commodo sem maximus in. Mauris congue cursus nisi, eu luctus ligula mollis eu. Pellentesque ac augue eu ligula ullamcorper lacinia dictum non lectus. Nunc ac sem lorem.

Maecenas fringilla justo sit amet tortor placerat pulvinar nec tempus magna. Aliquam consectetur pretium faucibus. Mauris convallis, tortor vel ullamcorper gravida, lectus ligula accumsan neque, quis varius eros felis in ex. Ut dictum nunc massa, quis accumsan nulla feugiat sed. Nullam vel erat vitae urna mattis interdum. Integer non ultricies erat. Suspendisse mattis pellentesque venenatis. Mauris auctor est pulvinar, euismod dolor eu, convallis libero.

SECTION TITLE​

Duis convallis rhoncus tellus in porta. Phasellus vitae nisl venenatis, ullamcorper tortor a, pulvinar erat. Sed commodo sollicitudin sapien, non hendrerit mi vehicula commodo. Vivamus eleifend egestas tempus. Vivamus ultrices faucibus nisi, et pellentesque velit posuere mattis. In hac habitasse platea dictumst. Pellentesque ut posuere erat. Donec tristique leo sem, id commodo sem maximus in. Mauris congue cursus nisi, eu luctus ligula mollis eu. Pellentesque ac augue eu ligula ullamcorper lacinia dictum non lectus. Nunc ac sem lorem.

Maecenas fringilla justo sit amet tortor placerat pulvinar nec tempus magna. Aliquam consectetur pretium faucibus. Mauris convallis, tortor vel ullamcorper gravida, lectus ligula accumsan neque, quis varius eros felis in ex. Ut dictum nunc massa, quis accumsan nulla feugiat sed. Nullam vel erat vitae urna mattis interdum. Integer non ultricies erat. Suspendisse mattis pellentesque venenatis. Mauris auctor est pulvinar, euismod dolor eu, convallis libero.

code by Han JiHyo ​

 

[Sign]

I see a Shinhwa Changjo here. (Love them too )

 

[Han JiHyo]

I see a Shinhwa Changjo here. (Love them too )

And proud to be one. Can't wait for their 20th anniversary lol

 

[Han JiHyo]

Note: Again, don't think this is mobile friendly. Columns and centreblock can be adjusted to fit other resolutions besides 15".

Spoiler: Code

[centerblock=70][div=padding:10px;background:url('https://i.makeagif.com/media/11-05-2015/KwUuxp.gif');;height:35px; text-align:center; color:#6ee5ff; font-size:25px;][font=Wallpoet]CHARACTER NAME HERE[/font][/div][div=padding:8px; background:url('https://media.giphy.com/media/rWjc2DVNTZgQ0/giphy.gif');background-size:cover;color:black;][bg=transparent; overflow:hidden; height:300px; width:100%; padding:5px;][bg=transparent; height:300px; width:100%; overflow:auto; margin:0px][centerblock=100][row][column=span3]

[div=pointer-events:none;border-radius:20px;][IMG]https://www.rpnation.com/attachments/andy-set-1-1-gif.340821/?temp_hash=f249b41980c885baa1a2278e230f22d3[/IMG][/div][/column]
[column=span5][div=width:275px; height:180px; overflow: hidden; background: #6ee5ff;opacity:0.7;border: 4px solid #042a4f; position:relative; left:20px;][div=width: calc(100% + 17px); height: calc(100% + 17px); overflow: scroll; box-sizing: border-box; padding: 20px; text-align: justify;][center][font=Wallpoet][size=5][color=#0a1030][b][u]SECTION HEADER[/u][/b][/color][/size][/font][/center]

[font=Iceland][size=4]Duis convallis rhoncus tellus in porta. Phasellus vitae nisl venenatis, ullamcorper tortor a, pulvinar erat. Sed commodo sollicitudin sapien, non hendrerit mi vehicula commodo. Vivamus eleifend egestas tempus. Vivamus ultrices faucibus nisi, et pellentesque velit posuere mattis. In hac habitasse platea dictumst. Pellentesque ut posuere erat. Donec tristique leo sem, id commodo sem maximus in. Mauris congue cursus nisi, eu luctus ligula mollis eu. Pellentesque ac augue eu ligula ullamcorper lacinia dictum non lectus. Nunc ac sem lorem.

Maecenas fringilla justo sit amet tortor placerat pulvinar nec tempus magna. Aliquam consectetur pretium faucibus. Mauris convallis, tortor vel ullamcorper gravida, lectus ligula accumsan neque, quis varius eros felis in ex. Ut dictum nunc massa, quis accumsan nulla feugiat sed. Nullam vel erat vitae urna mattis interdum. Integer non ultricies erat. Suspendisse mattis pellentesque venenatis. Mauris auctor est pulvinar, euismod dolor eu, convallis libero. [/size][/font]

[/div][/div]
[/column][/row][/centerblock][centerblock=100][row]
[column=span5]
[div=width:275px; height:180px; overflow: hidden; background: #6ee5ff;opacity:0.7;border: 4px solid #042a4f; position: relative;][div=width: calc(100% + 17px); height: calc(100% + 17px); overflow: scroll; box-sizing: border-box; padding: 20px; text-align: justify;][center][font=Wallpoet][size=5][color=#0a1030][b][u]SECTION HEADER[/u][/b][/color][/size][/font][/center]

[font=Iceland][size=4]Duis convallis rhoncus tellus in porta. Phasellus vitae nisl venenatis, ullamcorper tortor a, pulvinar erat. Sed commodo sollicitudin sapien, non hendrerit mi vehicula commodo. Vivamus eleifend egestas tempus. Vivamus ultrices faucibus nisi, et pellentesque velit posuere mattis. In hac habitasse platea dictumst. Pellentesque ut posuere erat. Donec tristique leo sem, id commodo sem maximus in. Mauris congue cursus nisi, eu luctus ligula mollis eu. Pellentesque ac augue eu ligula ullamcorper lacinia dictum non lectus. Nunc ac sem lorem.

Maecenas fringilla justo sit amet tortor placerat pulvinar nec tempus magna. Aliquam consectetur pretium faucibus. Mauris convallis, tortor vel ullamcorper gravida, lectus ligula accumsan neque, quis varius eros felis in ex. Ut dictum nunc massa, quis accumsan nulla feugiat sed. Nullam vel erat vitae urna mattis interdum. Integer non ultricies erat. Suspendisse mattis pellentesque venenatis. Mauris auctor est pulvinar, euismod dolor eu, convallis libero. [/size][/font]

[/div][/div]
[/column]
[column=span3]


[div=pointer-events:none;border-radius:20px;][IMG]https://www.rpnation.com/attachments/andy-set-1-2-gif.340822/?temp_hash=f249b41980c885baa1a2278e230f22d3[/IMG][/div]
[/column][/row][/centerblock]

[CENTER][centerblock=100][row][column=span3]


[div=pointer-events:none;border-radius:20px;][IMG]https://www.rpnation.com/attachments/andy-set-1-3-gif.340823/?temp_hash=f249b41980c885baa1a2278e230f22d3[/IMG][/div]
[/column]
[column=span5]
[div=width:275px; height:180px; overflow: hidden; background: #6ee5ff;opacity:0.7;border: 4px solid #042a4f; position: relative;left:20px;][div=width: calc(100% + 17px); height: calc(100% + 17px); overflow: scroll; box-sizing: border-box; padding: 20px; text-align: justify;][center][font=Wallpoet][size=5][color=#0a1030][b][u]SECTION HEADER[/u][/b][/color][/size][/font][/center]

[font=Iceland][size=4]Duis convallis rhoncus tellus in porta. Phasellus vitae nisl venenatis, ullamcorper tortor a, pulvinar erat. Sed commodo sollicitudin sapien, non hendrerit mi vehicula commodo. Vivamus eleifend egestas tempus. Vivamus ultrices faucibus nisi, et pellentesque velit posuere mattis. In hac habitasse platea dictumst. Pellentesque ut posuere erat. Donec tristique leo sem, id commodo sem maximus in. Mauris congue cursus nisi, eu luctus ligula mollis eu. Pellentesque ac augue eu ligula ullamcorper lacinia dictum non lectus. Nunc ac sem lorem.

Maecenas fringilla justo sit amet tortor placerat pulvinar nec tempus magna. Aliquam consectetur pretium faucibus. Mauris convallis, tortor vel ullamcorper gravida, lectus ligula accumsan neque, quis varius eros felis in ex. Ut dictum nunc massa, quis accumsan nulla feugiat sed. Nullam vel erat vitae urna mattis interdum. Integer non ultricies erat. Suspendisse mattis pellentesque venenatis. Mauris auctor est pulvinar, euismod dolor eu, convallis libero. [/size][/font]

[/div][/div]
[/column][/row][/centerblock]
[centerblock=100][row]
[column=span5]
[div=width:275px; height:180px; overflow: hidden; background: #6ee5ff;opacity:0.7;border: 4px solid #042a4f; position: relative;][div=width: calc(100% + 17px); height: calc(100% + 17px); overflow: scroll; box-sizing: border-box; padding: 20px; text-align: justify;][center][font=Wallpoet][size=5][color=#0a1030][b][u]SECTION HEADER[/u][/b][/color][/size][/font][/center]

[font=Iceland][size=4]Duis convallis rhoncus tellus in porta. Phasellus vitae nisl venenatis, ullamcorper tortor a, pulvinar erat. Sed commodo sollicitudin sapien, non hendrerit mi vehicula commodo. Vivamus eleifend egestas tempus. Vivamus ultrices faucibus nisi, et pellentesque velit posuere mattis. In hac habitasse platea dictumst. Pellentesque ut posuere erat. Donec tristique leo sem, id commodo sem maximus in. Mauris congue cursus nisi, eu luctus ligula mollis eu. Pellentesque ac augue eu ligula ullamcorper lacinia dictum non lectus. Nunc ac sem lorem.

Maecenas fringilla justo sit amet tortor placerat pulvinar nec tempus magna. Aliquam consectetur pretium faucibus. Mauris convallis, tortor vel ullamcorper gravida, lectus ligula accumsan neque, quis varius eros felis in ex. Ut dictum nunc massa, quis accumsan nulla feugiat sed. Nullam vel erat vitae urna mattis interdum. Integer non ultricies erat. Suspendisse mattis pellentesque venenatis. Mauris auctor est pulvinar, euismod dolor eu, convallis libero. [/size][/font]

[/div][/div]
[/column]
[column=span3]


[div=pointer-events:none;border-radius:20px;][IMG]https://www.rpnation.com/attachments/andy-set-1-4-gif.340824/?temp_hash=f249b41980c885baa1a2278e230f22d3[/IMG][/div]
[/column][/row][/centerblock][/CENTER][div=padding:10px; background:transparent;height:35px; text-align:center; color:#042a4f; font-size:25px;][font=Wallpoet]"Quote here..."[/font][/div]
[right][font=Ranga][size=2]code by [USER=48808]@Han JiHyo[/USER][/font][/size][/right]

CHARACTER NAME HERE

SECTION HEADER​

Duis convallis rhoncus tellus in porta. Phasellus vitae nisl venenatis, ullamcorper tortor a, pulvinar erat. Sed commodo sollicitudin sapien, non hendrerit mi vehicula commodo. Vivamus eleifend egestas tempus. Vivamus ultrices faucibus nisi, et pellentesque velit posuere mattis. In hac habitasse platea dictumst. Pellentesque ut posuere erat. Donec tristique leo sem, id commodo sem maximus in. Mauris congue cursus nisi, eu luctus ligula mollis eu. Pellentesque ac augue eu ligula ullamcorper lacinia dictum non lectus. Nunc ac sem lorem.

Maecenas fringilla justo sit amet tortor placerat pulvinar nec tempus magna. Aliquam consectetur pretium faucibus. Mauris convallis, tortor vel ullamcorper gravida, lectus ligula accumsan neque, quis varius eros felis in ex. Ut dictum nunc massa, quis accumsan nulla feugiat sed. Nullam vel erat vitae urna mattis interdum. Integer non ultricies erat. Suspendisse mattis pellentesque venenatis. Mauris auctor est pulvinar, euismod dolor eu, convallis libero.

SECTION HEADER​

Duis convallis rhoncus tellus in porta. Phasellus vitae nisl venenatis, ullamcorper tortor a, pulvinar erat. Sed commodo sollicitudin sapien, non hendrerit mi vehicula commodo. Vivamus eleifend egestas tempus. Vivamus ultrices faucibus nisi, et pellentesque velit posuere mattis. In hac habitasse platea dictumst. Pellentesque ut posuere erat. Donec tristique leo sem, id commodo sem maximus in. Mauris congue cursus nisi, eu luctus ligula mollis eu. Pellentesque ac augue eu ligula ullamcorper lacinia dictum non lectus. Nunc ac sem lorem.

Maecenas fringilla justo sit amet tortor placerat pulvinar nec tempus magna. Aliquam consectetur pretium faucibus. Mauris convallis, tortor vel ullamcorper gravida, lectus ligula accumsan neque, quis varius eros felis in ex. Ut dictum nunc massa, quis accumsan nulla feugiat sed. Nullam vel erat vitae urna mattis interdum. Integer non ultricies erat. Suspendisse mattis pellentesque venenatis. Mauris auctor est pulvinar, euismod dolor eu, convallis libero.

SECTION HEADER​

Duis convallis rhoncus tellus in porta. Phasellus vitae nisl venenatis, ullamcorper tortor a, pulvinar erat. Sed commodo sollicitudin sapien, non hendrerit mi vehicula commodo. Vivamus eleifend egestas tempus. Vivamus ultrices faucibus nisi, et pellentesque velit posuere mattis. In hac habitasse platea dictumst. Pellentesque ut posuere erat. Donec tristique leo sem, id commodo sem maximus in. Mauris congue cursus nisi, eu luctus ligula mollis eu. Pellentesque ac augue eu ligula ullamcorper lacinia dictum non lectus. Nunc ac sem lorem.

Maecenas fringilla justo sit amet tortor placerat pulvinar nec tempus magna. Aliquam consectetur pretium faucibus. Mauris convallis, tortor vel ullamcorper gravida, lectus ligula accumsan neque, quis varius eros felis in ex. Ut dictum nunc massa, quis accumsan nulla feugiat sed. Nullam vel erat vitae urna mattis interdum. Integer non ultricies erat. Suspendisse mattis pellentesque venenatis. Mauris auctor est pulvinar, euismod dolor eu, convallis libero.

SECTION HEADER​

Duis convallis rhoncus tellus in porta. Phasellus vitae nisl venenatis, ullamcorper tortor a, pulvinar erat. Sed commodo sollicitudin sapien, non hendrerit mi vehicula commodo. Vivamus eleifend egestas tempus. Vivamus ultrices faucibus nisi, et pellentesque velit posuere mattis. In hac habitasse platea dictumst. Pellentesque ut posuere erat. Donec tristique leo sem, id commodo sem maximus in. Mauris congue cursus nisi, eu luctus ligula mollis eu. Pellentesque ac augue eu ligula ullamcorper lacinia dictum non lectus. Nunc ac sem lorem.

Maecenas fringilla justo sit amet tortor placerat pulvinar nec tempus magna. Aliquam consectetur pretium faucibus. Mauris convallis, tortor vel ullamcorper gravida, lectus ligula accumsan neque, quis varius eros felis in ex. Ut dictum nunc massa, quis accumsan nulla feugiat sed. Nullam vel erat vitae urna mattis interdum. Integer non ultricies erat. Suspendisse mattis pellentesque venenatis. Mauris auctor est pulvinar, euismod dolor eu, convallis libero.

"Quote here..."

code by Han JiHyo ​

 

[Athens]

Hi! I'm using one of your codes for a character sheet, and I just wanted to tell you that these are amazing!

 

[Han JiHyo]

Hi! I'm using one of your codes for a character sheet, and I just wanted to tell you that these are amazing!

Thank you very much! ^-^

 

[Han JiHyo]

Note: This one was created more as an Interest Check Template. However, I guess it can be used as a character sheet too. Highly doubt it's mobile friendly, but it should work for any computer screen and doesn't matter if toggle width is on or not.

Spoiler: Code

[centerblock=90][bg=#1b0b08][div=padding:20px;border:5px solid #583c0d;background:url('https://s-media-cache-ak0.pinimg.com/originals/c0/f1/ad/c0f1ad291805426d6014018af8e6c0a3.jpg');background-size:cover;height:110px; text-align:left; color:#ffffff; font-size:30px;][font=MedievalSharp]TITLE HERE[/font][/div]
[row][column=span2][div=padding:5px;background:#a85102;height:30px; text-align:center;color:#2b0705; font-size:25px;][font=MedievalSharp]TITLE[/font][/div][div=padding:10px; background:url('https://image.freepik.com/free-photo/old-paper-texture_1160-558.jpg');background-size:cover;color:black;][bg=transparent; overflow:hidden; height:150px; width:100%; padding:5px;][bg=transparent; height:150px; width:100%; overflow:auto; margin:0px][font=Macondo][size=4][color=#2b0705]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.
[/color][/size][/font][/bg][/bg][/div]


[center][div=pointer-events:none;][IMG]https://media.giphy.com/media/gQfWbxnUSHH8s/giphy.gif[/IMG][/div][/center]


[div=padding:5px;background:#a85102;height:30px; text-align:center;color:#2b0705; font-size:25px;][font=MedievalSharp]TITLE[/font][/div][div=padding:10px; background:url('https://image.freepik.com/free-photo/old-paper-texture_1160-558.jpg');background-size:cover;color:black;][bg=transparent; overflow:hidden; height:150px; width:100%; padding:5px;][bg=transparent; height:150px; width:100%; overflow:auto; margin:0px][font=Macondo][size=4][color=#2b0705]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.
[/color][/size][/font][/bg][/bg][/div]


[/column]

[column=span4]
[div=padding:10px;background:url('https://previews.123rf.com/images/berka/berka1501/berka150100109/35268126-Photograph-of-old-dark-Ocher-brown-animal-skin-parchment-coarse-grained-vignette-grunge-texture--Stock-Photo.jpg');background-size:cover;background-repeat:no-repeat;color:black;][bg=transparent; overflow:hidden; height:200px; width:100%; padding:5px;][bg=transparent; height:200px; width:100%; overflow:auto; margin:0px][color=#2b0705][center][b][font=MedievalSharp][size=6]SECTION HEADER[/size][/font]

[font=Macondo][size=4]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.

[/b][/size][/font][/center][/color][/bg][/bg][/div][div=pointer-events:none;][IMG]https://media.giphy.com/media/ZpQe1R23pKfoQ/200.gif[/IMG][/div][div=padding:10px;background:url('https://previews.123rf.com/images/berka/berka1501/berka150100109/35268126-Photograph-of-old-dark-Ocher-brown-animal-skin-parchment-coarse-grained-vignette-grunge-texture--Stock-Photo.jpg');background-size:cover;background-repeat:no-repeat;color:black;][bg=transparent; overflow:hidden; height:200px; width:100%; padding:5px;][bg=transparent; height:200px; width:100%; overflow:auto; margin:0px][color=#2b0705][center][b][font=MedievalSharp][size=6]SECTION HEADER[/size][/font]

[font=Macondo][size=4]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.

[/b][/size][/font][/center][/color][/bg][/bg][/div]

[/column]
[column=span2][div=padding:5px;background:#a85102;height:30px; text-align:center;color:#2b0705; font-size:25px;][font=MedievalSharp]TITLE[/font][/div][div=padding:10px; background:url('https://image.freepik.com/free-photo/old-paper-texture_1160-558.jpg');background-size:cover;color:black;][bg=transparent; overflow:hidden; height:150px; width:100%; padding:5px;][bg=transparent; height:150px; width:100%; overflow:auto; margin:0px][font=Macondo][size=4][color=#2b0705]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.
[/color][/size][/font][/bg][/bg][/div]

[center][div=pointer-events:none;][IMG]https://media.giphy.com/media/gQfWbxnUSHH8s/giphy.gif[/IMG][/div][/center]

[div=padding:5px;background:#a85102;height:30px; text-align:center;color:#2b0705; font-size:25px;][font=MedievalSharp]TITLE[/font][/div][div=padding:10px; background:url('https://image.freepik.com/free-photo/old-paper-texture_1160-558.jpg');background-size:cover;color:black;][bg=transparent; overflow:hidden; height:150px; width:100%; padding:5px;][bg=transparent; height:150px; width:100%; overflow:auto; margin:0px][font=Macondo][size=4][color=#2b0705]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.
[/color][/size][/font][/bg][/bg][/div]


[/column][/row][/bg][/centerblock]
[right][color=#253237][font=Ranga][size=3]code by [USER=48808]@Han JiHyo[/USER][/font][/size][/color][/right]

TITLE HERE

TITLE

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.

TITLE

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.

SECTION HEADER​

​

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.​

​

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.​

​

​

SECTION HEADER​

​

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.​

​

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.​

​

​

TITLE

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.

TITLE

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.

code by Han JiHyo ​