calliearambulo

Updates Tab 02 by Pillow Themes

Jun 8th, 2018
537
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.71 KB | None | 0 0
  1. HELLO! IT'S YA GIRL CARA! WHEN COPY-PASTING THE CODES, DO NOT INCLUDE THE ONES CAPITALIZED. I'M SURE YOU KNOW HOW TO DIFFERENTIATE WHICH ONE IS A CODE AND WHAT'S A NOTE, RIGHT? BUT, PLEASE, I'M BEGGING YOU, DO CREDIT ME. THANK YOU! <3
  2.  
  3. PLACE UNDER <head> (IF YOU DON'T HAVE META TAGS, ADD THESE. IF YOU HAVE THEM, JUST REPLACE THE TAGS WITH WHAT YOU HAVE AS YOU GO ALONG)
  4. <meta name="color:accent" content="">
  5. <meta name="color:background" content="">
  6.  
  7. (IT'S JUST A FONT LINK / IF YOU DON'T LIKE IT, YOU CAN ALWAYS USE YOUR OWN FONT)
  8. <link href="https://fonts.googleapis.com/css?family=Tajawal" rel="stylesheet">
  9.  
  10.  
  11. PLACE ANYWHERE BETWEEN <style type="css/text"> or <style> AND </style>
  12. /* PILLOW THEMES BY CARA */
  13. #updb {
  14. top:0;
  15. right:0;
  16. margin-right:100px;
  17. margin-top:100px;
  18. width:200px;
  19. background-color:{color:background};
  20. position:fixed;
  21. }
  22.  
  23. #updt {
  24. background-color:{color:background};
  25. text-transform:uppercase;
  26. font-size:16px;
  27. text-align:center;
  28. margin-bottom:10px;
  29. padding:5px;
  30. }
  31.  
  32. #updc {
  33. border:1px solid {color:accent};
  34. height:100px;
  35. padding:10px;
  36. overflow:scroll;
  37. overflow-x:hidden;
  38. }
  39. /* PILLOW THEMES BY CARA */
  40.  
  41.  
  42. <!--- PILLOW THEMES BY CARA --->
  43. <div id="updb">
  44. <div id="updt">Box</div>
  45. <div id="updc">
  46. Hi! This is a really simple updates box that matches along with your theme's accent and background color. You can add a quote, statistics, or anything, really.
  47. <p>
  48. It can even be your About box.
  49. <p>
  50. I have to tell you that this box has a specific height (which is 100px). You can include a long quote or a long excerpt from a story and a scrollbar will appear to maintain its 100px height.
  51. </div>
  52. </div>
  53. <!--- PILLOW THEMES BY CARA --->
Advertisement
Add Comment
Please, Sign In to add comment