Advertisement
rarelyupset

Bunnyman's Header Images CSS

Sep 14th, 2013
362
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.24 KB | None | 0 0
  1. .list::before {
  2. /* position: relative; */
  3. float: left;
  4. height: 280px;
  5. width: 1209px;
  6. content: "";
  7. background-image: url('http://i.minus.com/ibg1zBIseoM4MN.png');
  8. left: 170px;
  9. }
  10.  
  11. Because Anilist doesn't have ids for the lists, you'll have to do this to set a background image for each table:
  12.  
  13. .list:nth-of-type(1)::before {
  14. /* position: relative; */
  15. float: left;
  16. height: 280px;
  17. width: 1209px;
  18. content: "";
  19. background-image: url('http://i.minus.com/ibg1zBIseoM4MN.png');
  20. left: 170px;
  21. }
  22. .list:nth-of-type(2)::before {
  23. /* position: relative; */
  24. float: left;
  25. height: 280px;
  26. width: 1209px;
  27. content: "";
  28. background-image: url('http://i.minus.com/ibg1zBIseoM4MN.png');
  29. left: 170px;
  30. }
  31. And so on, until you get to the end.
  32. To hide the titles, you can use
  33.  
  34. h3 {
  35. display: none;
  36. }
  37. or
  38. h3 {
  39. visibility: hidden;
  40. }
  41. display: none; will make it no longer take up space.
  42. You may have to edit the image to fit your list, or your list to fit the images.
  43. You can resize your lists and shift them like so:
  44.  
  45. .list { /*Edit width */
  46. width: ABCDpx; /* Default is 720px */
  47. }
  48.  
  49. #lists { /* Shift lists */
  50. margin-left: XYZpx; /* Default is 260px */
  51. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement