Mudanças entre as edições de "Widget:Changelog"
Ir para navegação
Ir para pesquisar
Linha 1: | Linha 1: | ||
<div class=" | <div class="tibia-events-widget"> | ||
< | <!-- Evento 1 --> | ||
<div class="event-item"> | |||
<div class="event-title"> | |||
<span class="event-name">Chyllfroest</span> | |||
<span class="event-icon">●</span> <!-- Ícone/bullet, ajuste se quiser outra forma --> | |||
</div> | |||
<div class="event-desc"> | |||
</ | Uma ponte de gelo agora conecta Svargrond a uma ilha gelada, onde monstros | ||
< | e uma estranha criatura congelada foram avistados. | ||
</div> | |||
<div class="event-more"> | |||
<a href="/wiki/Chyllfroest">Saiba mais ➔</a> | |||
</div> | |||
</div> | |||
< | |||
<!-- Evento 2 --> | |||
<div class="event-item"> | |||
<div class="event-title"> | |||
<span class="event-name">Prank Month</span> | |||
<span class="event-icon">●</span> | |||
</div> | |||
</ | <div class="event-desc"> | ||
</ | Desfrute de um mês inteiro de pegadinhas! A Hoaxette está oferecendo feitiços, | ||
travessuras e presentes especiais que têm alguns efeitos engraçados. | |||
Um conselho final: sempre trate bem os palhaços... | |||
</div> | |||
<div class="event-more"> | |||
<a href="/wiki/Prank_Month">Saiba mais ➔</a> | |||
</div> | |||
</div> | |||
</div> | </div> | ||
<style> | <style> | ||
. | .tibia-events-widget { | ||
font-family: sans-serif; | font-family: sans-serif; | ||
margin: 10px 0; | |||
} | } | ||
. | /* Cada evento */ | ||
.event-item { | |||
padding: 5px 0; | |||
border-bottom: 1px solid #ccc; | |||
} | } | ||
. | /* Último evento sem borda */ | ||
.event-item:last-child { | |||
border-bottom: none; | |||
border-bottom: | |||
} | } | ||
. | /* Título do evento (Chyllfroest, Prank Month, etc.) */ | ||
.event-title { | |||
font-size: 120%; | |||
font-weight: bold; | |||
color: #000; | |||
margin-bottom: 4px; | |||
vertical-align: -5px; /* Ajuste para alinhar com o estilo TibiaWiki */ | |||
} | } | ||
. | /* Ícone/bullet após o título */ | ||
.event-icon { | |||
color: #000; | |||
margin-left: 4px; | |||
font-weight: normal; | |||
} | } | ||
. | /* Descrição do evento */ | ||
.event-desc { | |||
height: | margin-bottom: 4px; | ||
line-height: 1.4; | |||
} | } | ||
. | /* Link "Saiba mais" */ | ||
.event-more a { | |||
font-weight: bold; | font-weight: bold; | ||
color: #0645AD; | |||
text-decoration: none; | |||
} | } | ||
. | .event-more a:hover { | ||
text-decoration: underline; | |||
} | } | ||
</style> | </style> |
Edição das 18h00min de 3 de abril de 2025
<style> .tibia-events-widget {
font-family: sans-serif; margin: 10px 0;
}
/* Cada evento */ .event-item {
padding: 5px 0; border-bottom: 1px solid #ccc;
}
/* Último evento sem borda */ .event-item:last-child {
border-bottom: none;
}
/* Título do evento (Chyllfroest, Prank Month, etc.) */ .event-title {
font-size: 120%; font-weight: bold; color: #000; margin-bottom: 4px; vertical-align: -5px; /* Ajuste para alinhar com o estilo TibiaWiki */
}
/* Ícone/bullet após o título */ .event-icon {
color: #000; margin-left: 4px; font-weight: normal;
}
/* Descrição do evento */ .event-desc {
margin-bottom: 4px; line-height: 1.4;
}
/* Link "Saiba mais" */ .event-more a {
font-weight: bold; color: #0645AD; text-decoration: none;
}
.event-more a:hover {
text-decoration: underline;
} </style>