Mudanças entre as edições de "Widget:Gurren"
Ir para navegação
Ir para pesquisar
m |
|||
| Linha 14: | Linha 14: | ||
<style> | <style> | ||
.social-widget { | |||
display: block; | |||
position: relative; | |||
width: 100%; | |||
height: 2.5em; | |||
margin-bottom: 0.75em; | |||
padding-left: 3em; | |||
border-radius: 0.75em; | |||
background: url('https://i.imgur.com/SEU_IMGUR_DISCORD.png') center/cover no-repeat; | |||
color: #fff; | |||
font-weight: bold; | |||
line-height: 2.5em; | |||
text-decoration: none; | |||
box-sizing: border-box; | |||
overflow: hidden; | |||
} | |||
.social-widget .social-icon { | |||
position: absolute; | |||
top: 50%; | |||
left: 0.6em; | |||
width: 1.5em; | |||
height: 1.5em; | |||
transform: translateY(-50%); | |||
} | |||
</style> | |||
<a | <a | ||
href="https://discord.gg/SEULINK" | href="https://discord.gg/SEULINK" | ||
class="social- | class="social-widget" | ||
target="_blank" | target="_blank" | ||
rel="noopener" | rel="noopener" | ||
| Linha 24: | Linha 49: | ||
src="https://cdn.simpleicons.org/Discord/ffffff" | src="https://cdn.simpleicons.org/Discord/ffffff" | ||
alt="Discord" | alt="Discord" | ||
class="social-icon" | |||
/> | /> | ||
Discord | |||
</a> | </a> | ||
Edição das 22h45min de 22 de abril de 2025
<a href="https://discord.gg/SEULINK" class="social-btn" style="background-image: url('https://wiki.seusite.com.br/images/disco-bg.png');" target="_blank" rel="noopener"> <img src="https://cdn.simpleicons.org/Discord/ffffff" alt="Discord" class="icon" /> Discord </a>
<a href="https://facebook.com/SEUPAGE" class="social-btn" style="background-image: url('https://wiki.seusite.com.br/images/face-bg.png');" target="_blank" rel="noopener"> <img src="https://cdn.simpleicons.org/Facebook/ffffff" alt="Facebook" class="icon" /> Facebook </a>
<style>
.social-widget {
display: block;
position: relative;
width: 100%;
height: 2.5em;
margin-bottom: 0.75em;
padding-left: 3em;
border-radius: 0.75em;
background: url('https://i.imgur.com/SEU_IMGUR_DISCORD.png') center/cover no-repeat;
color: #fff;
font-weight: bold;
line-height: 2.5em;
text-decoration: none;
box-sizing: border-box;
overflow: hidden;
}
.social-widget .social-icon {
position: absolute;
top: 50%;
left: 0.6em;
width: 1.5em;
height: 1.5em;
transform: translateY(-50%);
}
</style>
<a
href="https://discord.gg/SEULINK" class="social-widget" target="_blank" rel="noopener"
>
<img src="https://cdn.simpleicons.org/Discord/ffffff" alt="Discord" class="social-icon" /> Discord
</a>