Furcadia Wishlist (HTML)

DreamwingsTheGriffon

Info

Created: 9 months, 20 days ago
Creator: DreamwingsTheGriffon
Favorites: 11

Profile

I've recently gotten into Furcadia but I found that I REALLY wanted a way to show all of the Digos and such that I want, but I dont want to just make a big old list. And putting it on my main wishlist is a little too obscure. So, I decided to just... make a code. And I did. From 5am-7am because I also could not sleep. I knew a bit about bootstrap already and since it was a pretty simple concept I thought "Hey, why the hell not, eh?". Ngl, it was actually pretty fun. Might do this again if I actually feel inspired. So yeah, first HTML code ever.

The code itself is INCREDIBLY simple and easy to parse (at least, compared to most codes) so I dont think I need to explain too much but I will anyways for the noobs in the back. Turn off WYSIWYG in settings for profiles/bullitins (depending on which you're intending to put this in), put this in an editor of your choice, go to the text, change it to what you want, post, EZ. Also, as most codes are, there is comments to make things easier.

Do recommend to already have a good idea of how to HTML before using this just because there are some things that are tricky to explain in normal person terms lol (like how you can get them to format if you remove one from the top row or more than two total.)

Bullets and Background are by Furcadia ofc (the background is the background of the golden skin and the bullets are the Vinca symbol)

Furcadia Wishlist

= For Life Only

Avatars

Avatar
Avatar

Wings

Wings
Wings

Other

Desc Tag
Ports
Membership
ETC

Alts

Name

  <div class="container" style="max-width: 900px; min-height: 500px; background-image:url(https://i.imgur.com/HSOHB5X.png);color: #FDBB2A; font-family: Helvetica, Arial, sans-serif; border: 7px solid #FDBB2A; border-radius: 20px; padding-bottom: 50px;">
  <div class="container" style="padding-top:20px">
      <div class="text-center"><H1 style="font-family: 'Courgette'; font-size: 40pt; text-shadow: 2px 5px 5px #000000;">Furcadia Wishlist</H1></div>
  </div>
  <div class="text-center"><H3 style="font-size: 14pt; text-shadow: 2px 4px 5px #000000;"><i class="fa-solid fa-infinity"></i> = For Life Only</H3></div><br>
  <div class="container text-center">
      <div class="row align-items-start">
        <!--Avatars-->
        <div class="col">
          <h2 style="font-family: 'Courgette'; background-color: rgba(30, 14, 51, 0.603); padding:5px; text-shadow: 2px 5px 5px #000000;">Avatars</h2>
          <ul class="list-unstyled" style="text-align: left; font-size: 13pt;background-color: rgba(30, 14, 51, 0.404); padding-left: 10px; padding-top:10px; padding-bottom:10px;">
              <li><img src="https://i.imgur.com/lCFj1Us.png" style="height:28px;"> Avatar <i class="fa-solid fa-infinity"></i></li>
              <li><img src="https://i.imgur.com/lCFj1Us.png" style="height:28px;"> Avatar</li>
              <!--Extend/Decrease The List From Here! (copy the existing ones if you want to add more)-->
              <!--If you dont want the list to show the infinity symbol next to a certain option (aka, you dont mind if it isnt a lifer), remove "<i class="fa-solid fa-infinity"></i>" from the end before "</li>" and it will do just that.-->
          </ul>
        </div>
        <!--Wings-->
        <div class="col">
          <h2 style="font-family: 'Courgette'; background-color: rgba(30, 14, 51, 0.603); padding:5px; text-shadow: 2px 5px 5px #000000;">Wings</h2>
          <ul class="list-unstyled" style="text-align: left; font-size: 13pt;background-color: rgba(30, 14, 51, 0.404); padding-left: 10px; padding-top:10px; padding-bottom:10px;">
              <li><img src="https://i.imgur.com/lCFj1Us.png" style="height:28px;"> Wings <i class="fa-solid fa-infinity"></i></li>
              <li><img src="https://i.imgur.com/lCFj1Us.png" style="height:28px;"> Wings</li>
              <!--Extend/Decrease The List From Here! (copy the existing ones if you want to add more)-->
          </ul>
        </div>
      </div>
  </div>
  <div class="container text-center">
      <div class="row align-items-start">
        <!--Other-->
        <div class="col">
          <h2 style="font-family: 'Courgette'; background-color: rgba(30, 14, 51, 0.603); padding:5px; text-shadow: 2px 5px 5px #000000;">Other</h2>
          <ul class="list-unstyled" style="text-align: left; font-size: 13pt;background-color: rgba(30, 14, 51, 0.404); padding-left: 10px; padding-top:10px; padding-bottom:10px;">
              <li><img src="https://i.imgur.com/lCFj1Us.png" style="height:28px;"> Desc Tag</li>
              <li><img src="https://i.imgur.com/lCFj1Us.png" style="height:28px;"> Ports</li>
              <li><img src="https://i.imgur.com/lCFj1Us.png" style="height:28px;"> Membership</li>
              <li><img src="https://i.imgur.com/lCFj1Us.png" style="height:28px;"> ETC</li>
              <!--Extend/Decrease The List From Here! (copy the existing ones if you want to add more)-->
          </ul>
        </div>
        <!--Alts/Characters-->
        <div class="col">
          <h2 style="font-family: 'Courgette'; background-color: rgba(30, 14, 51, 0.603); padding:5px; text-shadow: 2px 5px 5px #000000;">Alts</h2>
          <ul class="list-unstyled" style="text-align: left; font-size: 13pt;background-color: rgba(30, 14, 51, 0.404); padding-left: 10px; padding-top:10px; padding-bottom:10px;">
              <li><img src="https://i.imgur.com/lCFj1Us.png" style="height:28px;"> Name</li>
              <!--Extend/Decrease The List From Here! (copy the existing ones if you want to add more)-->
          </ul>
        </div>
      </div>
  </div>
  <!---CREDIT! DO NOT REMOVE! Or I will be very sad--->
  <div class="container" style="text-align: right;">
      <p><a href="https://toyhou.se/22736411.furcadia-wishlist-html" data-bs-toggle="tooltip" data-bs-title="Code by DreamwingsTheGriffon"><i class="fa-solid fa-code"></i></a></p>
  </div>
</div>

Recent Images

No images.