Advertisement
peachlyts

INTERESTS FILLER | DEDICATED 2 U NON-SCROLL

Jul 21st, 2019
186
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.94 KB | None | 0 0
  1. :: notes n rules ::
  2. ✩ rules as usual:
  3. ✩ don't use this code as a base to claim/repost as your own. i know my coding and
  4. will not hesitate to raise a ruckus if i see this reposted as someone else's.
  5. ✩ leave the credit on!!!! leave it!! just leave it in the code!! give ME credit
  6. for MY work. it's the LEAST you could do. leaving the internal credit will not
  7. show anywhere physically on your layout.
  8. ✩ like what you take, take what you like. these things were coded with y'all in mind.
  9. ✩ notes:
  10. ✩ simple interests section filler. :-)
  11. ✩ icon img dimensions are 30x30.
  12. ✩ post icon size is 165x165.
  13. ✩ this is the non-scrollable version! so keep the caption between 3-4 lines of text
  14. and the comment post to 1-2 lines, otherwise it will flow off of the div. thank u!
  15. ✩ i think that's it!! if you have any other questions about this code
  16. feel free to msg/cmnt me on rper! (roleplayer.me/dlovato)
  17.  
  18. ✩ ✩ paste everything below the line in your interests section ✩ ✩
  19. ------------------
  20. <style>
  21. /* >> interests filler by mia villamor for peachlyts <<
  22. pls do not delete the credit. it will not affect how your
  23. filler will show on your profile. thank you!*/
  24.  
  25. #mvil-insta {
  26. position: relative;
  27. margin: 0 auto;
  28. width: 165px;
  29. height: 265px;
  30. padding: 10px;
  31. text-align: center;
  32. background-color: #fbfbfb;
  33. }
  34.  
  35. #mvil-insta-icon {
  36. position: relative;
  37. float: left;
  38. width: 30px;
  39. height: 30px;
  40. border-radius: 100%;
  41. }
  42.  
  43. #mvil-insta-name {
  44. position: relative;
  45. margin-top: 5px;
  46. left: 5px;
  47. float: left;
  48. font-family: 'lato', sans-serif;
  49. font-size: 10px;
  50. letter-spacing; -.5px;
  51. font-weight: 700;
  52. color: #626262;
  53. }
  54.  
  55. #mvil-insta-photo {
  56. position: relative;
  57. display: inline block;
  58. top: 5px;
  59. width: 165px;
  60. height: 165px;
  61. }
  62.  
  63. #mvil-caption {
  64. position: relative;
  65. margin-top: 10px;
  66. left: -2px;
  67. width: 160px;
  68. height: 50px;
  69. padding: 5px;
  70. overflow: hidden;
  71. background-color: transparent;
  72. font-size:9.5px;
  73. text-align: justify;
  74. font-family: 'lato', sans-serif;
  75. color: #7f7f7f;
  76. }
  77.  
  78. #mvil-insta b {color: #000000;}
  79.  
  80. #mvil-commenter {
  81. position: relative;
  82. margin-top: -15px;
  83. font-family: 'lato', sans-serif;
  84. font-size: 9.5px;
  85. color: #7f7f7f;
  86. text-align: justify;
  87. }
  88. </style>
  89.  
  90. <div id="mvil-insta">
  91. <img src="https://placehold.it/30x30" id="mvil-insta-icon">
  92. <div id="mvil-insta-name">usernamehere</div>
  93. <img src="https://placehold.it/165x165"id="mvil-insta-photo">
  94. <div id="mvil-caption"><b>usernamehere</b> a short caption here! this will not scroll! Line count: 3-4 lines of text! but no more otherwise it will run over the next section!
  95. </div>
  96. <div id="mvil-commenter">
  97. <b>another_user_here</b> keep it short! 1-2 lines max. No more than that.
  98. </div>
  99. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement