SHARE
TWEET

INTERESTS FILLER | DEDICATED 2 U SCROLL

peachlyts Jul 21st, 2019 77 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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 scrollable version! in the caption you can write as much as you'd want!
  14.       However, for the comment (aka another_username_here)this must still be kept as 1-2 lines long!
  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.   #mvil-insta {
  22.     position: relative;
  23.     margin: 0 auto;
  24.     width: 165px;
  25.     height: 285px;
  26.     padding: 10px;
  27.     text-align: center;
  28.     background-color: #fbfbfb;
  29.   }
  30.  
  31.   #mvil-insta-icon {
  32.     position: relative;
  33.     float: left;
  34.     width: 30px;
  35.     height: 30px;
  36.     border-radius: 100%;
  37.   }
  38.  
  39.   #mvil-insta-name {
  40.     position: relative;
  41.     margin-top: 5px;
  42.     left: 5px;
  43.     float: left;
  44.     font-family: 'lato', sans-serif;
  45.     font-size: 10px;
  46.     letter-spacing; -.5px;
  47.     font-weight: 700;
  48.     color: #626262;
  49.   }
  50.  
  51.   #mvil-insta-photo {
  52.     position: relative;
  53.     display: inline block;
  54.     top: 5px;
  55.     width: 165px;
  56.     height: 165px;
  57.   }
  58.  
  59.   #mvil-caption {
  60.     position: relative;
  61.     margin-top: 10px;
  62.     left: -2px;
  63.     width: 160px;
  64.     height: 50px;
  65.     padding: 5px;
  66.     overflow: scroll;
  67.     overflow-x: hidden;
  68.     background-color: transparent;
  69.     font-size:9.5px;
  70.     text-align: justify;
  71.     font-family: 'lato', sans-serif;
  72.     color: #7f7f7f;
  73.   }
  74.  
  75.   #mvil-insta b {color: #000000;}
  76.  
  77.   #mvil-commenter {
  78.     position: relative;
  79.     margin-top: 5px;
  80.     font-family: 'lato', sans-serif;
  81.     font-size: 9.5px;
  82.     color: #7f7f7f;
  83.     text-align: justify;
  84.   }
  85.  
  86.   #mvil-caption::-webkit-scrollbar-thumb {
  87.     height:auto;
  88.     background-color: transparent;
  89.     border: transparent;}
  90.    
  91.   #mvil-caption::-webkit-scrollbar {
  92.     height:0px;
  93.     width:0px;
  94.     background-color: transparent;
  95.     border: transparent;}
  96. </style>
  97.  
  98. <div id="mvil-insta">
  99. <img src="http://placehold.it/30x30" id="mvil-insta-icon">
  100. <div id="mvil-insta-name">username_here</div>
  101. <img src="http://placehold.it/165x165"id="mvil-insta-photo">
  102. <div id="mvil-caption"><b>username_here</b>
  103. caption here, write as much as you'd like! this will scroll!
  104. caption here, write as much as you'd like! this will scroll!
  105. caption here, write as much as you'd like! this will scroll!
  106. caption here, write as much as you'd like! this will scroll!
  107. caption here, write as much as you'd like! this will scroll!
  108. </div>
  109. <div id="mvil-commenter">
  110. <b>a_different_username_here</b> wow when did you post this?
  111. </div>
  112. </div>
RAW Paste Data
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
 
Top