API tools faq
paste
Advertisement
Guest User

BSIDE TOYHOUSE CODE

a guest
Aug 19th, 2018
161
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.54 KB | None | 0 0
raw download clone embed print report
  1. <div class="container">
  2. <!--------------------- ///////// ~ LEFT SIDE START ~ ////////// ----------------------------------->
  3. <div class="row justify-content-md-center">
  4. <!---------------------//// BACKGROUND //// --------------------------------------------------->
  5. <div class="card col-lg-5 text-center" style="background: url(https://i.imgur.com/5oV89a0.jpg) center center;">
  6. <br><em><span style="font-size: 16px;"><img src="https://file.toyhou.se/images/9158310_GDv044TQvmTHa6u.png?1534706314" class="fr-fic fr-dii" width="213" height="333"></span></em>
  7. <br><em><span style="font-size: 16px;color:white;"><strong>◇ &nbsp;.personality. personality. personality. ◇</strong></span></em>
  8. <!----------//// CHART ////------------------------------------------------>
  9.  
  10. <table class="table text-center my-1" style="width:100%; background:#3E3A35; color:#ECECEC; border:none;">
  11. <tbody>
  12. <tr>
  13. <td style="width: 20%; border-width: 1px; background-color: rgb(62, 58, 53); vertical-align: middle;"><strong>GENDER</strong></td>
  14. <td style="width: 30%; border-width: 1px; vertical-align: middle;">He/Him</td>
  15. <td style="width: 30%; border-width: 1px; vertical-align: middle;"><strong><span style="color: #ffffff;">SPECIES</span></strong></td>
  16. <td style="width: 30%; border-width: 1px; vertical-align: middle;">Labrador</td>
  17. </tr>
  18. <tr>
  19. <td style="width: 20%; border-width: 1px; vertical-align: middle;"><strong>AGE</strong></td>
  20. <td style="width: 30%; border-width: 1px; vertical-align: middle;">Babby</td>
  21. <td style="width: 20%; border-width: 1px; vertical-align: middle;"><strong>BIRTHDAY</strong></td>
  22. <td style="width: 20%; border-width: 1px; vertical-align: middle;">Today</td>
  23. </tr>
  24. <tr>
  25. <td style="border-width: 1px; width: 20%; vertical-align: middle;"><strong>GOALS</strong></td>
  26. <td style="border-width: 1px; width: 30%; vertical-align: middle;">Luv</td>
  27. <td style="border-width: 1px; width: 20%; vertical-align: middle;"><strong>FEARS</strong></td>
  28. <td style="border-width: 1px; width: 20%; vertical-align: middle;">Thunder</td>
  29. </tr>
  30. </tbody>
  31. </table>
  32. <!-----------//// CHART END....QUOTE BLURB HERE ////--------------------------->
  33. <em><span style="color: rgb(255, 255, 255);"><strong>❝ &nbsp;Quote maybe or just a blurb. Quote maybe or just a blurb. OR DELETE IT IDK.❞</strong></span></em></div>
  34. <!---------- ///////// ~*~ RIGHT SIDE START ~*~ ////////// ------------------------------------->
  35. <div class="card col-lg-5 m-0 p-0 border-0 ml-md-2">
  36. <!---------- //// NAME HEADING START //// -------------------------------------------->
  37. <div class="card-header p-2 border-0" style="background: #3F3B36; color: #fff;"><span style="font-size: 36px; font-family: 'book antiqua', palatino;">✸ NAME</span></div>
  38. <!---------- //// SCROLL BOX START //// ---------------------------------------------->
  39. <div class="container-block text-left mx-auto table-responsive p-3" style="background: #fff; color: #000;height:500px;border:1px solid #3F3B36;border-top:4px double #3F3B36;"><span style="font-size: 14px;">◇ <a href="https://pastebin.com/vQreVKf4"></a><a href="https://pastebin.com/vQreVKf4">https://pastebin.com/vQreVKf4</a> CODE HERE !!!! Go to &quot;Raw Paste Data&quot; it&#39;s easier to copy and paste from that box.</span>
  40. <br><span style="font-size: 14px;">-----</span>
  41. <br><span style="font-size: 14px;">◇</span> Empty space for whatever you want. Add your own images, tables etc. While typing in here you need to use SHIFT+ENTER keys instead of just the ENTER key when you want a line break (Idk whyyy). You can change the size of this box by CTRL+F in the code for 500px.
  42. <br>-----
  43. <br><span style="font-size: 14px;">◇</span> Change the background image -- the site <a href="https://unsplash.com/">https://unsplash.com/</a> has free-use high resolution photos or use your own - please do not take photos off of google image it&#39;s not cool ! In the the background section of the code just replace my URL with the url you want. You can change my background position tags (the words center center) to try and get it in a different position too - options are top,center,bottom for vertical alignment and left,center,right for horizontal alignment.
  44. <br>-----
  45. <br><span style="font-size: 14px;">◇</span> Change the left dog to your own image &gt;&gt; just delete the dog and in the toolbar there is a little button with a picture of a mountain and sun - use that to insert a new image.
  46. <br>-----
  47. <br><span style="font-size: 14px;"><img src="https://file.toyhou.se/images/9158310_GDv044TQvmTHa6u.png?1534706314" class="fr-fic fr-dii" width="140" height="219" style="float: right;">◇ If you want to add images that your text floats around add style=&quot;float:right;&quot; inside the brackets of your image code. And you can change the left to a right if you&#39;d rather it sit on the other side. Look for the code of this dog image to see how it should look.</span>
  48. <br><span style="font-size: 14px;">-----</span>
  49. <br><span style="font-size: 14px;">◇ I</span>t&#39;s silly but I copy and paste my special characters from this website <a href="http://www.neopets.com/~Blauenc.">http://www.neopets.com/~Blauenc.</a> It&#39;s nicely organized if you want little sparkles and decorations like the diamonds I&#39;m using.
  50. <br><span style="font-size: 14px;">-----</span>
  51. <br><span style="font-size: 14px;"><span style="font-size: 14px;">◇ The chart on the left can be edited, you can use the table tool tip that pop up when you click inside it. They allow you to add rows and take away rows, change colors, add borders, etc.</span></span>
  52. <br>-----
  53. <br><span style="font-size: 14px;"><span style="font-size: 14px;">◇ Credits are at the bottom - please if you use other people&#39;s images add it to the credits section. If you want to edit this code at all feel free to, or to frankenstein it with other codes, or just grab pieces of it or whatever it&#39;s fine.</span></span>
  54. <br>
  55. <!---------- //// CREDITS //// ----------------------------------------------->
  56. <div style="margin-top:30px;padding-top:10px;border-top:1px solid #3F3B36;text-align:center;text-transform:uppercase;"><span style="color: #111;font-size: 11px;"><strong>&nbsp;Layout code base by /<a href="https://toyhou.se/Bside" id="" style="color:#111;">BSIDE</a> - BACKGROUND FROM <a href="https://unsplash.com/@ch0p1n" id="" style="color:#111;">unsplash.com/@ch0p1n</a></strong></span></div>
  57. </div>
  58. </div>
  59. </div>
  60. </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!