Advertisement
spacialfries

Pride Snippet Code (FIX)

Oct 1st, 2022 (edited)
486
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.74 KB | None | 0 0
  1. <div class="card p-2 border-0 row mx-auto rounded-0" style="background:#444444;">
  2.      <!--Change 'background:#444444;' above to your preferred colour hexcode for a custom background bar.
  3.     It is recommended not to use pure white or black, as several pride flags use these colours in their stripes (e.g. asexual, nonbinary, transgender) and may blend into your background.-->
  4.      <div class="row mx-auto p-0">
  5.          <!--For the hover text description, replace 'Flag Meaning' with your flag's meaning. For the flag itself, replace the LINK in 'background-image:url(LINK);'.
  6.         'background-color:#000000;' is a visibility placeholder for unfilled flags and will not affect the flag's appearance and doesn't need to be touched. -->
  7.          <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
  8.          
  9.          <!--1--><div title="Flag Meaning" class="text-center m-1" style="border-radius:10px; display:inline-block; background-image:url(LINK); background-color:#000000; background-size: 100px 100%; width:75px; height:50px"></div>
  10.          
  11.          <!--2--><div title="Flag Meaning" class="text-center m-1" style="border-radius:10px; display:inline-block; background-image:url(URL); background-color:#000000; background-size: 100px 100%; width:75px; height:50px"></div>
  12.          
  13.          <!--3--><div title="Flag Meaning" class="text-center m-1" style="border-radius:10px; display:inline-block; background-image:url(URL); background-color:#000000; background-size: 100px 100%; width:75px; height:50px"></div>
  14.          
  15.          <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
  16.      </div>
  17.      <sup class="text-center mt-3">hover over a flag for more information - - - code by @nightlustrous</sup>
  18. </div>
  19.  
  20. <hr style="width:100%;">
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement