Advertisement
hamsamwhich

Basic CSS

Mar 28th, 2021 (edited)
472
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 basic CSS formating for your page. for more complicated stuff, check out my other pastes*/
  4.  
  5. /*im not an expert in code or programming, this is just what i've learned thru other people's resources and w3schools*/
  6.  
  7. /*note: im taking out all of my URLs and color codes so there's no copying of my page, which took months to make. please don't copy. you can find color codes on w3school's page on CSS*/
  8.  
  9. body{
  10.      background-image:url(custom url);
  11.      background-attachment: fixed;
  12. } /*this changes the background of your page*/
  13.  
  14. body{
  15.      font-family: Times;
  16.      color: #color code
  17. } /*this changes the font styles of your page*/
  18.  
  19.  
  20.  
  21. div#header{
  22.      background: #color code;
  23.      color: #color code
  24. } /*changes the setup of the page header (where it says "myspace.com")*/
  25.  
  26.  
  27.  
  28. div#header >a.logo > b > span{
  29.      font-size: 0px
  30. }
  31. div#header > a.logo > b > span:after{
  32.      dispay: block;
  33.      font-size: 20px;
  34.      font-family: Times;
  35.      content: "custom text";
  36.      color: #color code
  37. } /*replaces "myspace.com" with whatever you want*/
  38.  
  39.  
  40.  
  41. div#hSub{
  42.      background: #color code;
  43.      font-family: Times;
  44.      color: #color code
  45. }
  46. div#hSub{
  47.      background:#color-code;
  48.      text-align: center
  49. } /*changes the setup of the page subheader*/
  50.  
  51.  
  52.  
  53. div.boxHead{
  54.      background: #color code
  55. } /*changes the color of the "contacting user" and "leave a comment" headers*/
  56.  
  57.  
  58.  
  59. table.short{
  60.      border: 3px #color code solid;
  61.      border-radius: 8px;
  62.      background: #000000
  63. } /*example of how to do borders. repeat this for every box you want a border on (use inspect element to find the name of the box)*/
  64.  
  65.  
  66.  
  67. td.shortRight>div>span#credo{
  68.      font-size: 18px
  69. } /*changes size of your motto*/
  70.  
  71.  
  72.  
  73. td.shortRight>div#country{
  74.      font-size: 0px
  75. }
  76. td.shortRight>div#country::after{
  77.      content: "United States of Smash";
  78.      font-size: 15px;
  79. } /*changes your country. to do the same with your gender, use div#gender instead of div#country*/
  80.  
  81.  
  82.  
  83. .url{
  84.      font-size: 0px;
  85.      background-color: transparent !important;
  86.      background: url(custom url) !important;
  87.      background-size: 300px !important;
  88.      border: none !important;
  89.      position: fixed;
  90.      right: 0;
  91.      bottom: 0;
  92.      height: 300px;
  93.      width: 300px;
  94.      box-shadow: none;
  95.      z-index: 1000;
  96. } /*adds a picture in the bottom right of your page. use right, left, bottom, top to move it around if you want it somewhere else*/
  97.  
  98.  
  99.  
  100. #sMsg{
  101.      font-size: 0px;
  102.      background-image:url(custom url) !important;
  103.      background-size: 50px
  104. }
  105. #sMsg::after{
  106.      content: "custom text";
  107.      color: #color code;
  108.      font-size: 14px;
  109.      text-decoration: underline
  110. } /*custom text and icon for the message button*/
  111.  
  112.  
  113.  
  114. #report{
  115.      font-size 0px;
  116.      background-image:url(custom url) !important;
  117.      background-size: 50px
  118. }
  119. #report::after{
  120.      content: "custom text";
  121.      color: #color code;
  122.      font-size: 14px;
  123.      text-decoration: underliine
  124. } /*custom text and icon for the message button*/
  125.  
  126. #report{
  127.      display: none
  128. } /*completely removes the report button. you can't use this and the custom text together*/
  129.  
  130.  
  131. #add{
  132.      font-size: 0px;
  133.      background-image:url(custom url) !important;
  134.      background-size: 50px
  135. }
  136. #add::after{
  137.      content: "custom text";
  138.      color: #color code;
  139.      font-size: 14px;
  140.      text-decoration: underline
  141. } /*custom text and icon for the add button*/
  142.  
  143.  
  144.  
  145. #block{
  146.      font-size: 0px;
  147.      background-image:url(custom url) !important;
  148.      background-size: 50px
  149. }
  150. #block::after{
  151.      content: "custom text";
  152.      color: #color code;
  153.      font-size: 14px;
  154.      text-decoration: underline
  155. } /*custom text and icon for the block button*/
  156.  
  157. #block{
  158.      display: none
  159. } /*removes the block button entirely. you can't use this and the custom text together*/
  160.  
  161.  
  162.  
  163. div.player.box::before{
  164.      content: "";
  165.      display: block;
  166.      position: relative;
  167.      background-image:url(custom url) !important;
  168.      height: 350px;
  169.      background-position: 0 0;
  170.      background-size: 100% 100%;
  171. } /*adds a picture before the player box*/
  172.  
  173.  
  174.  
  175. div.songName{
  176.      font-size: 0px;
  177. }
  178. div.songName::after{
  179.      content: "custom text";
  180.      font-size: small;
  181.      font-weight: bold;
  182.      color: #color code;
  183. } /*lets you customize the display name of the song*/
  184.  
  185.  
  186.  
  187. div.rightHead{
  188.      background: #color code;
  189.      color: #color code
  190. } /*colors the "user's blurbs" and "user's fwiend space" headers*/
  191.  
  192.  
  193.  
  194. div.box.blurbs>h4{
  195.      display: none;
  196. } /*removes the "about me" and "who i'd like to meet" headers*/
  197.  
  198.  
  199.  
  200. div.box.fwiends>div.rightHead>b{
  201.      font-size: 0px
  202. }
  203. div.box.fwiends>div.rightHead>b::after{
  204.      content: "custom text";
  205.      font-size: 16px;
  206.      font-weight: bold;
  207.      color: #color code
  208. } /*customize the "user's fwiend space" text*/
  209.  
  210.  
  211.  
  212. div.fwiendCounter>b{
  213.      font-size: 0px
  214. }
  215. div.fwiendCounter>b>span.fwiendCount{
  216.      font-size: 17px !important;
  217.      color: #color code
  218. }
  219. div.fwiendCounter>b::after{
  220.      content: "custom text";
  221.      font-size: 17px !important;
  222.      font-weight: bold;
  223.      padding: 4px;
  224.      color: #color code
  225. } /*custom fwiend counter text*/
  226.  
  227.  
  228.  
  229. div.box.comments>div#form>form>textarea#commentInput{
  230.      background-image:url(custom url);
  231.      background-position: right;
  232.      background-size: 30% 100%;
  233.      background-repeat: no-repeat
  234. } /*customizes the box you type comments in*/
  235.  
  236.  
  237.  
  238. td.tableLeft{
  239.      background: #color code
  240. }
  241. td.tableLeft>a>div>b{
  242.      color: #color code
  243. } /*customizes the user side of the comment*/
  244.  
  245.  
  246.  
  247. td.tableRight{
  248.      background: #000000;
  249.      border: 3px #color code solid
  250. }
  251. td.tableRight{
  252.      background-image:url(custom url);
  253.      background-size: 100% 100%
  254. } /*customizes the text part of the comment*/
  255.  
  256. /*i hope this helps! message me if you have any questions :)*/
Advertisement
RAW Paste Data Copied
Advertisement