Mudanças entre as edições de "Widget:Newmenu"
Ir para navegação
Ir para pesquisar
Linha 43: | Linha 43: | ||
.mainPage__linkIconContainer { | .mainPage__linkIconContainer { | ||
width: fit-content; | |||
position: relative; | position: relative; | ||
display: grid; | display: grid; |
Edição das 15h13min de 27 de abril de 2024
<style> #content { background: linear-gradient(#23242b, #284460); border: 2px solid #155777; }
.mainPage__card { border: 4px solid #354967; }
.mainPage__cardTitle { background-color: #354967; color: #fff; font-weight: 700; text-align: center; font-size: 1.3rem; }
.mainPage__containerLinkIcon { display: grid; padding: .75rem 0; gap: 1rem; grid-template-columns: repeat(9, 1fr); }
.mainPage__linkIcon { width: 9.5rem; margin-bottom: -10px; }
.mainPage__linkIconContainer::before { content: ""; position: absolute; top: 14px; left: 1.5rem; width: 9rem; height: 8rem; background-image: url("https://cdn.discordapp.com/attachments/822511410768248902/1233793476777476219/back-new.png?ex=662e6337&is=662d11b7&hm=771d450ed3bf539f58a5342e5537d99051ac6d21fae86b5192ea4de56da06352&"); background-size: contain; background-repeat: no-repeat; z-index: -1; }
.mainPage__linkIconContainer { width: fit-content; position: relative; display: grid; place-items: center; padding: .25rem; padding-block-end: 0; } </style>
Menu
<a href="#" class="mainPage__linkIconContainer"> <img src="https://media.discordapp.net/attachments/1063632353597079592/1231337192387776612/chests.png?ex=6636971f&is=6624221f&hm=5fc2eaa17580af5f65453c0622eb3e5e88f781f59861450acb790a3decf85b65&=&format=webp&quality=lossless" alt="" class="mainPage__linkIcon" /> </a> <a href="#" class="mainPage__linkIconContainer"> <img src="https://media.discordapp.net/attachments/1063632353597079592/1231337192387776612/chests.png?ex=6636971f&is=6624221f&hm=5fc2eaa17580af5f65453c0622eb3e5e88f781f59861450acb790a3decf85b65&=&format=webp&quality=lossless" alt="" class="mainPage__linkIcon" /> </a> <a href="#" class="mainPage__linkIconContainer"> <img src="https://media.discordapp.net/attachments/1063632353597079592/1231337192387776612/chests.png?ex=6636971f&is=6624221f&hm=5fc2eaa17580af5f65453c0622eb3e5e88f781f59861450acb790a3decf85b65&=&format=webp&quality=lossless" alt="" class="mainPage__linkIcon" /> </a> <a href="#" class="mainPage__linkIconContainer"> <img src="https://media.discordapp.net/attachments/1063632353597079592/1231337192387776612/chests.png?ex=6636971f&is=6624221f&hm=5fc2eaa17580af5f65453c0622eb3e5e88f781f59861450acb790a3decf85b65&=&format=webp&quality=lossless" alt="" class="mainPage__linkIcon" /> </a> <a href="#" class="mainPage__linkIconContainer"> <img src="https://media.discordapp.net/attachments/1063632353597079592/1231337192387776612/chests.png?ex=6636971f&is=6624221f&hm=5fc2eaa17580af5f65453c0622eb3e5e88f781f59861450acb790a3decf85b65&=&format=webp&quality=lossless" alt="" class="mainPage__linkIcon" /> </a> <a href="#" class="mainPage__linkIconContainer"> <img src="https://media.discordapp.net/attachments/1063632353597079592/1231337192387776612/chests.png?ex=6636971f&is=6624221f&hm=5fc2eaa17580af5f65453c0622eb3e5e88f781f59861450acb790a3decf85b65&=&format=webp&quality=lossless" alt="" class="mainPage__linkIcon" /> </a> <a href="#" class="mainPage__linkIconContainer"> <img src="https://media.discordapp.net/attachments/1063632353597079592/1231337192387776612/chests.png?ex=6636971f&is=6624221f&hm=5fc2eaa17580af5f65453c0622eb3e5e88f781f59861450acb790a3decf85b65&=&format=webp&quality=lossless" alt="" class="mainPage__linkIcon" /> </a> <a href="#" class="mainPage__linkIconContainer"> <img src="https://media.discordapp.net/attachments/1063632353597079592/1231337192387776612/chests.png?ex=6636971f&is=6624221f&hm=5fc2eaa17580af5f65453c0622eb3e5e88f781f59861450acb790a3decf85b65&=&format=webp&quality=lossless" alt="" class="mainPage__linkIcon" /> </a> <a href="#" class="mainPage__linkIconContainer"> <img src="https://media.discordapp.net/attachments/1063632353597079592/1231337192387776612/chests.png?ex=6636971f&is=6624221f&hm=5fc2eaa17580af5f65453c0622eb3e5e88f781f59861450acb790a3decf85b65&=&format=webp&quality=lossless" alt="" class="mainPage__linkIcon" /> </a>