Resource yunniverseミ★

[Yunn]

[class=credit] width:45%; text-align:right; margin:auto; font-size:10px; color:gray; [/class] [class name=credit maxWidth=800px] width:99%; text-align:right; margin:auto; font-size:10px; color:gray; [/class] [class=box] background:white; border:.5px solid lightgray; overflow:hidden; width:45%; height:550px; margin:auto; [/class] [class name=box maxWidth=800px] background:white; border:.5px solid lightgray; overflow:hidden; width:99%; margin: auto; [/class] [class=header] height:150px; text-align:center; padding:20px; color:darkgray; font-size:24px; letter-spacing:3px; line-height:16px; border-bottom:.5px solid lightgray; [/class] [class name=header maxWidth=800px] height:150px; text-align:center; padding:10px; color:darkgray; font-size:18px; letter-spacing:2px; line-height:16px; border-bottom:.5px solid lightgray; [/class] [class=subtitle] line-spacing:0px; font-size:18px; [/class] [class=tabs] line-height: 1; padding:5px; margin:auto; text-align: center; width:80%; margin-top:-30px; [/class] [class name=tabs maxWidth=800px] line-height: 1; padding:5px; margin:auto; text-align: center; width:100%; margin-top:-30px; [/class] [class=tabs2] line-height: 1; padding:5px; margin-top:5px; text-align: center; width:100%; [/class] [class=tab2] cursor: pointer; background:white; padding: 5px; width:55px; height:55px; line-height:12px; border:.5px solid lightgray; margin:5px; font-size:10px; float:left; font-variant:small-caps; font-weight:800; [/class] [class name=tab2 maxWidth=800px] cursor: pointer; background:white; padding: 5px; width:25px; height:55px; line-height:12px; border:.5px solid lightgray; margin:5px; font-size:9px; float:left; font-variant:small-caps; font-weight:800; [/class] [class=tab] cursor: pointer; background:white; padding: 10px; width:25px; height:25px; line-height:25px; border:.5px solid lightgray; border-radius:100%; margin-left:55px; float:left; [/class] [class name=tab maxWidth=800px] cursor: pointer; background:white; padding: 10px; width:25px; height:25px; line-height:25px; border:.5px solid lightgray; border-radius:100%; margin-left:40px; float:left; [/class] [class=icon] font-size:18px; color:darkgray; margin-top:-25px; [/class] [class=contentb] background:#f9f9f9; height:258px; padding:50px; margin-top:20px; [/class] [class=content] background:white; height:200px; margin:0px; padding:25px; border:.5px solid lightgray; [/class] [class=c1] border:.5px solid lightgray; padding:10px; width:40%; height:170px; text-align:center; float:left; font-size:36px; line-height:10px; color:darkgray; font-family:Montserrat; [/class] [class=c2] width:54%; height:190px; float:left; font-family:Roboto; font-size:16px; font-variant:small-caps; color:darkgray; line-height:12px; text-align:justify; overflow:hidden; [/class] [class name=c2 maxWidth=800px] width:50%; height:190px; float:left; font-family:Roboto; font-size:16px; font-variant:small-caps; color:darkgray; line-height:12px; text-align:justify; overflow:hidden; [/class] [class=scroll] height:190px; padding:10px; overflow:auto; width:100%; [/class] [class name=scroll maxWidth=800px] height:190px; padding:10px; overflow:auto; width:90%; [/class] [script class=tab on=click] hide tabsContent show tabsContent11 set currentTab (getText) if (eq ${currentTab} 1) (show tabsContent1) if (eq ${currentTab} 2) (show tabsContent2) if (eq ${currentTab} 3) (show tabsContent3) if (eq ${currentTab} 4) (show tabsContent4) [/script]

[div class=box] [div class=header]




YUNNIVERSEミ★
[div class=subtitle] a coding gallery [/div][/div] [div class=tabs] [div class=tab][div style="visibility:hidden;"]1[/div] [div class=icon][/div] [/div] [div class=tab][div style="visibility:hidden;"]2[/div] [div class=icon][/div][/div] [div class=tab] [div style="visibility:hidden;"]3[/div][div class=icon][/div][/div] [div class=tab][div style="visibility:hidden;"]4[/div] [div class=icon][/div][/div] [/div] [div class="tabsContent tabsContent1"][div class=contentb] [div class=content] [div class=c1]






ABOUT [/div] [div class=c2 ][div class=scroll]besides the bad pun, i code sometimes. dunno if i'm gonna post much though.

everything is free to use just keep the credit

