Advertisement
crucialstar

renata

Feb 21st, 2019
233
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.35 KB | None | 0 0
  1. [div=background-color:#FCFCFC; border: 1px solid black; height: 355px; width: 575px; margin: auto; overflow-y: scroll;][div=white; background: url('https://i.pinimg.com/564x/52/e4/ee/52e4ee9215261be4551085a437d01994--diamond-aesthetic-royal-aesthetic.jpg'); height: 366px; width: 550px;]
  2.  
  3.  
  4.  
  5.  
  6.  
  7.  
  8.  
  9.  
  10.  
  11. [div=background-color: rgba(0, 0, 0, 0.7); height: 80px; text-align: center; font-size: 45px; color: white;][font=Crimon Text] ROLEPLAY TITLE HERE[/font][/div][/div][div=background: url('https://i.imgur.com/3blHdg1.jpg'); height: 366px; width: 550px;]
  12. [div=font-size: 30px; text-align: center; text-shadow: 2px 3px 5px grey;][font=Cinzel Decorative][b][color=black]PLOT[/color][/b][/font][/div][centerblock=95][div=box-shadow: 4px 4px 3px lightgray; background-color: rgba(255, 255, 255, 0.7);][Imagefloat=left][div=pointer-events:none; margin-top: -10px;][img]https://i.imgur.com/4GrMmlN.jpg[/img][/div][/Imagefloat][div=position: relative; width: calc(100% - 0); height: 268px; overflow: hidden;][div=width: 100%; padding-right: 150px; height: 100%; overflow-y: scroll;][div=line-height: 15px; font-size: 12px;][color=black]Hello everyone ! So "Renata" is a bit finicky and wonky in terms of photos ! I kept the original images used for this code because it looks better that way and gives you guys a feel of how it looks!
  13.  
  14. So, for each background images, their width and height is: 550x366 ! The background is a certain height because the text box with the information and floated images is aligned perfectly together!
  15.  
  16. The floated images on the left has a specific width and height : 200x267 !
  17.  
  18. Each textbook has a hidden scroll for your usage ! I hope you guys enjoy this code and if you need any help, doesn't hesitate to send me a PM or use this thread: [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/"] xxx[/url] to ask questions ![/color]
  19.  
  20. [/div][/div][/div][/div][/centerblock][/div][div=background: url('https://i.imgur.com/sMB8sEQ.jpg'); height: 366px; width: 550px;]
  21. [div=font-size: 30px; text-align: center; text-shadow: 2px 3px 5px black;][font=Cinzel Decorative][color=white]LORE[/color][/font][/div][centerblock=95][div=box-shadow: 4px 4px 3px lightgray; background-color: rgba(255, 255, 255, 0.7);][Imagefloat=left][div=pointer-events:none; margin-top: -10px;][img]https://i.imgur.com/YfZ5GN2.jpg[/img][/div][/Imagefloat][div=position: relative; width: calc(100% - 0); height: 268px; overflow: hidden;][div=width: 100%; padding-right: 150px; height: 100%; overflow-y: scroll;][div=line-height: 15px; font-size: 12px;][color=black]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tempus tortor nisl, pulvinar viverra leo iaculis nec. Integer sed consectetur odio. Phasellus a tristique tortor. Vivamus elementum sapien tellus, quis vestibulum lectus rhoncus quis. Maecenas vestibulum lacus vel tristique convallis. Vivamus laoreet urna ut magna condimentum, lobortis sodales ligula ornare. Ut et dapibus nisi. Phasellus purus dui, accumsan vehicula laoreet in, luctus interdum justo.
  22.  
  23. Nunc fermentum ultrices tristique. Suspendisse sit amet odio nec elit ornare semper eu sed diam. Nullam sit amet sem cursus, suscipit ipsum quis, viverra velit. Ut commodo lorem eget nibh hendrerit aliquet ornare sit amet eros. Praesent massa magna, accumsan sed faucibus ut, porta in nulla. Duis eget erat non felis vulputate posuere non ut lorem. Sed pellentesque non est in convallis. Donec nec dolor lectus. Sed at urna urna.
  24.  
  25. Mauris augue massa, mattis et quam vitae, imperdiet vehicula orci. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam pellentesque libero eu leo tempor finibus. Sed magna sem, tempus et sagittis et, sodales et magna. Nullam dictum sapien ac sagittis sollicitudin. Duis varius ut nibh a tempor. Aenean ut neque eget nisi vestibulum convallis. Nulla lobortis dolor tellus. Suspendisse hendrerit lorem vel dolor finibus, id sagittis justo mattis. Nunc ultrices sapien justo, eu egestas nulla fringilla ultricies. Duis placerat, urna id finibus maximus, dui turpis euismod justo, a viverra lorem nibh nec magna.
  26.  
  27. Nam viverra turpis sit amet suscipit posuere. Morbi vel rutrum nunc. Aliquam ut viverra ex, non molestie massa. Quisque sit amet ex mauris. Maecenas sit amet vestibulum urna. Morbi ullamcorper viverra orci, eget suscipit leo posuere eu. Cras non tincidunt diam. Vestibulum condimentum ut dolor at gravida. Morbi sollicitudin, risus vel vehicula tristique, risus urna maximus arcu, vel fringilla massa nibh et velit. Sed dapibus, nunc ac molestie imperdiet, felis urna laoreet odio, in pharetra erat nisl nec nisi. Nullam dui justo, sagittis id nunc at, aliquet porttitor magna. Nullam semper, felis elementum pharetra vulputate, ligula magna facilisis dui, et fringilla enim libero ac nulla. Donec id orci enim. Etiam ac magna vitae leo viverra hendrerit in eget purus. Morbi cursus leo vel dui elementum feugiat. In ornare dapibus velit, et vestibulum tellus eleifend sed.
  28.  
  29. Sed imperdiet libero sit amet tellus tincidunt, id volutpat arcu venenatis. Maecenas a erat vehicula, facilisis velit quis, sodales nibh. Morbi sit amet enim et urna facilisis pulvinar. Mauris ut mauris et velit luctus iaculis vel eget nisl. Praesent posuere turpis in turpis imperdiet, nec rutrum est ultrices. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse accumsan, nulla ut bibendum eleifend, nisl dolor rutrum massa, facilisis scelerisque libero velit nec turpis.[/color]
  30.  
  31. [/div][/div][/div][/div][/centerblock][/div][div=background: url('https://i.pinimg.com/564x/e3/98/7a/e3987a57119a44d21b325dcaf21d497b.jpg'); height: 366px; width: 550px;]
  32. [div=font-size: 30px; text-align: center; text-shadow: 2px 3px 5px grey;][font=Cinzel Decorative][b][color=white]RULES & INFORMATION[/color][/b][/font][/div][centerblock=95][div=box-shadow: 4px 4px 3px lightgray; background-color: rgba(255, 255, 255, 0.7);][Imagefloat=left][div=pointer-events:none; margin-top: -10px;][img]https://i.pinimg.com/564x/df/b9/58/dfb9585196ac3a00a62a189084a545c9.jpg[/img][/div][/Imagefloat][div=position: relative; width: calc(100% - 0); height: 278px; overflow: hidden;][div=width: 100%; padding-right: 150px; height: 100%; overflow-y: scroll;][div=line-height: 15px; font-size: 12px;][color=black]→
  33.  
  34. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tempus tortor nisl, pulvinar viverra leo iaculis nec. Integer sed consectetur odio. Phasellus a tristique tortor. Vivamus elementum sapien tellus, quis vestibulum lectus rhoncus quis. Maecenas vestibulum lacus vel tristique convallis. Vivamus laoreet urna ut magna condimentum, lobortis sodales ligula ornare. Ut et dapibus nisi. Phasellus purus dui, accumsan vehicula laoreet in, luctus interdum justo.
  35.  
  36. Nunc fermentum ultrices tristique. Suspendisse sit amet odio nec elit ornare semper eu sed diam. Nullam sit amet sem cursus, suscipit ipsum quis, viverra velit. Ut commodo lorem eget nibh hendrerit aliquet ornare sit amet eros. Praesent massa magna, accumsan sed faucibus ut, porta in nulla. Duis eget erat non felis vulputate posuere non ut lorem. Sed pellentesque non est in convallis. Donec nec dolor lectus. Sed at urna urna.[/color]
  37.  
  38. [/div][/div][/div][/div][/centerblock][/div][/div][div=margin-top: -5px;][center][size=2]codedbycrucialstar[/size][/center][/div]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement