65 lines
1.5 KiB
HTML
65 lines
1.5 KiB
HTML
<!--
|
|
JCE TEMPLATE: Deal-Box (self-contained)
|
|
brettspiel-news.de — BSN-Blau #20228a
|
|
|
|
ANLEITUNG:
|
|
Diesen gesamten Block in JCE speichern:
|
|
JCE Editor → Insert → Template → New → Name "Deal-Box" → Inhalt einfügen
|
|
|
|
Pro Artikel nur die GROSSGESCHRIEBENEN Platzhalter ersetzen.
|
|
-->
|
|
|
|
<style>
|
|
.deal-box {
|
|
background: linear-gradient(135deg, #20228a, #3b3da8);
|
|
color: #fff;
|
|
border-radius: 10px;
|
|
padding: 1.3rem 1.5rem;
|
|
margin: 1.5rem 0;
|
|
line-height: 1.4;
|
|
}
|
|
.deal-box p { margin: 0.3rem 0; }
|
|
.deal-box .old-price {
|
|
text-decoration: line-through;
|
|
opacity: 0.7;
|
|
font-size: 1.1rem;
|
|
}
|
|
.deal-box .new-price {
|
|
font-size: 2rem;
|
|
font-weight: 700;
|
|
}
|
|
.deal-box .discount {
|
|
background: #ff6b35;
|
|
padding: 0.2rem 0.7rem;
|
|
border-radius: 5px;
|
|
font-weight: 600;
|
|
font-size: 0.95rem;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-left: 0.5rem;
|
|
}
|
|
.deal-box a {
|
|
color: #fff;
|
|
text-decoration: underline;
|
|
text-underline-offset: 3px;
|
|
font-weight: 600;
|
|
}
|
|
.deal-box a:hover { color: #ffd700; }
|
|
.deal-box .shop-info {
|
|
font-size: 0.95rem;
|
|
opacity: 0.9;
|
|
}
|
|
</style>
|
|
|
|
<div class="deal-box">
|
|
<p>
|
|
<span class="old-price">ALTER PREIS</span>
|
|
<span class="discount">-RABATT%</span>
|
|
</p>
|
|
<p><span class="new-price">NEUER PREIS</span></p>
|
|
<p class="shop-info">
|
|
bei der <a href="AFFILIATE-URL" target="_blank" rel="nofollow sponsored">SHOP-NAME →</a>
|
|
· Sofort versandfertig
|
|
</p>
|
|
</div>
|