do not post here please

might do requests









[/div][/div] [/div][/div][/div] [div class="tabsContent tabsContent2" style="display: none;"] [div class=contentb] [div class=content] [div class=c1]






CHARACTER SHEETS [/div] [div class=c2][div class=scroll][div style="border-bottom:.5px solid lightgray;border-top:.5px solid lightgray;padding-top:5px;padding-bottom:5px;margin-top:-10px;"]paper heartsミ★

preview. code.​

[/div][/div] [/div][/div] [/div] [/div] [div class="tabsContent tabsContent3" style="display: none;"] [div class=contentb] [div class=content] [div class=c1]






CHARACTER POSTS [/div] [div class=c2][div class=scroll][div style="border-bottom:.5px solid lightgray;border-top:.5px solid lightgray;padding-top:5px;padding-bottom:5px;margin-top:-10px;"]my heartミ★

preview. code.​

[/div][/div] [/div][/div][/div] [/div] [div class="tabsContent tabsContent4" style="display: none;"] [div class=contentb] [div class=content] [div class=c1]






MISC [/div] [div class=c2][div class=scroll][div style="border-bottom:.5px solid lightgray;border-top:.5px solid lightgray;padding-top:5px;padding-bottom:5px;margin-top:-10px;"]we lovedミ★

preview. code.​

[/div] [/div][/div] [/div][/div] [/div] [/div] [div class=credit] 云 // YUNN[/div]

 

[cherub.]

THE GOD(dess?) IS HERE

 

[Yunn]

Spoiler: reconstructing

[class=yunncontain] width:25%; height:200px; background:#f9f9f9; border:.5px solid lightgray; margin:auto; padding:15px; [/class] [class name=yunncontain maxWidth=800px] width:90%; height:200px; background:#f9f9f9; border:.5px solid lightgray; margin:auto; padding:15px; [/class] [class=yunnbox] background:white; height:170px; font-variant:small-caps; padding:10px; border:.5px solid lightgray; color:darkgray; [/class] [class=yunnhead] font-size:24px; letter-spacing:1px; font-weight:500; color:gray; line-height:12px; height:24px; border-bottom:.5px solid lightgray; [/class] [class=yunntext] font-size:14px; font-variant:small-caps; height:95px; color:gray; overflow:auto; line-height:10px; overflow:hidden; width:100%; text-align:justify; margin-top:5px; [/class] [class=yunntags] border-radius:3px; border:.5px solid lightgray; background:#f9f9f9; padding:3px; margin-right:5px; font-variant:small-caps; font-size:14px; float:left; line-height:12px; color:gray; margin-top:5px; [/class] [class=yunnscroll] height:95px;overflow:auto;width:103%;padding-right:5px; [/class] [class name=yunnscroll maxWidth=800px] height:95px;overflow:auto;width:100%;padding-right:5px; [/class] [div class="yunncontain"] [div class="yunnbox"][div class=yunnhead]
PAPER HEARTSミ★[/div] [div class=yunntext][div class="yunnscroll"] an old code that has been revisited and edited. it has a simple hover animation on the title text. clicking on the title will lead you to the actual cs portion.

the tabs would be the circle icons on the left of the cs. tabs include the main tab which only contains a big image, basics, personality, background, and relationships. to go back there is a button that should be on the bottom left.

