Mudanças entre as edições de "Widget:Newmenu"
Ir para navegação
Ir para pesquisar
Linha 36: | Linha 36: | ||
width: 9rem; | width: 9rem; | ||
height: 8rem; | height: 8rem; | ||
background-image: url(" | background-image: url("/images/0/0b/Bg-mainPage-icon.png"); | ||
background-size: contain; | background-size: contain; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
Linha 67: | Linha 67: | ||
<a href="#" class="mainPage__linkIconContainer"> | <a href="#" class="mainPage__linkIconContainer"> | ||
<img | <img | ||
src=" | src="/images/d/dc/Boost-mainPage-icon.png" | ||
alt="" class="mainPage__linkIcon" /> | alt="Icone de boost de equipamentos" class="mainPage__linkIcon" /> | ||
</a> | </a> | ||
<a href="#" class="mainPage__linkIconContainer"> | <a href="#" class="mainPage__linkIconContainer"> | ||
<img | <img | ||
src=" | src="/images/a/a4/Characters-mainPage-icon.png" | ||
alt="" class="mainPage__linkIcon" /> | alt="Icone de personagens" class="mainPage__linkIcon" /> | ||
</a> | </a> | ||
<a href="#" class="mainPage__linkIconContainer"> | <a href="#" class="mainPage__linkIconContainer"> | ||
<img | <img | ||
src=" | src="/images/b/bd/Chests-mainPage-icon.png" | ||
alt="" class="mainPage__linkIcon" /> | alt="Icone de baus" class="mainPage__linkIcon" /> | ||
</a> | </a> | ||
<a href="#" class="mainPage__linkIconContainer"> | <a href="#" class="mainPage__linkIconContainer"> | ||
<img | <img | ||
src=" | src="/images/6/65/Items-mainPage-icon.png" | ||
alt="" class="mainPage__linkIcon" /> | alt="Icone de items" class="mainPage__linkIcon" /> | ||
</a> | </a> | ||
<a href="#" class="mainPage__linkIconContainer"> | <a href="#" class="mainPage__linkIconContainer"> | ||
<img | <img | ||
src=" | src="/images/9/99/Noland-mainPage-icon.png" | ||
alt="" class="mainPage__linkIcon" /> | alt="Icone do Noland" class="mainPage__linkIcon" /> | ||
</a> | </a> | ||
<a href="#" class="mainPage__linkIconContainer"> | <a href="#" class="mainPage__linkIconContainer"> | ||
<img | <img | ||
src=" | src="/images/a/ab/Wb-mainPage-icon.png" | ||
alt="" class="mainPage__linkIcon" /> | alt="Icone dos world bosses" class="mainPage__linkIcon" /> | ||
</a> | </a> | ||
<a href="#" class="mainPage__linkIconContainer"> | <a href="#" class="mainPage__linkIconContainer"> | ||
<img | <img | ||
src=" | src="/images/5/5e/Weekly-mainPage-icon.png" | ||
alt="" class="mainPage__linkIcon" /> | alt="Icone dos weekly bosses" class="mainPage__linkIcon" /> | ||
</a> | </a> | ||
<a href="#" class="mainPage__linkIconContainer"> | <a href="#" class="mainPage__linkIconContainer"> | ||
<img | <img | ||
src=" | src="/images/b/be/Wanted-mainPage-icon.png" | ||
alt="Icone dos wanted pirates" class="mainPage__linkIcon" /> | |||
alt="" class="mainPage__linkIcon" /> | |||
</a> | </a> | ||
</div> | </div> | ||
</div> | </div> |
Edição das 15h09min de 1 de maio 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("/images/0/0b/Bg-mainPage-icon.png"); 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; }
@media screen and (max-width: 1810px) { .mainPage__containerLinkIcon { grid-template-columns: repeat(3, 1fr); } } </style>
Menu
<a href="#" class="mainPage__linkIconContainer"> <img src="/images/d/dc/Boost-mainPage-icon.png" alt="Icone de boost de equipamentos" class="mainPage__linkIcon" /> </a> <a href="#" class="mainPage__linkIconContainer"> <img src="/images/a/a4/Characters-mainPage-icon.png" alt="Icone de personagens" class="mainPage__linkIcon" /> </a> <a href="#" class="mainPage__linkIconContainer"> <img src="/images/b/bd/Chests-mainPage-icon.png" alt="Icone de baus" class="mainPage__linkIcon" /> </a> <a href="#" class="mainPage__linkIconContainer"> <img src="/images/6/65/Items-mainPage-icon.png" alt="Icone de items" class="mainPage__linkIcon" /> </a> <a href="#" class="mainPage__linkIconContainer"> <img src="/images/9/99/Noland-mainPage-icon.png" alt="Icone do Noland" class="mainPage__linkIcon" /> </a> <a href="#" class="mainPage__linkIconContainer"> <img src="/images/a/ab/Wb-mainPage-icon.png" alt="Icone dos world bosses" class="mainPage__linkIcon" /> </a> <a href="#" class="mainPage__linkIconContainer"> <img src="/images/5/5e/Weekly-mainPage-icon.png" alt="Icone dos weekly bosses" class="mainPage__linkIcon" /> </a> <a href="#" class="mainPage__linkIconContainer"> <img src="/images/b/be/Wanted-mainPage-icon.png" alt="Icone dos wanted pirates" class="mainPage__linkIcon" /> </a>