Tabje rechts Actie
<style>
.actie-tab {
position: fixed;
top: 40%;
right: 0;
background-color: #90a8ad;
color: white;
padding: 10px 15px;
border-radius: 8px 0 0 8px;
cursor: pointer;
z-index: 9999;
font-weight: bold;
writing-mode: vertical-rl;
text-orientation: mixed;
box-shadow: 0 2px 8px rgba(0,0,0,0.2);
transition: background-color 0.3s ease;
}
.actie-tab:hover {
background-color: #6f8c91;
}
</style>
<div class=”actie-tab-trigger actie-tab” title=”Klik voor actie”>
🎁 Actie
</div>
Tabje rechts Blog
<style>
.actie-tab {
position: fixed;
top: 50%;
right: 0;
background-color: #90a8ad;
color: white;
padding: 10px 15px;
border-radius: 8px 0 0 8px;
cursor: pointer;
z-index: 9999;
font-weight: bold;
writing-mode: vertical-rl;
text-orientation: mixed;
box-shadow: 0 2px 8px rgba(0,0,0,0.2);
transition: background-color 0.3s ease;
}
.actie-tab:hover {
background-color: #6f8c91;
}
</style>
<div class=”actie-tab-trigger actie-tab” title=”Lees onze blog”>
📋 Blog
</div>
