hamsamwhich

extra CSS

Mar 28th, 2021 (edited)
264
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*this was made by CL3V1NG3R on myspace - add me ! :)*/
  2.  
  3. /*this is more advanced CSS. for basic formatting of your page, see my other paste, basic CSS*/
  4.  
  5. /*again, ive removed all URLs and color codes. my page took me months to do, so i'd like to avoid copies :")*/
  6.  
  7. /*this page will be updated as i add more extra stuff to my page*/
  8.  
  9. /*also, for housekeeping purposes, i recommend you keep your code in order of the page, top to bottom and left to right. so for example, if you already have some formatting done on player box and you want to add something else, don't add it to the bottom of the code but right after the code you already have for player box. this helps you find code and adding out-of-order code could get messed up - trust me, i had this problem.*/
  10.  
  11. body{
  12.      cursor: url(custom url), auto !important
  13. } /*adds a custom cursor. go to cursors4u and use the url out of the CSS box below, not out of the address bar*/
  14.  
  15.  
  16.  
  17. a:link, a:visited{
  18.      color: #color code;
  19.      cursor: url(custom url), auto !important
  20. } /*changes color of your links. including the cursor a second time keeps your cursor the same when hovering over links, instead of it changing to pointer.*/
  21.  
  22.  
  23. div.box.blog{
  24.      background: #color code;
  25.      background-image:url(custom url) !important;
  26. } /*adds an image to the text portion of your blog - this carries to every blog*/
  27.  
  28.  
  29.  
  30. div.topLeft.blogCard{
  31.      background: #color code;
  32. } /*changes the layout of your mini profile on the side of your blog (where your icon, motto, etc is)*/
  33.  
  34.  
  35.  
  36. div#header>span#hUp::before{
  37.      content: "custom text";
  38.      animation: blinkingTextRed 0.3s infinite
  39. } /*adds blinking text to the subheader like the "new fwiends!" text*/
  40.  
  41.  
  42.  
  43. div.topLeft::before{
  44.      content: "";
  45.      display: block;
  46.      position: relative;
  47.      background-image:url(custom url);
  48.      background-size: 100% 100%;
  49.      height: 180px;
  50.      width: 390px;
  51. } /*adds a text box beforer your username box (i made it a picture, but it could be whatever you want)*/
  52. /*IMPORTANT: if you add this box, IT WILL COVER YOUR BLOG TEXT!! either mess around with the code OR, like i did, add the following:*/
  53. div.topLeft.blogCard::before{
  54.      display: none
  55. } /*this will remove the text box from your blogs page. add it after a:link if you used that, otherwise after body*/
  56.  
  57.  
  58.  
  59. div.topLeft::after{
  60.      content: "";
  61.      display: block;
  62.      position: relative;
  63.      background-image:url(custom url) !important;
  64.      background-size: 100% 100%;
  65.      height: 250px;
  66.      width: 370px;
  67. } /*adds a textbox below your player (again, i made it a picture, but it can be whatever*/
  68. /*IMPORTANT: the same problem occurs with this box as does div.topLeft::before so here's the code to take it off your blogs:*/
  69. div.topLeft.blogCard::after{
  70.      display: none
  71. }
  72.  
  73.  
  74.  
  75. div.topRight::before{
  76.      content: "";
  77.      display: block;
  78.      position: fixed;
  79.      background-image:url(custom url) !important;
  80.      background-size: 100% 100%;
  81.      left: 0;
  82.      bottom: 0;
  83.      height: 335px;
  84.      width: 255px;
  85.      z-index: 1000
  86. } /*adds a picture into the bottom left corner of your screen. use left, right, top, bottom to move it around if you want*/
  87. /*IMPORTANT: also covers blog content. here's the code to erase it from blogs:*/
  88. div.topRight.blogPost::before{
  89.      display: none
  90. }
  91.  
  92.  
  93.  
  94. div.extended.box{
  95.      font-size: 5px;
  96.      color: transparent;
  97.      padding: 0
  98. }
  99. div.extended.box::after{
  100.      content: "custom text";
  101.      display: block;
  102.      color: white;
  103.      font-size: 18px;
  104.      font-weight: bold;
  105.      padding-bottom: 5px
  106. } /*adds custom text to the box that says "user is in your extended network. IMPORTANT: do NOT! make div.extended.box font size 0px, or it'll get rid of the edit profile button! i'm working on a way around this and will update when i fix it lol*/
  107.  
  108. div.box.blurbs{
  109.      overflow-y: scroll
  110.      height: 475px
  111. } /*this makes your blurbs into a condensed, scrollable box. adjust the height to whatever you want, but if you don't set it then it won't condense*/
  112.  
  113. div.fwiendFace:hover, tableLeft img:hover{
  114.      transform: scale(1.2);
  115.      background: #color-code url(custom url);
  116.      background-size: 300px;
  117.      animation: wob .5s linear infinite;
  118.      transition: 0.5s
  119. }
  120. div.fwiendFace, tableLeft img{
  121.      transition: 0.5s
  122. } /*this makes the icons of your friends in the friend space grow. if you don't want a gif behind the icon, just put two color codes*/
  123.  
  124. /*hope this helps :)*/
RAW Paste Data Copied