Mudanças entre as edições de "Widget:Newmenu"

De Wiki Gla
Ir para navegação Ir para pesquisar
Linha 36: Linha 36:
       width: 9rem;
       width: 9rem;
       height: 8rem;
       height: 8rem;
       background-image: url("https://cdn.discordapp.com/attachments/822511410768248902/1233793476777476219/back-new.png?ex=662e6337&is=662d11b7&hm=771d450ed3bf539f58a5342e5537d99051ac6d21fae86b5192ea4de56da06352&");
       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="https://media.discordapp.net/attachments/1063632353597079592/1231337192387776612/chests.png?ex=6636971f&is=6624221f&hm=5fc2eaa17580af5f65453c0622eb3e5e88f781f59861450acb790a3decf85b65&=&format=webp&quality=lossless"
         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="https://media.discordapp.net/attachments/1063632353597079592/1231337192387776612/chests.png?ex=6636971f&is=6624221f&hm=5fc2eaa17580af5f65453c0622eb3e5e88f781f59861450acb790a3decf85b65&=&format=webp&quality=lossless"
         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="https://media.discordapp.net/attachments/1063632353597079592/1231337192387776612/chests.png?ex=6636971f&is=6624221f&hm=5fc2eaa17580af5f65453c0622eb3e5e88f781f59861450acb790a3decf85b65&=&format=webp&quality=lossless"
         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="https://media.discordapp.net/attachments/1063632353597079592/1231337192387776612/chests.png?ex=6636971f&is=6624221f&hm=5fc2eaa17580af5f65453c0622eb3e5e88f781f59861450acb790a3decf85b65&=&format=webp&quality=lossless"
         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="https://media.discordapp.net/attachments/1063632353597079592/1231337192387776612/chests.png?ex=6636971f&is=6624221f&hm=5fc2eaa17580af5f65453c0622eb3e5e88f781f59861450acb790a3decf85b65&=&format=webp&quality=lossless"
         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="https://media.discordapp.net/attachments/1063632353597079592/1231337192387776612/chests.png?ex=6636971f&is=6624221f&hm=5fc2eaa17580af5f65453c0622eb3e5e88f781f59861450acb790a3decf85b65&=&format=webp&quality=lossless"
         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="https://media.discordapp.net/attachments/1063632353597079592/1231337192387776612/chests.png?ex=6636971f&is=6624221f&hm=5fc2eaa17580af5f65453c0622eb3e5e88f781f59861450acb790a3decf85b65&=&format=webp&quality=lossless"
         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="https://media.discordapp.net/attachments/1063632353597079592/1231337192387776612/chests.png?ex=6636971f&is=6624221f&hm=5fc2eaa17580af5f65453c0622eb3e5e88f781f59861450acb790a3decf85b65&=&format=webp&quality=lossless"
         src="/images/b/be/Wanted-mainPage-icon.png"
        alt="" class="mainPage__linkIcon" />
         alt="Icone dos wanted pirates" 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>
   </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>