API tools faq
paste
Advertisement
finalprogramme

Icons page example

finalprogramme
Sep 1st, 2020
16
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.05 KB | None | 0 0
raw download clone embed print report
  1. <head>
  2.   <style>
  3. .character {
  4.   -webkit-column-count: 8; /* Old Chrome, Safari and Opera */
  5.   -moz-column-count: 8; /* Old Firefox */
  6.   column-count: 8;
  7.   font-size: small;
  8.   font-family: sans-serif;
  9.   padding: 20px 0px 20px 0px;
  10.   margin-bottom: 20px;
  11. }
  12. .icon {
  13.   margin-bottom: 10px;
  14.   height: 105px;
  15. }
  16. .name {
  17.   font-size: large;
  18.   column-span: all;
  19.   background: #ccc;
  20.   padding: 5px;
  21.   margin: 5px 0px 10px 0px;
  22. }
  23. </style>
  24. </head>
  25.  
  26. <body>
  27.  
  28. <div class="character">
  29. <div class="name">CHARACTER_NAME</div>
  30.  
  31.   <div class="icon">
  32.   <a href="./CHARACTER_NAME/3390519(34)">
  33.   <img src="./CHARACTER_NAME/3390519(34)" title="JOURNAL_NAME: attentive" alt="JOURNAL_NAME: (attentive)" height="75">
  34.   </a>
  35.   <br />
  36.   attentive
  37.   </div>
  38.  
  39.  
  40.   <div class="icon">
  41.   <a href="./CHARACTER_NAME/3390519(35)">
  42.   <img src="./CHARACTER_NAME/3390519(35)" title="JOURNAL_NAME: bad news" alt="JOURNAL_NAME: (bad news)" height="75">
  43.   </a>
  44.   <br />
  45.   bad news
  46.   </div>
  47.  
  48.  
  49.   <div class="icon">
  50.   <a href="./CHARACTER_NAME/3390519(36)">
  51.   <img src="./CHARACTER_NAME/3390519(36)" title="JOURNAL_NAME: big heart energy" alt="JOURNAL_NAME: (big heart energy)" height="75">
  52.   </a>
  53.   <br />
  54.   big heart energy
  55.   </div>
  56.  
  57.  
  58.   <div class="icon">
  59.   <a href="./CHARACTER_NAME/3390519(37)">
  60.   <img src="./CHARACTER_NAME/3390519(37)" title="JOURNAL_NAME: bottle" alt="JOURNAL_NAME: (bottle)" height="75">
  61.   </a>
  62.   <br />
  63.   bottle
  64.   </div>
  65.  
  66.  
  67.   <div class="icon">
  68.   <a href="./CHARACTER_NAME/3390519(38)">
  69.   <img src="./CHARACTER_NAME/3390519(38)" title="JOURNAL_NAME: broken" alt="JOURNAL_NAME: (broken)" height="75">
  70.   </a>
  71.   <br />
  72.   broken
  73.   </div>
  74.  
  75.  
  76.   <div class="icon">
  77.   <a href="./CHARACTER_NAME/3390519(39)">
  78.   <img src="./CHARACTER_NAME/3390519(39)" title="JOURNAL_NAME: cheeky" alt="JOURNAL_NAME: (cheeky)" height="75">
  79.   </a>
  80.   <br />
  81.   cheeky
  82.   </div>
  83.  
  84.  
  85.   <div class="icon">
  86.   <a href="./CHARACTER_NAME/3390519(40)">
  87.   <img src="./CHARACTER_NAME/3390519(40)" title="JOURNAL_NAME: cold" alt="JOURNAL_NAME: (cold)" height="75">
  88.   </a>
  89.   <br />
  90.   cold
  91.   </div>
  92.  
  93.  
  94.   <div class="icon">
  95.   <a href="./CHARACTER_NAME/3390519(41)">
  96.   <img src="./CHARACTER_NAME/3390519(41)" title="JOURNAL_NAME: comfort" alt="JOURNAL_NAME: (comfort)" height="75">
  97.   </a>
  98.   <br />
  99.   comfort
  100.   </div>
  101.  
  102.  
  103.   <div class="icon">
  104.   <a href="./CHARACTER_NAME/3390519(42)">
  105.   <img src="./CHARACTER_NAME/3390519(42)" title="JOURNAL_NAME: dammit" alt="JOURNAL_NAME: (dammit)" height="75">
  106.   </a>
  107.   <br />
  108.   dammit
  109.   </div>
  110.  
  111.  
  112.   <div class="icon">
  113.   <a href="./CHARACTER_NAME/3390519(43)">
  114.   <img src="./CHARACTER_NAME/3390519(43)" title="JOURNAL_NAME: direct" alt="JOURNAL_NAME: (direct)" height="75">
  115.   </a>
  116.   <br />
  117.   direct
  118.   </div>
  119.  
  120.  
  121.   <div class="icon">
  122.   <a href="./CHARACTER_NAME/3390519(44)">
  123.   <img src="./CHARACTER_NAME/3390519(44)" title="JOURNAL_NAME: dirty deeds" alt="JOURNAL_NAME: (dirty deeds)" height="75">
  124.   </a>
  125.   <br />
  126.   dirty deeds
  127.   </div>
  128.  
  129.  
  130.   <div class="icon">
  131.   <a href="./CHARACTER_NAME/3390519(45)">
  132.   <img src="./CHARACTER_NAME/3390519(45)" title="JOURNAL_NAME: disturbed" alt="JOURNAL_NAME: (disturbed)" height="75">
  133.   </a>
  134.   <br />
  135.   disturbed
  136.   </div>
  137.  
  138.   <div class="icon">
  139.   <a href="./CHARACTER_NAME/3390519(46)">
  140.   <img src="./CHARACTER_NAME/3390519(46)" title="JOURNAL_NAME: do not ask me again" alt="JOURNAL_NAME: (do not ask me again)" height="75">
  141.   </a>
  142.   <br />
  143.   do not ask me again
  144.   </div>
  145.  
  146.  
  147.   <div class="icon">
  148.   <a href="./CHARACTER_NAME/3390519(47)">
  149.   <img src="./CHARACTER_NAME/3390519(47)" title="JOURNAL_NAME: exploration is great" alt="JOURNAL_NAME: (exploration is great)" height="75">
  150.   </a>
  151.   <br />
  152.   exploration is great
  153.   </div>
  154.  
  155.  
  156.   <div class="icon">
  157.   <a href="./CHARACTER_NAME/3390519(48)">
  158.   <img src="./CHARACTER_NAME/3390519(48)" title="JOURNAL_NAME: explorer" alt="JOURNAL_NAME: (explorer)" height="75">
  159.   </a>
  160.   <br />
  161.   explorer
  162.   </div>
  163.  
  164.  
  165.   <div class="icon">
  166.   <a href="./CHARACTER_NAME/3390519(49)">
  167.   <img src="./CHARACTER_NAME/3390519(49)" title="JOURNAL_NAME: friendly" alt="JOURNAL_NAME: (friendly)" height="75">
  168.   </a>
  169.   <br />
  170.   friendly
  171.   </div>
  172.  
  173.  
  174.   <div class="icon">
  175.   <a href="./CHARACTER_NAME/3390519(50)">
  176.   <img src="./CHARACTER_NAME/3390519(50)" title="JOURNAL_NAME: glasses" alt="JOURNAL_NAME: (glasses)" height="75">
  177.   </a>
  178.   <br />
  179.   glasses
  180.   </div>
  181.  
  182.  
  183.  
  184.  
  185.  
  186.   <div class="icon">
  187.   <a href="./CHARACTER_NAME/3390519(103)">
  188.   <img src="./CHARACTER_NAME/3390519(103)" title="JOURNAL_NAME: working 3" alt="JOURNAL_NAME: (working 3)" height="75">
  189.   </a>
  190.   <br />
  191.   working 3
  192.   </div>
  193.  
  194.  
  195.   <div class="icon">
  196.   <a href="./CHARACTER_NAME/3390519(104)">
  197.   <img src="./CHARACTER_NAME/3390519(104)" title="JOURNAL_NAME: yes" alt="JOURNAL_NAME: (yes)" height="75">
  198.   </a>
  199.   <br />
  200.   yes
  201.   </div>
  202.  
  203.  
  204.   <div class="icon">
  205.   <a href="./CHARACTER_NAME/3390519(105)">
  206.   <img src="./CHARACTER_NAME/3390519(105)" title="JOURNAL_NAME: you&#39;re wrong" alt="JOURNAL_NAME: (you&#39;re wrong)" height="75">
  207.   </a>
  208.   <br />
  209.   you're wrong
  210.   </div>
  211.  
  212. </div>
  213. </body>
  214.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!