[37] Simple Gradient Navigation

[lina_trinch]

Link

Game

Link Link

Link Link

Code:
<div style="width: 600px; margin: auto; border: 10px solid #333; -webkit-background: linear-gradient(130deg, #ff1b6b, #45caff); -moz-background: linear-gradient(130deg, #ff1b6b, #45caff); -o-background: linear-gradient(130deg, #ff1b6b, #45caff); background: linear-gradient(130deg, #ff1b6b, #45caff);"> <!--LINK--> <a href="URL" style="display: block; width: 95%; margin: 10px; text-align: center; background: rgba(255,255,255,0.6); border: 4px solid #333; padding: 4px 0; color: #333; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans serif; letter-spacing: 2px;"> Link </a> <!--DROPDOWN--> <details style="display: block; width: 95%; margin: 10px; text-align: center; background: rgba(255,255,255,0.6); border: 4px solid #333; padding: 4px 0; color: #333; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans serif; letter-spacing: 2px; cursor: pointer;" class="navigation-link"> <summary>Game</summary> <!--LINK IN DROPDOWN--> <a href="URL" style="display: block; width: 95%; margin: 10px; text-align: center; background: rgba(255,255,255,0.6); border: 4px solid #333; padding: 4px 0; color: #333; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans serif; letter-spacing: 2px;"> Link </a> <!--LINK IN DROPDOWN--> <a href="URL" style="display: block; width: 95%; margin: 10px; text-align: center; background: rgba(255,255,255,0.6); border: 4px solid #333; padding: 4px 0; color: #333; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans serif; letter-spacing: 2px;"> Link </a> </details> <!--END DROPDOWN--> <!--LINK--> <a href="URL" style="display: block; width: 95%; margin: 10px; text-align: center; background: rgba(255,255,255,0.6); border: 4px solid #333; padding: 4px 0; color: #333; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans serif; letter-spacing: 2px;"> Link </a> <!--LINK--> <a href="URL" style="display: block; width: 95%; margin: 10px; text-align: center; background: rgba(255,255,255,0.6); border: 4px solid #333; padding: 4px 0; color: #333; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans serif; letter-spacing: 2px;"> Link </a> <!--ADD MORE ABOVE THIS LINE--> </div>

❖ This was made for my Patreon's early access! Which just means they got it a bit earlier than you guys. Better content will be coming in the future. :) ❖ Make sure Disable Auto-Formatting is checked when you copy/paste the code into your post. ❖ If you want to add more colors, just insert another color into the gradients at the top of the code. Ie, all four bits that look like this: (130deg, #ff1b6b, #45caff) Ctrl+F & Replace: ❖ URL - link url ❖ Link - link name ❖ Game - dropdown name #ff1b6b gradient #45caff gradient