heytony

Easy Profile Layout Base (for SpaceHey profiles only.)

Jan 6th, 2021 (edited)
146
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.71 KB | None | 0 0
  1. <style>
  2.  
  3. /*  hey, i'm Tony (spacehey.com/heytony), and this is some simple CSS code that
  4. will tweak the colors, the font, etc., and make your profile
  5. look very close to an old MySpace layout.
  6. remember to ONLY work INSIDE the sqiggly brackets!
  7. and whatever you don't wanna change leave blank */
  8.  
  9.  
  10. /*  to start off, this part bellow will control the base of your profile.
  11. P.S. backround attachment is the one that makes your background either stay put
  12. or scroll with you. use "fixed" or "scroll" for that part. */
  13.  
  14.     body {
  15.     background-color: ;
  16.     background-image: url();
  17.     background-position: ;
  18.     background-repeat: ;
  19.     background-attachment: ;
  20.     }
  21.     Main {
  22.         Background-color: ;
  23.         background-image: url();
  24.         background-position: top left;
  25.         background-repeat: ;
  26.         background-attachment: ;
  27.         border: ;
  28.         border-color: ;
  29.     }
  30.     footer {
  31.         background: ;
  32.     }
  33.     body, div {
  34.         font-family: ;
  35.         font-size: ;
  36.         color: ;
  37.         font-weight: ;
  38.         font-style: ;
  39.         text-decoration: ;
  40.     }
  41.    
  42.  
  43. /*  bellow this you can change the left side of your profile,
  44. including the intrerests details' table, but only the heading! */  
  45.    
  46.     .profile .contact,
  47.     .profile .url-info,
  48.     .profile .table-section,
  49.     .home-actions {
  50.         width: 100%;
  51.         border: solid 2px rgb();
  52.         margin: 10px 0;
  53.     }
  54.     .profile .contact .heading,
  55.     .profile .table-section .heading,
  56.     .home-actions .heading {
  57.         background: ;
  58.         color: ;
  59.         padding: 2px 7px;
  60.     }
  61.    
  62.    
  63. /*  this is the part where you tweak the right side of your profile */ 
  64.    
  65.     .profile .blurbs {
  66.         margin: 20px 0;
  67.         border: solid 0px;
  68.         border-color: ;
  69.     }
  70.     .profile .friends {
  71.         border: ;
  72.         border-color: ;
  73.     }
  74.     .profile .blurbs .heading,
  75.     .profile .friends .heading {
  76.         background-color: ;
  77.         color: rgb();
  78.     }
  79.     .profile .blurbs .section h4 {
  80.         margin: 14px;
  81.         color: rgb();
  82.     }
  83.     .profile .friends .person p {
  84.         color: ;
  85.         font-weight: bold;
  86.         width: 100%;
  87.         word-break: break-word;
  88.         font-size: 100%;
  89.         text-align: center;
  90.     }
  91.    
  92.    
  93. /*  this is the part you change your comments background colors,
  94. and your intrests table background colors.
  95. P.S.: the ones with ":first-child" variables, will controll the left side of the tables. */
  96.    
  97.     .comments-table td,
  98.     .music-table td {
  99.         background: ;
  100.         vertical-align: top;
  101.         position: relative;
  102.     }
  103.     .comments-table td:first-child,
  104.     .music-table td:first-child {
  105.         background: rgb();
  106.         text-align: center;
  107.         font-weight: bold;
  108.         width: 38%;
  109.     }
  110.     .details-table td {
  111.         background: ;
  112.         vertical-align: top;
  113.     }
  114.     .details-table td:first-child {
  115.         background: ;
  116.         color: ;
  117.         font-weight: bold;
  118.         width: 33%;
  119.     }
  120.    
  121.    
  122. /*  this is the part you can change hopw the colors of the links look
  123.  DON'T mess with anything but the color! (or do... im not your mom.) */
  124.    
  125.     a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover,
  126.     a.man:link, a.man:active, a.man:visited, a.man:hover,
  127.     a, a:link, a:active, a:visited, a:hover,
  128.     a.navbar:link, a.navbar:active, a.navbar:visited, a.visited:hover,
  129.     a.text:link, a.text:active, a.text:visited, a.text:hover,
  130.     a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited,
  131.     a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited,
  132.     a.redlink:hover {
  133.         color: ;
  134.         font-weight: bold;
  135.         font-style: normal;
  136.         text-decoration: none;
  137.     }
  138.     a.navbar:hover, a.man:hover, a:hover {
  139.         color: ;
  140.         font-weight: bold;
  141.         font-style: normal;
  142.         text-decoration: underline;
  143.     }
  144.  
  145.  
  146. /*  Hope this helped you out!
  147. and i suggest you YouTube Noah's SpaceHey CSS tutorials, if you're completely lost. */
  148.  
  149. </style>
Add Comment
Please, Sign In to add comment