API tools faq
paste
Advertisement
crucialstar

princess

crucialstar
Jul 26th, 2018
347
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.41 KB | None | 0 0
raw download clone embed print report
  1. [div=max-width: 700px; margin: auto;][div=background-color: white; border-left: 5px solid #ECAA58; width: 280px; height: 565px;][div=background-color: #ECAA58; height: 565px; width: 5px; margin-left: 280px;][/div]
  2. [div=background: url('https://i.imgur.com/MKhZHNe.jpg'); border: 4px groove #ECAA58; border-radius: 100%; height: 180px; width: 180px; margin: auto; margin-top: -530px;][/div]
  3. [center][div=pointer-events: none;][img]https://fontmeme.com/permalink/171114/c4da5cf85c84b88d04ce8d387b655b6d.png[/img][/div][div=font-size: 13px; margin-bottom: 20px;][font=Playball][color=#4C6555]"it takes a strong mind, a courageous heart, and a brave soul to stand before those who are against you."[/color][/font][/div][div=pointer-events: none;][heightrestrict=150][img]http://moziru.com/images/tiger-clipart-cartoon-18.png[/img][/heightrestrict][/div][/center][/div][div=width: 420px; height: 580px; background-color: #69AB92; margin-top: -580px; margin-left: 290px;][div=margin-top: -60px;][border=0px][accordion=100%]{slide=center | open | [bg=#69AB92; pointer-events: none;][img]https://fontmeme.com/permalink/171115/6ed4d1f65a4434b41a33ed85e42c2ebb.png[/img][/bg]}[bg=#69AB92][div=position: relative; width: calc(100% - 0); height: 110px; overflow: hidden; padding: 10px;][div=width: 100%; padding-right: 100px; height: 100%; overflow-y: scroll;][div=margin-left: 2px; font-size: 13px; line-height: 14px; display: inline-block;][font=Times New Roman][color=black]hello everyone! i apologise for not showing you an empty template for this specific code! i don't have a live preview of this code that's accessible for the public eye since this was a character sheet for a disney hosted project that i was in previously.
  4.  
  5. this code is a bit more complicated than 'heavenly' and 'flora' and so i figured i can tell you exactly how to use this code by writing in the code itself! there's a lot of work with using this code because all of the fonts you see are taken from this [url="www.fontmeme.com"]site[/url]. the font varies depending how "big" or "small" you want the word to be on the accordion. the code itself is made from accordions and the usage of "margin-top" and "margin-left" to get the exact placement of this code. all of the accordions have hidden scrolls since i didn't like seeing the scrollbars the accordion gave.
  6.  
  7. last but not least, if you have any questions, please private message me or go to this [url="https://www.rpnation.com/threads/「-✰-ʜ%E1%B4%8F%E1%B4%A1-ɪ-%E1%B4%A1%E1%B4%8Fɴᴅᴇʀ-%E1%B4%A1ʜᴇʀᴇ-ʏ%E1%B4%8F%E1%B4%9C-ᴀʀᴇ-」.408578/"]thread[/url] and i will go in more details with you on how to edit this code!
  8.  
  9. [u]tdlr;[/u]
  10. ↪ the circular photo is 180x180
  11. ↪ the quote has a word count of no more than 20
  12. ↪ the font used is from [url="www.fontmeme.com"]fontmeme[/url]
  13. ↪ the accordion font sizes are around 40-60px [ please note: this can change depending on the font you use ]
  14. ↪ the name font size is around 40-60px [ please note: this can change depending on the font you use ]
  15. ↪ the image of the tiger is a "png" type of image and should fit according to the code, however, the png should be the same size in width and height ( if possible )
  16. ↪ any comments, questions, concerns, please private message me or go to this [url="https://www.rpnation.com/threads/「-✰-ʜ%E1%B4%8F%E1%B4%A1-ɪ-%E1%B4%A1%E1%B4%8Fɴᴅᴇʀ-%E1%B4%A1ʜᴇʀᴇ-ʏ%E1%B4%8F%E1%B4%9C-ᴀʀᴇ-」.408578/"]thread[/url]
  17. [/color][/font][/div][/div][/div][/bg]{/slide}
  18.  
  19. {slide=center | [bg=#69AB92; pointer-events: none; margin-top: -10px;][img]https://fontmeme.com/permalink/171115/92dc94cbdc8853dad6593b64ca93512d.png[/img][/bg]}[bg=#69AB92][div=position: relative; width: calc(100% - 0); height: 105px; overflow: hidden; padding: 10px;][div=width: 100%; padding-right: 100px; height: 100%; overflow-y: scroll;][div=margin-left: 2px; font-size: 13px; line-height: 14px;][font=Times New Roman][color=black]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique lorem velit, in gravida mi viverra eget. Nunc at diam convallis, auctor enim sit amet, tempor nunc. Pellentesque auctor magna ut nulla luctus ullamcorper. Nullam lacinia nulla dignissim, efficitur nisl ut, pulvinar elit. In nisl libero, bibendum at mi eu, elementum iaculis augue. Curabitur suscipit, leo eget faucibus ullamcorper, turpis lectus consequat nulla, mattis posuere ligula mauris vel risus. Fusce odio tortor, porta nec tortor vel, posuere varius sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer mollis sed tellus sed convallis. Maecenas vel consequat nunc, ac efficitur dolor. Phasellus luctus feugiat ipsum, sed iaculis leo aliquam vitae. Aenean mollis erat non quam auctor, at porttitor purus dictum. Sed mollis erat dui, at convallis nunc laoreet et. Proin gravida turpis a leo faucibus elementum. Curabitur in fringilla lectus. Nullam et metus non ligula dapibus fringilla.[/color][/font][/div][/div][/div][/bg]{/slide}
  20.  
  21. {slide= center | [bg=#69AB92; pointer-events: none;][img]https://fontmeme.com/permalink/171115/601eaff4ce821f758bea3dffc51221e2.png[/img][/bg]}[bg=#69AB92][div=position: relative; width: calc(100% - 0); height: 105px; overflow: hidden; padding: 10px;][div=width: 100%; padding-right: 100px; height: 100%; overflow-y: scroll;][div=margin-left: 2px; font-size: 13px; line-height: 14px;][font=Times New Roman][color=black]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique lorem velit, in gravida mi viverra eget. Nunc at diam convallis, auctor enim sit amet, tempor nunc. Pellentesque auctor magna ut nulla luctus ullamcorper. Nullam lacinia nulla dignissim, efficitur nisl ut, pulvinar elit. In nisl libero, bibendum at mi eu, elementum iaculis augue. Curabitur suscipit, leo eget faucibus ullamcorper, turpis lectus consequat nulla, mattis posuere ligula mauris vel risus. Fusce odio tortor, porta nec tortor vel, posuere varius sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer mollis sed tellus sed convallis. Maecenas vel consequat nunc, ac efficitur dolor. Phasellus luctus feugiat ipsum, sed iaculis leo aliquam vitae. Aenean mollis erat non quam auctor, at porttitor purus dictum. Sed mollis erat dui, at convallis nunc laoreet et. Proin gravida turpis a leo faucibus elementum. Curabitur in fringilla lectus. Nullam et metus non ligula dapibus fringilla.
  22. [/color][/font][/div][/div][/div][/bg]{/slide}
  23.  
  24. {slide=center | [bg=#69AB92; pointer-events: none;][img]https://fontmeme.com/permalink/171114/b6cf9d45d6ef316d9b3fe6dbeb58129b.png[/img][/bg]}[bg=#69AB92][div=position: relative; width: calc(100% - 0); height: 105px; overflow: hidden; padding: 10px;][div=width: 100%; padding-right: 100px; height: 100%; overflow-y: scroll;][div=margin-left: 2px; font-size: 13px; line-height: 14px;][font=Times New Roman][color=black]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique lorem velit, in gravida mi viverra eget. Nunc at diam convallis, auctor enim sit amet, tempor nunc. Pellentesque auctor magna ut nulla luctus ullamcorper. Nullam lacinia nulla dignissim, efficitur nisl ut, pulvinar elit. In nisl libero, bibendum at mi eu, elementum iaculis augue. Curabitur suscipit, leo eget faucibus ullamcorper, turpis lectus consequat nulla, mattis posuere ligula mauris vel risus. Fusce odio tortor, porta nec tortor vel, posuere varius sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer mollis sed tellus sed convallis. Maecenas vel consequat nunc, ac efficitur dolor. Phasellus luctus feugiat ipsum, sed iaculis leo aliquam vitae. Aenean mollis erat non quam auctor, at porttitor purus dictum. Sed mollis erat dui, at convallis nunc laoreet et. Proin gravida turpis a leo faucibus elementum. Curabitur in fringilla lectus. Nullam et metus non ligula dapibus fringilla.
  25. [/color][/font][/div][/div][/div][/bg]{/slide}
  26.  
  27. {slide=center | [bg=#69AB92; pointer-events: none;][img]https://fontmeme.com/permalink/171114/26a8fa041c87bc5f59a293bc8152a9db.png[/img][/bg]}[bg=#69AB92][div=position: relative; width: calc(100% - 0); height: 105px; overflow: hidden; padding: 10px;][div=width: 100%; padding-right: 100px; height: 100%; overflow-y: scroll;][div=margin-left: 2px; font-size: 13px; line-height: 14px;][font=Times New Roman][color=black]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique lorem velit, in gravida mi viverra eget. Nunc at diam convallis, auctor enim sit amet, tempor nunc. Pellentesque auctor magna ut nulla luctus ullamcorper. Nullam lacinia nulla dignissim, efficitur nisl ut, pulvinar elit. In nisl libero, bibendum at mi eu, elementum iaculis augue. Curabitur suscipit, leo eget faucibus ullamcorper, turpis lectus consequat nulla, mattis posuere ligula mauris vel risus. Fusce odio tortor, porta nec tortor vel, posuere varius sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer mollis sed tellus sed convallis. Maecenas vel consequat nunc, ac efficitur dolor. Phasellus luctus feugiat ipsum, sed iaculis leo aliquam vitae. Aenean mollis erat non quam auctor, at porttitor purus dictum. Sed mollis erat dui, at convallis nunc laoreet et. Proin gravida turpis a leo faucibus elementum. Curabitur in fringilla lectus. Nullam et metus non ligula dapibus fringilla.
  28.  
  29. [/color][/font][/div][/div][/div][/bg]{/slide}[/accordion][/border][/div][/div][/div][div=font-size: 11px; line-height: 12px; text-align: center;]codedbycrucialstar[/div]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!