• When posting, please be aware that artistic nudity is still nudity and not allowed under RpNation rules. Please edit your pictures accordingly!

    Remember to credit artists when using work not your own.

Resource ❤ —「philocaly • a bbcode dump」

lavendre

◌ 𝘁𝗿𝗲𝘁𝗲 𝗱𝗼𝘂𝘀 ◌
[class=image]height: 180px; width: 100%; background-image: url(https://scontent.cdninstagram.com/vp/32a2ca2153730f1c991cafd43fad9c9e/5B3D6E04/t51.2885-15/sh0.08/e35/p640x640/23668423_147145369246694_213505216580943872_n.jpg); background-size: 105%; background-position: 0% 20%; position: relative; top: -10px; transition: opacity 1.4s [/class] [class=image2]height: 100%; width: 100%; background-image: url(https://scontent.cdninstagram.com/vp/f93ca9c895138d08be41c2a4805c85a5/5B34163C/t51.2885-15/sh0.08/e35/p640x640/23733742_165700960834781_19234332430303232_n.jpg); background-size: 100%; background-position: 0% 30%; position: relative; opacity: 0; transition: opacity 1.4s [/class] [class name=image2 state=hover]opacity: 1 [/class] [class=line]height: 10p;x width: 280px; padding: 5px 5px 5px 10px; background: #c7797d; color: white; font-family:'Quicksand', sans-serif; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; position: relative; top: -10px [/class] [class=holder]display: inline-block; position: absolute; top: 12px; left: 295px; [/class] [class=tabs]height: 8px; width: 8px; background: white; border-radius: 50%; position: absolute; top: 12px; left: 295px; transition: 1s [/class] [class name=tabs state=hover]background: #9f6064 [/class] [class=div]height: 160px; width: 310px; padding: 7px; border: 1px solid #9f6064; font-size: 11px; color: white; text-align: justify; letter-spacing: 0.2px; word-spacing: -0.5px; overflow: hidden; margin: auto; position: relative; top: 0px [/class] [class=overflow]height: 100%; width: 105%; padding-right: 40px; overflow: auto [/class] [div class=image][div class=image2]
[/div] [div class=line]❤ —「philocaly • a bbcode dump [div class=tabs][/div][div class=tabs style="left:310px"][/div][div class=tabs style="left:325px"][/div][/div] [div class=div][div class=overflow]Hello, and welcome to my (new) BBCode dump! My previous one was a freebie thread and was made quite a while before the BBCode+ update and I needed to separate my old codes from my new ones. My old freebie thread can be viewed here.

The codes in this dump will be made using BBCode+ and many of them, sadly, will not be mobile-friendly. The codes will be best viewed on a standard laptop with 100% screen size and they may look weird depending on your monitor size. The majority of these codes will be free-to-use and some will not. However, I may allow you to use a non-freebie if you ask for permission.

The only rules I have are to give credit when using a freebie and not to use a non-freebie code without my permission. With any freebie, you can use it however you'd like and I have no problems at all with anyone using parts of my code to learn about aspects of BBCode+. [/div][/div][/div]
 
[class=minibox]height: 150px; width: 250px; background: #ccbaae; border: 1px solid #a48d7e; margin: auto; position: relative [/class] [class=imagecontain]height: 60px; width: 93.5%; padding: 5px 8px 8px 8px; background: #ccbaae; border-bottom: 1px solid #a48d7e; position: relative [/class] [class=lilimg]height: 62px; width: 62px; border-radius: 40px 40px 0px 40px; background-image: url(https://scontent.cdninstagram.com/vp/f93ca9c895138d08be41c2a4805c85a5/5B34163C/t51.2885-15/sh0.08/e35/p640x640/23733742_165700960834781_19234332430303232_n.jpg); background-size: 175%; background-position: 50% 25% [/class] [class=liltext]width:170px; font-size: 13px; color: #f7f5f3; position: relative; top: -50px; left: 68px; font-family:'Montserrat', sans-serif [/class] [class=evenliltext]font-size:9px [/class] [class=div]height: 65px; width: 230px; padding: 7px; text-align: justify; overflow: hidden; font-size: 0.67em; color: #f7f5f3; position: relative; margin: auto; top: -2px; left: 10px [/class] [class=ovf]height: 100%; width: 100%; padding-right: 40px; overflow-y: auto [/class] [div class=minibox][div class=imagecontain][div class=lilimg][/div] [div class=liltext]- code one • komorebi
[div class=evenliltext]not mobile friendly // has hidden scrolls and hovers[/div][/div][/div] [div class=div][div class=ovf]this code is somewhat complicated, but it's more organized and thus easier to navigate than some of my other codes. there are hidden scrolls, so it's mostly mobile-unfriendly. there are also hovers on both images in the code. Link to the code is here.[/div][/div][/div]
[class=titleholder]height:60px; padding: 20px 10px 0px 10px; width: 320px; background-image:url(https://scontent.cdninstagram.com/vp/20cc5f599d9fcc9df822988f0d737ea2/5B3E3622/t51.2885-15/sh0.08/e35/p640x640/20482307_697380333781256_2913595995587608576_n.jpg); background-size:120%; background-position: 50% 20%; transform:rotate(-90deg); transition:all 1s ease-in-out; color: white; font-size: 30px; text-align: center; letter-spacing: 2px; text-transform: uppercase; font-family: 'Playfair Display', serif; position: relative; top: 130px; margin-left: -120px; [/class] [class name=titleholder state=hover]color: #f1f1f1; text-shadow: 2px 1px 0px #7f806a; letter-spacing: 5px [/class] [script class=bigimage on=mouseenter] addClass selected bigimage fadeIn 600 hoverimg[/script] [script class=bigimage on=mouseleave] addClass selected bigimage fadeOut 800 hoverimg[/script] [div class=titleholder]firstname.
[div class="bigimage" style="height:100%;width:130px;background-image:url(https://scontent.cdninstagram.com/vp/b19e94d1b45bebb330d4d5ee2a1de5cc/5B582C74/t51.2885-15/sh0.08/e35/p640x640/20225648_721705204704945_7592491831221288960_n.jpg);background-size:230%;background-position:50% 30%;filter: saturate(90%) contrast(100%);position:relative;top:-80px;left:100px"] [div class="hoverimg" style="display:none;height:100%;width:130px;background-image:url(https://scontent.cdninstagram.com/vp/d5f706f795c1531032248dc0cd4946e0/5B6A7AA0/t51.2885-15/sh0.08/e35/p640x640/20482425_727406114112622_2009665826872885248_n.jpg);background-size:250%;background-position:70% 30%;"][/div][/div] [class=container]height:240px; width: 295px; padding: 5px 5px 5px 5px; font-family: 'Playfair Display', serif; font-style: oblique; position: relative [/class] [class=taboutside]height: 30px; width: 100px; padding-top: 20px; padding-left: 10px; padding-right: 10px; font-size: 0.55em; position: absolute; top: 50px; margin-left: 200px[/class] [div class=container style="top:-400px;left:240px"] [class=tabs]cursor: url(https://i.imgur.com/fkP02Jr.png), pointer; background: black; display: inline-block; color: transparent; font-size: 17px; text-align: center; transition: all .7s ease-in-out [/class] [script class=first on=click] hide tabsContent2 hide tabsContent3 fadeOut 400 tabsContent2 fadeOut 400 tabsContent3 fadeOut 800 tabsContent1 fadeIn 800 tabsContent1[/script] [script class=second on=click] hide tabsContent1 hide tabsContent3 fadeOut 400 tabsContent1 fadeOut 400 tabsContent3 fadeOut 400 tabsContent2 fadeIn 600 tabsContent2[/script] [script class=third on=click] hide tabsContent2 hide tabsContent1 fadeOut 400 tabsContent2 fadeOut 400 tabsContent1 fadeOut 400 tabsContent3 fadeIn 600 tabsContent3[/script] [class=boxcontainer1] display: inline; position: relative; [/class] [class=boxcontainer2] display: inline-block; opacity: 0; position: absolute; margin-left: -15px; margin-top: -10px; height: 100%; text-align: center; transition: opacity 0.4s; width: 100%; [/class] [class name=boxcontainer2 state=hover] opacity: 1; transition: 0.8s; [/class] [class name=box]background-color: #7f806a; border-radius: 10px 10px 10px 0px; margin-top: -10px; color: white; display: inline-block; font-family: Arial, sans-serif; font-size: 0.6em; padding: 2px 5px; letter-spacing: 0.3px; word-spacing:0.5px; text-align: center; transition: 1.5s[/class] [class=infocontainer]height: 230px; width: 295px; padding: 5px; position: absolute; top: 50px; margin-left: -5px; color: white; font-family:'Heebo', sans-serif; font-size: 0.69em; letter-spacing: 0.2px; font-smooth: 2em; overflow: hidden [/class] [class name=overflow]height: 100%; width: 104%; padding-right: 40px; overflow-y: auto; line-height:15px; font-style: normal; text-align: justify [/class] [class name=titleblock]width:295px;font-size:25px;text-align:center;color:#7f806a;text-shadow: 1px 1px 0px white;font-weight:700;margin-top:-260px[/class] [class name=line]height:1px;width:100%;background:#7f806a;[/class] [class=firstword]height: 10px; display: inline-block; background: #7f806a; padding: 0px 5px 7px 5px; color: #fff; font-weight: 700 [/class] [div class=taboutside style=position:relative;margin-top:220px;left:-100px;color:transparent;][div class="tabs first" style="height:10px;width: 10px;border-radius: 50%;background: #7f806a"][div class=boxcontainer1]1[div class=boxcontainer2][div class=box]requisite[/div][/div][/div][/div][div class="tabs second" style="height:10px;width: 10px;border-radius: 50%;background: #7f806a"][div class=boxcontainer1]2[div class=boxcontainer2][div class=box]persona[/div][/div][/div][/div][div class="tabs third" style="height:10px;width: 10px;border-radius: 50%;background: #7f806a"][div class=boxcontainer1]3[div class=boxcontainer2][div class=box]history[/div][/div][/div][/div][/div] [div class=content][div class="tabsContent tabsContent1"] [div class=titleblock]requisite[/div] [div class=infocontainer][div class=overflow][div class=firstword]input[/div] output

[div class=firstword]input[/div] output

[div class=firstword]input[/div] output

[div class=firstword]input[/div] output

[div class=firstword]input[/div] output

[div class=firstword]input[/div] output

[div class=firstword]input[/div] output

[div class=line][/div]
[div class=firstword]longer input[/div] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Erat enim Polemonis. Sed ne, dum huic obsequor, vobis molestus sim. Summus dolor plures dies manere non potest? Omnes enim iucundum motum, quo sensus hilaretur. Est, ut dicis, inquit; Duo Reges: constructio interrete. Haec quo modo conveniant, non sane intellego.Illis videtur, qui illud non dubitant bonum dicere; Unum est sine dolore esse, alterum cum voluptate. Nam et complectitur verbis, quod vult, et dicit plane, quod intellegam; Oculorum, inquit Plato, est in nobis sensus acerrimus, quibus sapientiam non cernimus. Illi enim inter se dissentiunt. Quo plebiscito decreta a senatu est consuli quaestio Cn. Quid enim?De ingenio eius in his disputationibus, non de moribus quaeritur. Quis non odit sordidos, vanos, leves, futtiles? Hic quoque suus est de summoque bono dissentiens dici vere Peripateticus non potest. Tu autem negas fortem esse quemquam posse, qui dolorem malum putet. Quae cum dixisset paulumque institisset, Quid est? [/div][/div][/div][/div] [div class=content][div class="tabsContent tabsContent2" style="display:none"] [div class=titleblock]persona[/div] [div class=infocontainer][div class=overflow] [div class=firstword]likes?[/div] output

[div class=firstword]dislikes?[/div] output

[div class=firstword]habits?[/div] output

[div class=firstword]fears?[/div] output

[div class=firstword]etc[/div] output

[div class=firstword]etc[/div] output

[div class=line][/div]
[div class=firstword]probably personality[/div] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Erat enim Polemonis. Sed ne, dum huic obsequor, vobis molestus sim. Summus dolor plures dies manere non potest? Omnes enim iucundum motum, quo sensus hilaretur. Est, ut dicis, inquit; Duo Reges: constructio interrete. Haec quo modo conveniant, non sane intellego.Illis videtur, qui illud non dubitant bonum dicere; Unum est sine dolore esse, alterum cum voluptate. Nam et complectitur verbis, quod vult, et dicit plane, quod intellegam; Oculorum, inquit Plato, est in nobis sensus acerrimus, quibus sapientiam non cernimus. Illi enim inter se dissentiunt. Quo plebiscito decreta a senatu est consuli quaestio Cn. Quid enim?De ingenio eius in his disputationibus, non de moribus quaeritur. Quis non odit sordidos, vanos, leves, futtiles? Hic quoque suus est de summoque bono dissentiens dici vere Peripateticus non potest. Tu autem negas fortem esse quemquam posse, qui dolorem malum putet. Quae cum dixisset paulumque institisset, Quid est? [/div][/div][/div][/div] [div class=content][div class="tabsContent tabsContent3" style="display:none"] [div class=titleblock]history[/div] [div class=infocontainer][div class=overflow][div class=firstword]probably biography[/div] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Erat enim Polemonis. Sed ne, dum huic obsequor, vobis molestus sim. Summus dolor plures dies manere non potest? Omnes enim iucundum motum, quo sensus hilaretur. Est, ut dicis, inquit; Duo Reges: constructio interrete. Haec quo modo conveniant, non sane intellego.Illis videtur, qui illud non dubitant bonum dicere; Unum est sine dolore esse, alterum cum voluptate. Nam et complectitur verbis, quod vult, et dicit plane, quod intellegam; Oculorum, inquit Plato, est in nobis sensus acerrimus, quibus sapientiam non cernimus. Illi enim inter se dissentiunt. Quo plebiscito decreta a senatu est consuli quaestio Cn. Quid enim?De ingenio eius in his disputationibus, non de moribus quaeritur. Quis non odit sordidos, vanos, leves, futtiles? Hic quoque suus est de summoque bono dissentiens dici vere Peripateticus non potest. Tu autem negas fortem esse quemquam posse, qui dolorem malum putet. Quae cum dixisset paulumque institisset, Quid est?

[div class=line][/div]
relationships??

[div class=firstword]name?[/div] blah blah blah blah blah

[div class=firstword]name?[/div] blah blah blah blah blah

[div class=firstword]name?[/div] blah blah blah blah blah

[div class=firstword]name?[/div] blah blah blah blah blah[/div][/div][/div][/div][/div][/div] [class=credit]width:550px; margin: auto; position: relative; top: 5px; font-size: 9px; color: grey [/class] [div class=credit]code by @diaphanous[/div]
 
The whole time i was looking at this thread I kept saying "This is so nice!" to myself. Because what the hell. I missed your codes!
 
[class=minibox]height: 150px; width: 250px; background: #ccbaae; border: 1px solid #a48d7e; margin: auto; position: relative [/class] [class=imagecontain]height: 60px; width: 93.5%; padding: 5px 8px 8px 8px; background: #ccbaae; border-bottom: 1px solid #a48d7e; position: relative [/class] [class=lilimg]height: 62px; width: 62px; border-radius: 40px 40px 0px 40px; background-image: url(https://scontent.cdninstagram.com/vp/f93ca9c895138d08be41c2a4805c85a5/5B34163C/t51.2885-15/sh0.08/e35/p640x640/23733742_165700960834781_19234332430303232_n.jpg); background-size: 175%; background-position: 50% 25% [/class] [class=liltext]width:170px; font-size: 13px; color: #f7f5f3; position: relative; top: -50px; left: 68px; font-family:'Montserrat', sans-serif [/class] [class=evenliltext]font-size:9px [/class] [class=div1]height: 65px; width: 235px; padding: 7px; text-align: justify; overflow: hidden; font-size: 0.67em; color: #f7f5f3; position: relative; margin: auto; top: -2px; left: 10px [/class] [class=ovf]height: 100%; width: 100%; padding-right: 40px; overflow-y: auto [/class] [div class=minibox][div class=imagecontain][div class=lilimg][/div] [div class=liltext]- code two • serein
[div class=evenliltext]not mobile friendly // image hovers and hidden scrolls[/div][/div][/div] [div class=div1][div class=ovf]my wonderful (but not really) attempt at a minimalistic code (that's still messy). the little image on the top-left corner hovers and so do all the big images. the scrolls are hidden so this code is not mobile friendly, sorry! link to the code is here.[/div][/div][/div]
[class=tcontain]height: 90px; width: 500px; background: #fff; border-bottom: 1px solid #d8d8d8; position: relative; left: 0px; top: 0px [/class] [class=timagecontain]height: 70px; width: 70px; padding: 10px; border-right: 1px solid #d8d8d8; position: relative [/class] [class=timage]height: 70px; width: 70px; background-image: url(https://www.barjewellery.com/wp-content/uploads/2017/10/TSUNAINA_LOOKBOOK_BAR_JEWELLERY_1.jpg); background-size: 280%; background-position: 20% 10%; filter: brightness(105%) [/class] [class=timage2]height: 100%; width: 100%; background-image: url(https://www.barjewellery.com/wp-content/uploads/2017/10/TSUNAINA_LOOKBOOK_BAR_JEWELLERY_2.jpg); background-size: 285%; background-position: 20% 10%; filter: brightness(95%); opacity: 0; transition: opacity 1.7s [/class] [class name=timage2 state=hover]opacity: 1 [/class] [class=miniwords]padding: 11px; width: 370px; font-family:'Open Sans', sans-serif; color: #7E8285; font-weight: 600; font-size: 16px; position: relative; top: -80px; left: 95px [/class] [class=miniwords2]font-size: 11px; font-weight: 400; color: #acacac [/class] [class=tabcontainer]height: 169px; width: 70px; background: #fff; text-align: center; padding: 80px 10px 10px 10px; border-right: 1px solid #d8d8d8; line-height: 23px; position: relative [/class] [class=tabs]width: 100%; cursor: url(https://i.imgur.com/fkP02Jr.png), pointer; color: #7E8285; font-size: 13px; position: relative; line-height: 15px; transition: 0.5s [/class] [class=slide]transform: translateY(-5px); transition: 0.7s [/class] [script class=first on=click] hide tabsContent2 hide tabsContent3 hide tabsContent4 removeClass slide tabs removeClass slide second removeClass slide third removeClass slide fourth addClass slide first fadeOut 600 tabsContent2 fadeOut 600 tabsContent3 fadeOut 600 tabsContent4 fadeOut 600 tabsContent1 fadeIn 800 tabsContent1[/script] [script class=second on=click] hide tabsContent1 hide tabsContent3 hide tabsContent4 removeClass slide tabs removeClass slide first removeClass slide third removeClass slide fourth addClass slide second fadeOut 600 tabsContent1 fadeOut 600 tabsContent3 fadeOut 600 tabsContent4 fadeOut 600 tabsContent2 fadeIn 800 tabsContent2[/script] [script class=third on=click] hide tabsContent2 hide tabsContent1 hide tabsContent4 removeClass slide tabs removeClass slide first removeClass slide second removeClass slide fourth addClass slide third fadeOut 600 tabsContent2 fadeOut 600 tabsContent1 fadeOut 600 tabsContent4 fadeOut 600 tabsContent3 fadeIn 800 tabsContent3[/script] [script class=fourth on=click] hide tabsContent2 hide tabsContent3 hide tabsContent1 removeClass slide tabs removeClass slide first removeClass slide second removeClass slide third addClass slide fourth fadeOut 600 tabsContent2 fadeOut 600 tabsContent3 fadeOut 600 tabsContent1 fadeOut 600 tabsContent4 fadeIn 800 tabsContent4[/script] [script class=first on=mouseenter] addClass up hoverwordi [/script] [script class=first on=mouseleave] removeClass up hoverwordi [/script] [script class=second on=mouseenter] addClass up hoverwordii [/script] [script class=second on=mouseleave] removeClass up hoverwordii [/script] [script class=third on=mouseenter] addClass up hoverwordiii [/script] [script class=third on=mouseleave] removeClass up hoverwordiii [/script] [script class=fourth on=mouseenter] addClass up hoverwordiiii [/script] [script class=fourth on=mouseleave] removeClass up hoverwordiiii [/script] [class=hoverwordi]width:100%;font-size: 10px; opacity: 0;position: absolute; top: 20px; left: 0px; text-transform:uppercase; transition: 1.0s [/class] [class=hoverwordii]width:100%;font-size: 10px; opacity: 0;position: absolute; top: 20px; left: 0px; text-transform:uppercase; transition: 1.0s [/class] [class=hoverwordiii]width:100%;font-size: 10px; opacity: 0;position: absolute; top: 20px; left: 0px; text-transform:uppercase; transition: 1.0s [/class] [class=hoverwordiiii]width:100%;font-size: 10px; opacity: 0;position: absolute; top: 20px; left: 0px; text-transform:uppercase; transition: 1.0s [/class] [class=up]transform: translateY(0px); opacity: 1; transition: 1.0s [/class] [class=div]height: 249px; width: 399px; padding: 5px; position: absolute; top: 91px; left: 91px [/class] [class=overflow]height: 100%; width: 100%; padding-right: 25px; overflow: auto; cursor: url(https://i.imgur.com/fkP02Jr.png), auto [/class] [class=post]height: 205px; width: 255px; border: 1px solid #d8d8d8; position: relative; left: -11px; top: 7px; transition: 1s [/class] [class name=post state=hover]filter: saturate(130%) brightness(90%) [/class] [class=posttitle]height: 20px; width: 235px; background: white; border-right: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; padding: 1px 10px 7px 10px; font-family:'Open Sans', sans-serif; font-size: 10px; margin: auto; position: relative; top: 10px; left: 10px [/class] [class=username]height: 13px; font-size: 10px; color: #7E8285; display: inline-block [/class] [class name=username state=hover]border-bottom: 1px solid grey; cursor: pointer [/class] [class=postimg]height: 17px; width: 17px; display: inline-block; background-image: url(https://data.whicdn.com/avatars/23108971/thumb.jpg?t=1518127259); background-size: 120%; background-position: 0% 0%; border-radius: 50%; position: relative; left: -3px; top: 4px [/class] [class=date]display: inline-block; float: right; color: grey; position: relative; top: 5px [/class] [class=bottom]height: 30px; width: 235px; background: white; border-right: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; padding: 5px 10px 15px 10px; font-family:'Open Sans', sans-serif; position: relative; left: -11px; top: 7px [/class] [class=quote]height: 15px; border-left: 4px solid #d8d8d8; padding: 0px 0px 0px 5px; position: relative; top: 5px [/class] [class=uppersquare]height: 25px; width: 25px; border-top: 1px solid #b1b4b5; border-left: 1px solid #b1b4b5; position: relative; top: -40px; left: -10px [/class] [class=lowersquare]height: 25px; width: 25px; border-bottom: 1px solid #b1b4b5; border-right: 1px solid #b1b4b5; position: relative; top: 279px; left: 248px [/class] [class=image]height: 96.5%; width: 150px; background-image: url(https://www.barjewellery.com/wp-content/uploads/2017/10/TSUNAINA_LOOKBOOK_BAR_JEWELLERY_6.jpg); background-size: 440%; background-position: 25% 35%; border: 5px solid #d8d8d8; position: relative; left: 0px; top: 0px; transition: 1s [/class] [class name=image state=hover]filter: saturate(120%) brightness(105%) [/class] [class=smalldiv]height: 90.5%; width: 225px; padding: 5px; position: absolute; top: 5px; left: 170px [/class] [class=wordscontainer]height: 25px; width: 100%; padding: 5px 0px 10px 0px; border-bottom: 1px solid white; font-weight: 400; font-size: 11px; line-height:17px; font-family:'Comfortaa', display; [/class] [class=nameword]display: inline-block; font-size:12px; font-weight: 700; text-transform: uppercase [/class] [class=text]height: 195px; width: 230px; padding: 5px; font-size: 11px; text-align: justify; overflow: hidden; position: absolute; top: 48px; left: 0px [/class] [class=overfloow]height: 100%; width: 105%; padding-right: 40px; overflow: auto [/class] [class=box]height:15px;padding:1px 5px 2px 5px;display:inline-block;color:black;background: #eaeaea;font-weight: 700 [/class] [div class=tcontain] [div class=timagecontain] [div class=timage][div class=timage2]
[/div][/div] [div class=miniwords]line relating to the character here [div class=miniwords2]and some extra stuff to put down here[/div][/div][/div] [div class=tabcontainer][div class=tabs][div class="first" style="height:20px;font-size:18px;transition:1s"][div class=hoverwordi]posts[/div][/div][/div]
[div class=tabs][div class="second" style="height:20px;font-size:18px;transition:1s"][div class=hoverwordii]requisite[/div][/div][/div]
[div class=tabs][div class="third" style="height:20px;font-size:18px;transition:1s"][div class=hoverwordiii]persona[/div][/div][/div]
[div class=tabs][div class="fourth" style="height:20px;font-size:18px;transition:1s"][div class=hoverwordiiii]biography[/div][/div][/div][/div] [div class=content][div class="tabsContent tabsContent1"] [div class=div style="overflow:hidden"][div class=overflow] [div class=posttitle][div class=postimg][/div] [div class=username]usernxme[/div] [div class=date]feb 18th[/div] [div class=post style="background-image:url(https://azzahrahyaita.files.wordpress.com/2016/09/1860f5b5acef6ad428ee533f1c9f2954-planet-aesthetic-aesthetic-blood.jpg);background-size:110%"] [div class=uppersquare][div class=lowersquare][/div][/div][/div] [div class=bottom][div class=username]usernxme[/div] [div class=quote]the fallen rose ~ author, 1963[/div][/div][/div]
[div class=posttitle style="top:280px"][div class=postimg][/div] [div class=username]usernxme[/div] [div class=date]feb 18th[/div] [div class=post style="background-image:url(https://azzahrahyaita.files.wordpress.com/2016/09/1860f5b5acef6ad428ee533f1c9f2954-planet-aesthetic-aesthetic-blood.jpg);background-size:110%"] [div class=uppersquare][div class=lowersquare][/div][/div][/div] [div class=bottom][div class=username]usernxme[/div] [div class=quote]the fallen rose ~ author, 1963[/div][/div][/div]
[div class=posttitle style="top:555px"][div class=postimg][/div] [div class=username]usernxme[/div] [div class=date]feb 18th[/div] [div class=post style="background-image:url(https://azzahrahyaita.files.wordpress.com/2016/09/1860f5b5acef6ad428ee533f1c9f2954-planet-aesthetic-aesthetic-blood.jpg);background-size:110%"] [div class=uppersquare][div class=lowersquare][/div][/div][/div] [div class=bottom][div class=username]usernxme[/div] [div class=quote]the fallen rose ~ author, 1963[/div][/div][/div][/div] [/div][/div] [div class=content][div class="tabsContent tabsContent2" style="display: none"] [div class=div] [div class=image][/div] [div class=smalldiv][div class=wordscontainer][div class=nameword]character name[/div]
the requisite[/div] [div class=text][div class=overfloow] [div class=box]bloop !![/div] output

[div class=box]bloop !![/div] output

[div class=box]bloop !![/div] output

[div class=box]bloop !![/div] output

[div class=box]bloop !![/div] output

[div class=box]bloop !![/div] output

[div class=box]bloop !![/div] output

[div class=box]bloop !![/div] output

[div class=box]bloop !![/div] output

[div class=box]bloop !![/div] output[/div][/div][/div][/div] [/div][/div] [div class=content][div class="tabsContent tabsContent3" style="display: none"] [div class=div] [div class=image style="background-image:url(https://prettyuglylittleliar.net/uploads/monthly_2018_01/firefox_2018-01-25_12-34-27.png.f738ae5909360216ad595b363efeed30.png);background-size:180%"][/div] [div class=smalldiv][div class=wordscontainer][div class=nameword]character name[/div]
the persona[/div] [div class=text][div class=overfloow] [div class=box]personality !![/div] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Erat enim Polemonis. Sed ne, dum huic obsequor, vobis molestus sim. Summus dolor plures dies manere non potest? Omnes enim iucundum motum, quo sensus hilaretur. Est, ut dicis, inquit; Duo Reges: constructio interrete. Haec quo modo conveniant, non sane intellego.Illis videtur, qui illud non dubitant bonum dicere; Unum est sine dolore esse, alterum cum voluptate. Nam et complectitur verbis, quod vult, et dicit plane, quod intellegam; Oculorum, inquit Plato, est in nobis sensus acerrimus, quibus sapientiam non cernimus. Illi enim inter se dissentiunt. Quo plebiscito decreta a senatu est consuli quaestio Cn. Quid enim?De ingenio eius in his disputationibus, non de moribus quaeritur. Quis non odit sordidos, vanos, leves, futtiles? Hic quoque suus est de summoque bono dissentiens dici vere Peripateticus non potest. Tu autem negas fortem esse quemquam posse, qui dolorem malum putet. Quae cum dixisset paulumque institisset, Quid est?[/div][/div][/div][/div] [/div][/div] [div class=content][div class="tabsContent tabsContent4" style="display: none"] [div class=div] [div class=image style="background-image:url(https://prettyuglylittleliar.net/uploads/monthly_2018_01/firefox_2018-01-25_12-34-46.png.7c852fcfb03da645ecad2cde79b67d8b.png);background-size:180%;background-position:100% 0%"][/div] [div class=smalldiv][div class=wordscontainer][div class=nameword]character name[/div]
the biography[/div] [div class=text][div class=overfloow] [div class=box]history !![/div] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Erat enim Polemonis. Sed ne, dum huic obsequor, vobis molestus sim. Summus dolor plures dies manere non potest? Omnes enim iucundum motum, quo sensus hilaretur. Est, ut dicis, inquit; Duo Reges: constructio interrete. Haec quo modo conveniant, non sane intellego.Illis videtur, qui illud non dubitant bonum dicere; Unum est sine dolore esse, alterum cum voluptate. Nam et complectitur verbis, quod vult, et dicit plane, quod intellegam; Oculorum, inquit Plato, est in nobis sensus acerrimus, quibus sapientiam non cernimus. Illi enim inter se dissentiunt. Quo plebiscito decreta a senatu est consuli quaestio Cn. Quid enim?De ingenio eius in his disputationibus, non de moribus quaeritur. Quis non odit sordidos, vanos, leves, futtiles? Hic quoque suus est de summoque bono dissentiens dici vere Peripateticus non potest. Tu autem negas fortem esse quemquam posse, qui dolorem malum putet. Quae cum dixisset paulumque institisset, Quid est?[/div][/div][/div][/div] [/div][/div] [/div][/div] [class=credit]height: 25px; width:500px; margin: auto; position: relative; top: 10px; font-size: 9px; color: grey [/class] [div class=credit]code by @diaphanous[/div]
 
You're so skilled. I love your codes so much <3
I'm a little perplexed about what sort of content is supposed to go in the 'posts' section of your recent code, though?
 
You're so skilled. I love your codes so much <3
I'm a little perplexed about what sort of content is supposed to go in the 'posts' section of your recent code, though?
Those images are really just for "aesthetic" purposes lol. It's supposed to look like re-blogged pictures shown in a "main" Tumblr code. If you would prefer a version without the posts, I'd be happy to post one on here. ^^
 

Users who are viewing this thread

Back
Top