Mudanças entre as edições de "Widget:Newmenu"
Ir para navegação
Ir para pesquisar
(Criou página com '<style> .mainPage__containerCard { display: grid; grid-template-columns: repeat(9, 1fr); border: 2px solid #354967; } .mainPage__cardTitle { background-...') |
|||
(3 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
Linha 1: | Linha 1: | ||
<style> | <style> | ||
#content { | |||
background: linear-gradient(#23242b, #284460); | |||
border: 2px solid #155777; | |||
border: 2px solid #354967; | } | ||
.mainPage__card { | |||
border: 4px solid #354967; | |||
} | } | ||
Linha 9: | Linha 12: | ||
background-color: #354967; | background-color: #354967; | ||
color: #fff; | color: #fff; | ||
font-weight: | font-weight: 700; | ||
text-align: center; | text-align: center; | ||
font-size: 1.3rem; | |||
} | |||
.mainPage__containerLinkIcon { | |||
display: grid; | |||
gap: 1rem; | |||
grid-template-columns: repeat(9, 1fr); | |||
} | } | ||
.mainPage__linkIcon { | .mainPage__linkIcon { | ||
position: relative; | |||
width: 3rem; | |||
} | |||
.mainPage__linkIconContainer { | |||
background-image: url(https://media.discordapp.net/attachments/1063632353597079592/1231337194434723921/background.png?ex=662b6260&is=662a10e0&hm=cd0239c1c2dadb112ef9e9bacb2ec4db133fa1a5a36326360b9b255065c990bb&=&format=webp&quality=lossless); | |||
background-size: cover; | |||
} | } | ||
</style> | </style> | ||
<div class="mainPage__card w-100"> | |||
<div class="mainPage__cardTitle"> | |||
Menu | |||
<img | </div> | ||
<div class="mainPage__containerLinkIcon"> | |||
<img | <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" | |||
<img | alt="" class="mainPage__linkIcon" /> | ||
</a> | |||
<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" | |||
alt="" class="mainPage__linkIcon" /> | |||
<img | </a> | ||
<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" | ||
alt="" class="mainPage__linkIcon" /> | |||
</a> | |||
<img | <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" | |||
<img | alt="" class="mainPage__linkIcon" /> | ||
</a> | |||
<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" | |||
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> | |||
</div> | </div> | ||
</div> |
Edição das 00h35min de 26 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; gap: 1rem; grid-template-columns: repeat(9, 1fr); }
.mainPage__linkIcon { position: relative; width: 3rem; }
.mainPage__linkIconContainer { background-image: url(https://media.discordapp.net/attachments/1063632353597079592/1231337194434723921/background.png?ex=662b6260&is=662a10e0&hm=cd0239c1c2dadb112ef9e9bacb2ec4db133fa1a5a36326360b9b255065c990bb&=&format=webp&quality=lossless); background-size: cover; }
</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>