[41] Simple/Colorful Link List

[lina_trinch]

Code:
<div style="width: 390px; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between; font-style: italic; text-transform: lowercase; font-weight: bold;"> <a href="URL" style="color: #fff; text-decoration: none;"><div style="background: center/cover url('IMAGE_URL'), #ccc; width: 100px; border-radius: 100px; border: 5px solid white; box-shadow: -3px 3px 4px rgba(0,0,0,0.4); text-shadow: -1px 1px 2px rgba(0,0,0,0.4); margin-bottom: 10px; text-align: center; padding: 40px 0;">link</div></a> <a href="URL" style="color: #fff; text-decoration: none;"><div style="background: center/cover url('IMAGE_URL'), #ccc; width: 100px; border-radius: 100px; border: 5px solid white; box-shadow: -3px 3px 4px rgba(0,0,0,0.4); text-shadow: -1px 1px 2px rgba(0,0,0,0.4); margin-bottom: 10px; text-align: center; padding: 40px 0;">link</div></a> <a href="URL" style="color: #fff; text-decoration: none;"><div style="background: center/cover url('IMAGE_URL'), #ccc; width: 100px; border-radius: 100px; border: 5px solid white; box-shadow: -3px 3px 4px rgba(0,0,0,0.4); text-shadow: -1px 1px 2px rgba(0,0,0,0.4); margin-bottom: 10px; text-align: center; padding: 40px 0;">link</div></a> <a href="URL" style="color: #fff; text-decoration: none;"><div style="background: center/cover url('IMAGE_URL'), #ccc; width: 100px; border-radius: 100px; border: 5px solid white; box-shadow: -3px 3px 4px rgba(0,0,0,0.4); text-shadow: -1px 1px 2px rgba(0,0,0,0.4); margin-bottom: 10px; text-align: center; padding: 40px 0;">link</div></a> <a href="URL" style="color: #fff; text-decoration: none;"><div style="background: center/cover url('IMAGE_URL'), #ccc; width: 100px; border-radius: 100px; border: 5px solid white; box-shadow: -3px 3px 4px rgba(0,0,0,0.4); text-shadow: -1px 1px 2px rgba(0,0,0,0.4); margin-bottom: 10px; text-align: center; padding: 40px 0;">link</div></a> <a href="URL" style="color: #fff; text-decoration: none;"><div style="background: center/cover url('IMAGE_URL'), #ccc; width: 100px; border-radius: 100px; border: 5px solid white; box-shadow: -3px 3px 4px rgba(0,0,0,0.4); text-shadow: -1px 1px 2px rgba(0,0,0,0.4); margin-bottom: 10px; text-align: center; padding: 40px 0;">link</div></a> <a href="URL" style="color: #fff; text-decoration: none;"><div style="background: center/cover url('IMAGE_URL'), #ccc; width: 100px; border-radius: 100px; border: 5px solid white; box-shadow: -3px 3px 4px rgba(0,0,0,0.4); text-shadow: -1px 1px 2px rgba(0,0,0,0.4); margin-bottom: 10px; text-align: center; padding: 40px 0;">link</div></a> <a href="URL" style="color: #fff; text-decoration: none;"><div style="background: center/cover url('IMAGE_URL'), #ccc; width: 100px; border-radius: 100px; border: 5px solid white; box-shadow: -3px 3px 4px rgba(0,0,0,0.4); text-shadow: -1px 1px 2px rgba(0,0,0,0.4); margin-bottom: 10px; text-align: center; padding: 40px 0;">link</div></a> <a href="URL" style="color: #fff; text-decoration: none;"><div style="background: center/cover url('IMAGE_URL'), #ccc; width: 100px; border-radius: 100px; border: 5px solid white; box-shadow: -3px 3px 4px rgba(0,0,0,0.4); text-shadow: -1px 1px 2px rgba(0,0,0,0.4); margin-bottom: 10px; text-align: center; padding: 40px 0;">link</div></a> <!--CREDIT--> <div style="width: 100%; text-align: center;"><a href="https://www.patreon.com/killthecake" style="color: #999; text-decoration: none; text-shadow: -1px 1px 2px rgba(0,0,0,0.4); font-size: 12px; font-variant: small-caps;">code</a></div> </div>

❖ This is yet another code released early on the Patreon to my subscribers. Thank you! ❖ Make sure Disable Auto-Formatting is checked when you copy/paste the code into your post. ❖ If you want to add more links/images, feel free to add as many as you want above the "CREDIT" section. If you want there to be more links across, make the main div wider, aka go to the top and change "390px" to whatever you want. ❖ You can use images, colors, or a mix of both. If you want to use just a color, all you have to do is not add an image (or a valid) url. The color will replace the image by default. Ctrl+F & Replace: ❖ URL - the link urls ❖ link - link text ❖ IMAGE_URL - image backgrounds #ccc the color backgrounds