feel free to change the colors, pictures, and play around with the codes within the tab containers. [/div][/div] [div class=yunntags]character sheet[/div] [div class=yunntags]mobile friendly[/div] [div class=yunntags]five tabs[/div] [div class=yunntags]vertical tabs[/div] [div class=yunntags]messy code[/div] [div class=yunntags]simple hover[/div] [/div] [/div]
[class=credit] width:350px; margin:auto; text-align:right; font-size:10px; [/class] [class=contain] height:450px; width:350px; border:.5px solid darkgray; overflow:hidden; margin:auto [/class] [class=1] height:450px; width:350px; background-image:URL(https://i.pinimg.com/564x/64/7e/7d/647e7d0c2dc8046dab8cfefd5e8fd635.jpg); background-size:87%; padding:25px; margin:auto; [/class] [class=title] line-height:400px; text-align:center; font-size:48px; font-variant:small-caps; z-index:0; color:white; height:0px; width:85%; cursor:crosshair; text-shadow:1px 0px 0px gray, 1px 2px 0px gray; -o-transition: all .2s linear; -ms-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; [/class] [class name=title state=hover] letter-spacing:1px; [/class] [class=cs] height:400px; width:300px; background:white; border:.5px solid darkgray; z-index:3; [/class] [script class=title on=click] hide title fadeIn 1000 cs [/script] [script class=goback on=click] fadeOut 400 cs show title [/script] [script class=cs] hide cs [/script] [class=tabs] cursor: pointer; color: darkgray; font-size: 12px; line-height:30px; margin-bottom:auto; margin-right:10px; margin-left:-15px; margin-top:-10px; text-align: center; float:left; [/class] [class=tab] display: block; border-radius:100%; background:white; border:.5px solid darkgray; margin-bottom:5px; height:30px; width:30px; [/class] [class=goback] border-radius:100%; background:white; border:.5px solid darkgray; width: 30px; height:30px; margin-top:0px; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} 1) (show tabsContent1) if (eq ${currentTab} 2) (show tabsContent2) if (eq ${currentTab} 3) (show tabsContent3) if (eq ${currentTab} 4) (show tabsContent4) if (eq ${currentTab} 5) (show tabsContent5) [/script] [class=page] margin:12px; border:.5px solid darkgray; height:375px; font-size:11px; [/class] [class=mainbox] width:100%; text-align:center; background:white; height:34.5px; border-top:.5px solid darkgray; border-bottom:.5px solid darkgray; transform:translate(0px,340px); [/class] [class=basic] float:left; border:.5px solid darkgray; height:25px; font-size:25px; line-height:25px; padding:3px; text-align:center; color:gray; background:white; [/class] [class=basicinfo] border-bottom:.5px solid darkgray; font-size:11px; height:11px; line-height:11px; [/class] [class=page2] padding-top:10px; line-height:12px; height:375px; overflow:hidden;[/class] [class=pscroll] height:140px; overflow:auto; width:107%; text-align:justify; padding-right:15px; [/class] [class name=pscroll maxWidth=800px] height:140px; overflow:auto; width:100%; text-align:justify; padding-right:15px; [/class] [class=bscroll] height:290px;overflow:auto;width:107%;text-align:justify;padding-right:15px; [/class] [class name=bscroll maxWidth=800px] height:290px;overflow:auto;width:100%;text-align:justify;padding-right:15px; [/class] [class=rscroll] height:100px;width:120%;overflow:auto;text-align:justify; [/class] [class name=rscroll maxWidth=800px] height:100px;width:100%;overflow:auto;text-align:justify; [/class] [div class=contain][div class=1] [div class=title]paper hearts[/div] [div class=cs] [div class=tabs] [div class=tab][div style=visibility:hidden]1[/div][/div] [div class=tab][div style=visibility:hidden]2[/div][/div] [div class=tab][div style=visibility:hidden]3[/div][/div] [div class=tab][div style=visibility:hidden]4[/div][/div] [div class=tab][div style=visibility:hidden]5[/div][/div]






[div class=goback][/div] [/div] [div class="tabsContent tabsContent1"][div class=page]

[div class=mainbox]TITLE/ROLE

[/div][/div][/div] [div class="tabsContent tabsContent2" style="display:none;line-height:12px;"][div class=page] [div class=page2] [div class=basic style="width:10%"]⍣ [/div] [div class=basic style="width:79.5%;text-align:left;"]BASICS [/div]
[div style="margin-left:0px;margin-right:14px;border:.5px solid darkgray;height:150px;background-image:URL([URL]http://25.media.tumblr.com/8ccbf85984594e50c6a87f53d691d951/tumblr_mw22cmhtw41rlxfhno1_500.gif);background-size:100%[/URL]"][/div] [div class=basic style="width:92%;margin-top:0px;height:10px;"][/div]

[div style="width:30%;float:left;"][div class=basicinfo]FULL NAME[/div][/div] [div style="width:64%;float:left"][div class=basicinfo]FIRST, LAST NAME[/div][/div] [div style="width:30%;float:left;"][div class=basicinfo]AGE[/div][/div] [div style="width:64%;float:left"][div class=basicinfo]AGE IN NUMBERS[/div][/div] [div style="width:30%;float:left;"][div class=basicinfo]GENDER[/div][/div] [div style="width:64%;float:left"][div class=basicinfo]MALE / FEMALE / OTHER[/div][/div] [div style="width:30%;float:left;"][div class=basicinfo]EXTRA[/div][/div] [div style="width:64%;float:left"][div class=basicinfo]EXTRA[/div][/div]




[div style="width:44.5%;float:left;margin-right:13px;"][div class=basicinfo]ANOTHER[/div][/DIV] [div style="width:44.5%;float:left;margin-right:13px;"][div class=basicinfo]THING[/div][/div]

[div style="width:44.5%;float:left;margin-right:13px;"][div class=basicinfo]LIST[/div] THING 1
THING 2
THING 3[/div] [div style="width:44.5%;float:left;margin-right:13px;"][div class=basicinfo]LIST 2[/div][/div] [div style="width:44.5%;float:left;margin-right:13px;"][div class=basicinfo]THING 1[/div][/div] [div style="width:44.5%;float:left;margin-right:13px;"][div class=basicinfo]THING 2[/div][/div] [div style="width:44.5%;float:left;margin-right:13px;"][div class=basicinfo]THING 3[/div][/div]




[div style="width:27%;float:left;margin-right:13px;"][div class=basicinfo]LINKS[/div] ⍣ ⍣ ⍣
[/div] [div style="width:27%;float:left;margin-right:13px;"][div class=basicinfo]FACE[/div] ⍣ ⍣ ⍣ [/div] [div style="width:27%;float:left"][div class=basicinfo]VOICE[/div] ⍣ ⍣ ⍣ [/div] [/div][/div][/div] [div class="tabsContent tabsContent3" style="display:none;line-height:12px;"][div class=page] [div class=page2] [div class=basic style="width:10%"]⍣ [/div] [div class=basic style="width:79.5%;text-align:left;"]PERSONALITY [/div] [div style="margin-left:0px;margin-right:14px;border:.5px solid darkgray;height:150px;background:white;padding:10px;overflow:hidden;width:86.8%;"][div class="pscroll"] Goodbye love, you flew right by, love. Remember the way you made me feel Such young love but Something in me knew that it was real Frozen in my head Pictures I'm living through for now Trying to remember all the good times Our life was cutting through so loud Memories are playing in my dull mind I hate this part, paper hearts And I'll hold a piece of yours Don't think I would just forget about it Hoping that you won't forget about it Everything is gray under these skies Wet mascara Hiding every cloud under a smile When there's cameras And I just can't reach out to tell you That I always wonder what you're up to Pictures I'm living through for now Trying to remember all the good times Our life was cutting through so loud Memories are playing in my dull mind I hate this part, paper hearts And I'll hold a piece of yours Don't think I would just forget about it Hoping that you won't forget I live through pictures as if I was right there by your side But you'll be good without me and if I could just give it some time I'll be alright Goodbye love, you flew right by love Pictures I'm living through for now Trying to remember all the good times Our life was cutting through so loud Memories are playing in my dull mind I hate this part, paper hearts And I'll hold a piece of yours Don't think I would just forget about it Hoping that you won't forget [/div][/div]
[div style="width:50%;float:left"][div class=basic style="width:15%;font-size:16px;height:16px;line-height:16px"]⍣ [/div] [div class=basic style="width:64%;text-align:left;font-size:16px;height:16px;line-height:16px"]NEGATIVES [/div] [div style="height:125px; width:81.3%;border:.5px solid darkgray;padding:5px;font-size:11px;"][div style="margin-top:25px;"]TRAIT ONE
TRAIT TWO
TRAIT THREE
TRAIT FOUR
TRAIT FIVE [/div][/div][/div] [div style="width:50%;float:left"][div class=basic style="width:15%;font-size:16px;height:16px;line-height:16px"]⍣ [/div] [div class=basic style="width:64%;text-align:left;font-size:16px;height:16px;line-height:16px"]POSITIVES [/div][/div] [div style="height:125px; width:40.8%;border:.5px solid darkgray;padding:5px;font-size:11px;margin-left:50%;"][div style="margin-top:25px;"]TRAIT ONE
TRAIT TWO
TRAIT THREE
TRAIT FOUR
TRAIT FIVE [/div][/div] [/div][/div][/div] [div class="tabsContent tabsContent4" style="display:none;line-height:12px;"][div class=page] [div class=page2] [div class=basic style="width:10%"]⍣ [/div] [div class=basic style="width:79.5%;text-align:left;"]BACKSTORY [/div] [div style="margin-left:0px;margin-right:14px;border:.5px solid darkgray;height:300px;background:white;padding:10px;overflow:hidden;width:86.8%;"][div class="bscroll"] Goodbye love, you flew right by, love. Remember the way you made me feel Such young love but Something in me knew that it was real Frozen in my head Pictures I'm living through for now Trying to remember all the good times Our life was cutting through so loud Memories are playing in my dull mind I hate this part, paper hearts And I'll hold a piece of yours Don't think I would just forget about it Hoping that you won't forget about it Everything is gray under these skies Wet mascara Hiding every cloud under a smile When there's cameras And I just can't reach out to tell you That I always wonder what you're up to Pictures I'm living through for now Trying to remember all the good times Our life was cutting through so loud Memories are playing in my dull mind I hate this part, paper hearts And I'll hold a piece of yours Don't think I would just forget about it Hoping that you won't forget I live through pictures as if I was right there by your side But you'll be good without me and if I could just give it some time I'll be alright Goodbye love, you flew right by love Pictures I'm living through for now Trying to remember all the good times Our life was cutting through so loud Memories are playing in my dull mind I hate this part, paper hearts And I'll hold a piece of yours Don't think I would just forget about it Hoping that you won't forget [/div][/div] [/div] [/div][/div] [div class="tabsContent tabsContent5" style="display:none;line-height:12px;"][div class=page] [div class=page2 style="overflow:hidden;"] [div style="height:355px;overflow:auto;width:107.5%;padding-right:2px;"] [div class=basic style="width:10%"]⍣ [/div] [div class=basic style="width:79.4%;text-align:left;"]FIRST NAME [/div]
[div style="margin-left:0px;margin-right:14px;border:.5px solid darkgray;height:130px;"] [div style=background-image:URL([URL]http://i.gifer.com/372Q.gif);background-size:100%;height:110px;width:45%;float:left;][/div[/URL]] [div style="width:48%;padding:5px;float:left;height:100px;overflow:hidden;"][div class="rscroll"]Goodbye love, you flew right by, love. Remember the way you made me feel Such young love but Something in me knew that it was real Frozen in my head Pictures I'm living through for now Trying to remember all the good times Our life was cutting through so loud Memories are playing in my dull mind I hate this part, paper hearts .[/div][/div][/div] [div class=basic style="width:92.2%;margin-top:0px;height:10px;text-align:right;font-size:10px;line-height:10px"]#RELATIONSHIP[/div]

[div class=basic style="width:10%"]⍣ [/div] [div class=basic style="width:79.4%;text-align:left;"]FIRST NAME [/div]
[div style="margin-left:0px;margin-right:14px;border:.5px solid darkgray;height:130px;"] [div style=background-image:URL([URL]http://i.pinimg.com/originals/05/f1/7e/05f17e616d02f42c6008a02cce1f80ed.gif);background-size:100%;height:110px;width:45%;float:left;][/div[/URL]] [div style="width:48%;padding:5px;float:left;height:100px;overflow:hidden;"][div class="rscroll"]Goodbye love, you flew right by, love. Remember the way you made me feel Such young love but Something in me knew that it was real Frozen in my head Pictures I'm living through for now Trying to remember all the good times Our life was cutting through so loud Memories are playing in my dull mind I hate this part, paper hearts .[/div][/div][/div][div class=basic style="width:92.2%;margin-top:0px;height:10px;text-align:right;font-size:10px;line-height:10px"]#RELATIONSHIP[/div]

[div class=basic style="width:10%"]⍣ [/div] [div class=basic style="width:79.4%;text-align:left;"]FIRST NAME [/div]
[div style="margin-left:0px;margin-right:14px;border:.5px solid darkgray;height:130px;"] [div style=background-image:URL([URL]http://i.pinimg.com/originals/99/76/bc/9976bca00b8f68759f1a07b3e19f0263.gif);background-size:100%;height:110px;width:45%;float:left;][/div[/URL]] [div style="width:48%;padding:5px;float:left;height:100px;overflow:hidden;"][div class="rscroll"]Goodbye love, you flew right by, love. Remember the way you made me feel Such young love but Something in me knew that it was real Frozen in my head Pictures I'm living through for now Trying to remember all the good times Our life was cutting through so loud Memories are playing in my dull mind I hate this part, paper hearts .[/div][/div][/div][div class=basic style="width:92.2%;margin-top:0px;height:10px;text-align:right;font-size:10px;line-height:10px"]#RELATIONSHIP[/div] [/div][/div][/div][/div] [/div] [/div][/div] [div class=credit] 云 / YUNN[/div][div class=credit][/div]

 

[Yunn]

Spoiler: reconstructing

[class=yunncontain] width:25%; height:200px; background:#f9f9f9; border:.5px solid lightgray; margin:auto; padding:15px; [/class] [class name=yunncontain maxWidth=800px] width:90%; height:200px; background:#f9f9f9; border:.5px solid lightgray; margin:auto; padding:15px; [/class] [class=yunnbox] background:white; height:170px; font-variant:small-caps; padding:10px; border:.5px solid lightgray; color:darkgray; [/class] [class=yunnhead] font-size:24px; letter-spacing:1px; font-weight:500; color:gray; line-height:12px; height:24px; border-bottom:.5px solid lightgray; [/class] [class=yunntext] font-size:14px; font-variant:small-caps; height:95px; color:gray; overflow:auto; line-height:10px; overflow:hidden; width:100%; text-align:justify; margin-top:5px; [/class] [class=yunntags] border-radius:3px; border:.5px solid lightgray; background:#f9f9f9; padding:3px; margin-right:5px; font-variant:small-caps; font-size:14px; float:left; line-height:12px; color:gray; margin-top:5px; [/class] [class=yunnscroll] height:95px;overflow:auto;width:103%;padding-right:5px; [/class] [class name=yunnscroll maxWidth=800px] height:95px;overflow:auto;width:100%;padding-right:5px; [/class] [div class="yunncontain"] [div class="yunnbox"][div class=yunnhead]
WE LOVEDミ★[/div] [div class=yunntext][div class="yunnscroll"] yay new code. wanted to make something that can be used for just about anything and anywhere. can be used as a character sheet, character post, interest check, etc.

has a regular text div on the left and picture div on the right, click on go forward and it will do the translate animation and will move leftwards for the div with the tabs.

likewise, clicking go back will have the div go back to it's normal position.

feel free to change the colors, pictures, and play around with the codes within the tab containers. [/div][/div] [div class=yunntags]versatile[/div] [div class=yunntags]mobile friendly[/div] [div class=yunntags]three tabs[/div] [div class=yunntags]simple animation[/div] [div class=yunntags]translation[/div] [div class=yunntags]simple code[/div] [/div] [/div]
[class=credit] width:45%; text-align:right; margin:auto; font-size:10px; line-height:10px; color:gray; [/class] [class=contain] width:45%; height:300px; background:#f9f9f9; border:.5px solid lightgray; margin:auto; [/class] [class name=contain maxWidth=800px] width:90%; height:300px; background:#f9f9f9; border:.5px solid lightgray; margin:auto; [/class] [class=box] width:90%; height:248px; border:.5px solid lightgray; background:white; margin:25px; overflow:hidden; [/class] [class name=box maxWidth=800px] width:85%; height:250px; border:.5px solid lightgray; background:white; margin:25px; overflow:hidden; [/class] [class=wholebox] width:150%; backgroundwhite; height:250px; -o-transition: all .35s linear; -ms-transition: all .35s linear; -moz-transition: all .35s linear; -webkit-transition: all .35s linear; transition: all .35s linear; [/class] [class=3box] width:33.3%; height:250px; float:left; background:white; [/class] [class=textbox1] border-right:.5px solid lightgray; border-left:.5px solid lightgray; height:250px; font-size:10px; text-transform:uppercase; text-align:justify; line-height:10px; overflow:hidden; [/class] [class=textbox2] height:240px; padding:15px; font-size:15px; border-left:.5px solid lightgray; line-height:10px; [/class] [class=scroll] overflow:auto; padding-right:10px; margin:10px; width:100%; height:230px; [/class] [class name=scroll maxWidth=800px] overflow:auto; padding-right:10px; margin:10px; width:87%; height:230px; [/class] [class=picture] height:190px; margin:17px; padding:10px; background-image:URL(http://data.whicdn.com/images/317082613/large.jpg); background-size:100%; [/class] [class name=picture maxWidth=800px] height:190px; margin:17px; padding:10px; background-image:URL(http://data.whicdn.com/images/317082613/large.jpg); background-size:200%; [/class] [class=translateleft] transform:translate(-33.3%,0); -o-transition: all .35s linear; -ms-transition: all .35s linear; -moz-transition: all .35s linear; -webkit-transition: all .35s linear; transition: all .35s linear; [/class] [class=clickhere] color:white; height:0px; padding-top:85%; text-align:right; text-shadow:1px 0px 0px gray, 1px 2px 0px gray; [/class] [class=goback] color:white; padding-top:85%; text-align:right; text-shadow:1px 0px 0px gray, 1px 2px 0px gray; [/class] [script class=goback] hide goback [/script] [script class=textbox2] hide textbox2 [/script] [script class=clickhere on=click] addClass translateleft wholebox show textbox2 hide clickhere show goback [/script] [script class=goback on=click] removeClass translateleft wholebox fadeOut 500 textbox2 show clickhere hide goback [/script] [class=tabs] width:108%; line-height: 11px; height:11px; font-size:13px; margin:auto; text-align: center; text-transform:uppercase; [/class] [class=tab] cursor: pointer; background:white; width:31%; height:11px; float:left; [/class] [class name=tab state=hover] border-bottom:3px solid lightpink; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} we-loved-1) (show tabsContent1) if (eq ${currentTab} we-loved-2) (show tabsContent2) if (eq ${currentTab} we-loved-3) (show tabsContent3) [/script] [class=content] margin-top:10px; height:190px; border:.5px solid lightgray; font-size:10px; text-align:justify; text-transform:uppercase; overflow:hidden; [/class] [class=contentscroll] overflow:auto; padding-right:10px; margin:10px; width:100%; height:170px; [/class] [class name=contentscroll maxWidth=800px] overflow:auto; padding-right:10px; margin:10px; width:87%; height:170px; [/class] [div class=contain][div class=box][div class=wholebox] [div class=3box] [div class=textbox1][div class=scroll] My phone that used to ring nonstop Is slowly getting quieter It’s like I’ve lost my words I can’t pick up those cruel words That mindlessly spilled out I think you’re gonna leave me

Will I be able to erase you? In just one moment Can we become strangers? I know it won’t be easy And we had many good times But did we come to far to turn things around? Will I be able to erase you? Can we become strangers?

Tears don’t even come I threw my phone out of anger and broke it It’s like looking at myself It wasn’t like this before But our endless and emotional fights have gotten frequent I think I’m tired now

Will I be able to erase you? In just one moment Can we become strangers? I know it won’t be easy And we had many good times But did we come to far to turn things around? Will I be able to erase you? Can we become strangers? [/div][/div][/div] [div class=3box][div class=picture] [div class=clickhere] go forward[/div] [div class=goback]go back[/div][/div] [/div] [div class=3box] [div class=textbox2] [div class=tabs] [div class=tab]we-loved-[div style="visibility:hidden;"]1[/div][/div] [div class=tab]we-loved-[div style="visibility:hidden;"]2[/div][/div] [div class=tab]we-loved-[div style="visibility:hidden;"]3[/div][/div] [/div] [div class="tabsContent tabsContent1"][div class=content][div class=contentscroll] 1 // I try to act like I’m okay but I feel so down It gets worse, even though I try to laugh it off We can’t hide this break-up that has come Our time has frozen

Will I be able to erase you? Can we become strangers?

Will I be able to erase you? In just one moment Can we become strangers?

I know it won’t be easy And we had many good times But did we come to far to turn things around? Will I be able to erase you? Can we become strangers?





[/div][/div][/div] [div class="tabsContent tabsContent2" style="display:none"] [div class=content][div class=contentscroll] 2 // I try to act like I’m okay but I feel so down It gets worse, even though I try to laugh it off We can’t hide this break-up that has come Our time has frozen

Will I be able to erase you? Can we become strangers?

Will I be able to erase you? In just one moment Can we become strangers?

I know it won’t be easy And we had many good times But did we come to far to turn things around? Will I be able to erase you? Can we become strangers?





[/div][/div][/div] [div class="tabsContent tabsContent3" style="display:none"] [div class=content][div class=contentscroll] 3 // I try to act like I’m okay but I feel so down It gets worse, even though I try to laugh it off We can’t hide this break-up that has come Our time has frozen

Will I be able to erase you? Can we become strangers?

Will I be able to erase you? In just one moment Can we become strangers?

I know it won’t be easy And we had many good times But did we come to far to turn things around? Will I be able to erase you? Can we become strangers?





[/div][/div][/div] [/div][/div] [/div][/div][/div] [div class=credit]云 // YUNN [/div]

 

[Yunn]

Spoiler: reconstructing

[class=yunncontain] width:25%; height:200px; background:#f9f9f9; border:.5px solid lightgray; margin:auto; padding:15px; [/class] [class name=yunncontain maxWidth=800px] width:90%; height:200px; background:#f9f9f9; border:.5px solid lightgray; margin:auto; padding:15px; [/class] [class=yunnbox] background:white; height:170px; font-variant:small-caps; padding:10px; border:.5px solid lightgray; color:darkgray; [/class] [class=yunnhead] font-size:24px; letter-spacing:1px; font-weight:500; color:gray; line-height:12px; height:24px; border-bottom:.5px solid lightgray; [/class] [class=yunntext] font-size:14px; font-variant:small-caps; height:105px; color:gray; overflow:auto; line-height:10px; overflow:hidden; width:100%; text-align:justify; margin-top:5px; [/class] [class=yunntags] border-radius:3px; border:.5px solid lightgray; background:#f9f9f9; padding:3px; margin-right:5px; font-variant:small-caps; font-size:14px; float:left; line-height:12px; color:gray; margin-top:5px; [/class] [class=yunnscroll] height:105px;overflow:auto;width:100%; [/class] [class name=yunnscroll maxWidth=800px] height:105px;overflow:auto;width:100%; [/class] [div class="yunncontain"] [div class="yunnbox"][div class=yunnhead]
MY HEARTミ★[/div] [div class=yunntext][div class="yunnscroll"] simple mobile friendly character post. the code has a title and subtitle where you could put your characters name and role.

in order to change the picture you'll need to go to the class tags and find [class=pic][/class] change the image link [background-image:url(pic url here)]

feel free to change the colors and picture. [/div][/div] [div class=yunntags]post[/div] [div class=yunntags]mobile friendly[/div] [div class=yunntags]scrolls[/div] [div class=yunntags]simple code[/div] [/div] [/div] [class=credit] width:50%; text-align:right; margin:auto; font-size:10px; color:gray; [/class] [class name=credit maxWidth=800px] width:99%; text-align:right; margin:auto; font-size:10px; color:gray; [/class] [class=contain] background:white; border:.5px solid lightgray; width:50%; height:auto; margin:auto; color:gray; background:#f9f9f9; [/class] [class name=contain maxWidth=800px] background:white; border:.5px solid lightgray; overflow:; width:99%; height:auto; margin: auto; color:gray; background:#f9f9f9; [/class] [class=box1] float:left; width:29.82%; height:300px; [/class] [class name=box1 maxWidth=800px] float:left; width:29.82%; height:300px; [/class] [class=pic] background-image:URL(https://66.media.tumblr.com/e0046d1dc7e4277dc9c25c5a810d0b64/tumblr_p6wm37P2kH1qg3b1wo3_1280.png); background-size:200%; margin:15px; height:265px; border:.5px solid lightgray; [/class] [class name=pic maxWidth=800px] background-image:URL(https://66.media.tumblr.com/e0046d1dc7e4277dc9c25c5a810d0b64/tumblr_p6wm37P2kH1qg3b1wo3_1280.png); background-size:300%; margin:15px; height:265px; border:.5px solid lightgray; [/class] [class=box2] background:white; border-left:.5px solid lightgray; width:69.8%; overflow:hidden; height:300px; color:gray; background:#f9f9f9; [/class] [class name=box2 maxWidth=800px] background:white; border:.5px solid lightgray; overflow:; width:70%; height:295px; margin: auto; color:gray; background:#f9f9f9; [/class] [class=content] margin:10px;background:white;height:145px;border:.5px solid lightgray;padding:10px;line-height:10px;font-size:11px;text-align:justify;overflow:hidden;text-transform:uppercase; [/class] [class=header] height:auto; text-align:center; padding:20px; color:darkgray; font-size:24px; letter-spacing:3px; line-height:16px; border-bottom:.5px solid lightgray; background:white; [/class] [class name=header maxWidth=800px] height:auto; text-align:center; padding:10px; color:darkgray; font-size:18px; letter-spacing:2px; line-height:16px; border-bottom:.5px solid lightgray; background:white; [/class] [class=subtitle] line-spacing:0px; font-size:18px; [/class] [class=scroll] height:140px; padding-right:10px; overflow:auto; width:105%; [/class] [class name=scroll maxWidth=800px] height:140px; padding:10px; overflow:auto; width:90%; [/class]
[div class=contain] [div class=box1][div class=pic][/div][/div] [div class=box2][div class=header]

MY HEART
[div class=subtitle]since when was it your heart[/div][/div] [div class="content"][div class=scroll]You got me shot through the heart My eyes keep going to you Why is it that you’re acting like You’re uninterested when you see me Are you doing that on purpose? I’m fine oh yeah

I’ve got everything I want I’ve got it all But I’m lacking something This is the first time oh yeah

So come on when you meet eyes with me Come on everyone look around Your friends are the same too So come on because you’re like that Come on I want you more I’m more attracted to you

I’ll tell you something My heart since when was it Your heart I wanna know your heart Hot hot hot hot Because of you hot hot hot I’m trembling Unlike myself

My heart I know my heart for sure Your heart is becoming unclearer Hot hot hot hot Because of you hot hot hot I’m trembling Only because you’re special
[/div][/div][/div][/div] [div class=credit]云 / YUNN[/div]