Şehitlerimizi rahmet, minnet ve saygıyla anıyoruz · Vatan sağ olsun
Şehitlerimizi kendi sitenizde de anmak için aşağıdaki bannerları kullanabilirsiniz. Bant biçimi sayfanın üstüne ya da altına, kart (300×250) biçimi kenar çubuğuna, yazı arasına ya da sayfa sonuna uygundur. Her bannerın altındaki Kod bölümünden sitenizin altyapısına uygun sürümü kopyalayın.
Güncel bannerlar her gün kendiliğinden değişir: yeni bir şehidimiz varsa yalnızca onun adı, yoksa bugün şehadetinin yıl dönümü olan şehitlerimizin adları tek tek değişerek, ikisi de yoksa anma yazısı görünür. Sabit bannerlar hiçbir dış dosyaya ihtiyaç duymaz.
Yeni şehit varsa yalnızca onun adı; yoksa bugün yıl dönümü olan şehitlerin adları tek tek değişerek görünür; ikisi de yoksa anma yazısı. Sayfanın üstüne ya da altına.
<!-- Vatan Sağ Olsun — Güncel bant — https://vatansagolsun.com.tr/bannerlar -->
<iframe src="https://vatansagolsun.com.tr/gomulu/guncel?bicim=bant&renk=kirmizi" title="Şehitlerimizi anıyoruz" loading="lazy" style="width:100%;max-width:100%;height:44px;border:0;display:block"></iframe>// Vatan Sağ Olsun — Güncel bant — https://vatansagolsun.com.tr/bannerlar
export default function GuncelBantBanner() {
return (
<iframe src="https://vatansagolsun.com.tr/gomulu/guncel?bicim=bant&renk=kirmizi" title="Şehitlerimizi anıyoruz" loading="lazy" style={{ width: "100%", maxWidth: "100%", height: "44px", border: "0", display: "block" }} />
);
}
<!-- GuncelBantBanner.vue — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar -->
<template>
<iframe src="https://vatansagolsun.com.tr/gomulu/guncel?bicim=bant&renk=kirmizi" title="Şehitlerimizi anıyoruz" loading="lazy" style="width:100%;max-width:100%;height:44px;border:0;display:block"></iframe>
</template>
<!-- GuncelBantBanner.svelte — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar -->
<iframe src="https://vatansagolsun.com.tr/gomulu/guncel?bicim=bant&renk=kirmizi" title="Şehitlerimizi anıyoruz" loading="lazy" style="width:100%;max-width:100%;height:44px;border:0;display:block"></iframe>
// guncel-bant-banner.component.ts — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar
import { Component } from '@angular/core';
@Component({
selector: 'app-guncel-bant-banner',
standalone: true,
template: `
<iframe src="https://vatansagolsun.com.tr/gomulu/guncel?bicim=bant&renk=kirmizi" title="Şehitlerimizi anıyoruz" loading="lazy" style="width:100%;max-width:100%;height:44px;border:0;display:block"></iframe>
`,
})
export class GuncelBantBannerComponent {}
<!-- Güncel bant: sayfanın en üstüne yerleşir -->
<script src="https://vatansagolsun.com.tr/bant.js" data-banner="guncel-bant" defer></script>Güncel bandın kenar çubuğu ve yazı arası için kart biçimi.
<!-- Vatan Sağ Olsun — Güncel kart (300×250) — https://vatansagolsun.com.tr/bannerlar -->
<iframe src="https://vatansagolsun.com.tr/gomulu/guncel?bicim=kart&renk=koyu" title="Şehitlerimizi anıyoruz" loading="lazy" style="width:300px;max-width:100%;height:auto;aspect-ratio:300 / 250;border:0;display:block"></iframe>// Vatan Sağ Olsun — Güncel kart (300×250) — https://vatansagolsun.com.tr/bannerlar
export default function GuncelKartBanner() {
return (
<iframe src="https://vatansagolsun.com.tr/gomulu/guncel?bicim=kart&renk=koyu" title="Şehitlerimizi anıyoruz" loading="lazy" style={{ width: "300px", maxWidth: "100%", height: "auto", aspectRatio: "300 / 250", border: "0", display: "block" }} />
);
}
<!-- GuncelKartBanner.vue — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar -->
<template>
<iframe src="https://vatansagolsun.com.tr/gomulu/guncel?bicim=kart&renk=koyu" title="Şehitlerimizi anıyoruz" loading="lazy" style="width:300px;max-width:100%;height:auto;aspect-ratio:300 / 250;border:0;display:block"></iframe>
</template>
<!-- GuncelKartBanner.svelte — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar -->
<iframe src="https://vatansagolsun.com.tr/gomulu/guncel?bicim=kart&renk=koyu" title="Şehitlerimizi anıyoruz" loading="lazy" style="width:300px;max-width:100%;height:auto;aspect-ratio:300 / 250;border:0;display:block"></iframe>
// guncel-kart-banner.component.ts — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar
import { Component } from '@angular/core';
@Component({
selector: 'app-guncel-kart-banner',
standalone: true,
template: `
<iframe src="https://vatansagolsun.com.tr/gomulu/guncel?bicim=kart&renk=koyu" title="Şehitlerimizi anıyoruz" loading="lazy" style="width:300px;max-width:100%;height:auto;aspect-ratio:300 / 250;border:0;display:block"></iframe>
`,
})
export class GuncelKartBannerComponent {}
<!-- Güncel kart (300×250): bu satırın bulunduğu yere yerleşir -->
<script src="https://vatansagolsun.com.tr/bant.js" data-banner="guncel-kart" defer></script>Sitenin üstünde kullandığımız bant: kırmızı zemin, beyaz yazı ve ay-yıldız.
<!-- Vatan Sağ Olsun — Kırmızı anma bandı — https://vatansagolsun.com.tr/bannerlar -->
<div role="note" aria-label="Anma" style="width:100%;box-sizing:border-box;background:#e30a17;color:#ffffff;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;padding:8px 16px;margin:0;font-family:Georgia, 'Times New Roman', serif;font-size:18px;font-weight:600;letter-spacing:0.5px;line-height:1.3;text-align:center">
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:34px;height:24px;color:#e30a17"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
<span>Şehitlerimizi rahmet, minnet ve saygıyla anıyoruz · Vatan sağ olsun</span>
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:34px;height:24px;color:#e30a17;transform:scaleX(-1)"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
</div>// Vatan Sağ Olsun — Kırmızı anma bandı — https://vatansagolsun.com.tr/bannerlar
export default function KirmiziBanner() {
return (
<div role="note" aria-label="Anma" style={{ width: "100%", boxSizing: "border-box", background: "#e30a17", color: "#ffffff", display: "flex", flexWrap: "wrap", alignItems: "center", justifyContent: "center", gap: "14px", padding: "8px 16px", margin: "0", fontFamily: "Georgia, 'Times New Roman', serif", fontSize: "18px", fontWeight: "600", letterSpacing: "0.5px", lineHeight: "1.3", textAlign: "center" }}>
<svg viewBox="225 200 565 400" aria-hidden="true" style={{ flex: "none", width: "34px", height: "24px", color: "#e30a17" }}><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
<span>Şehitlerimizi rahmet, minnet ve saygıyla anıyoruz · Vatan sağ olsun</span>
<svg viewBox="225 200 565 400" aria-hidden="true" style={{ flex: "none", width: "34px", height: "24px", color: "#e30a17", transform: "scaleX(-1)" }}><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
</div>
);
}
<!-- KirmiziBanner.vue — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar -->
<template>
<div role="note" aria-label="Anma" style="width:100%;box-sizing:border-box;background:#e30a17;color:#ffffff;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;padding:8px 16px;margin:0;font-family:Georgia, 'Times New Roman', serif;font-size:18px;font-weight:600;letter-spacing:0.5px;line-height:1.3;text-align:center">
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:34px;height:24px;color:#e30a17"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
<span>Şehitlerimizi rahmet, minnet ve saygıyla anıyoruz · Vatan sağ olsun</span>
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:34px;height:24px;color:#e30a17;transform:scaleX(-1)"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
</div>
</template>
<!-- KirmiziBanner.svelte — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar -->
<div role="note" aria-label="Anma" style="width:100%;box-sizing:border-box;background:#e30a17;color:#ffffff;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;padding:8px 16px;margin:0;font-family:Georgia, 'Times New Roman', serif;font-size:18px;font-weight:600;letter-spacing:0.5px;line-height:1.3;text-align:center">
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:34px;height:24px;color:#e30a17"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
<span>Şehitlerimizi rahmet, minnet ve saygıyla anıyoruz · Vatan sağ olsun</span>
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:34px;height:24px;color:#e30a17;transform:scaleX(-1)"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
</div>
// kirmizi-banner.component.ts — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar
import { Component } from '@angular/core';
@Component({
selector: 'app-kirmizi-banner',
standalone: true,
template: `
<div role="note" aria-label="Anma" style="width:100%;box-sizing:border-box;background:#e30a17;color:#ffffff;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;padding:8px 16px;margin:0;font-family:Georgia, 'Times New Roman', serif;font-size:18px;font-weight:600;letter-spacing:0.5px;line-height:1.3;text-align:center">
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:34px;height:24px;color:#e30a17"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
<span>Şehitlerimizi rahmet, minnet ve saygıyla anıyoruz · Vatan sağ olsun</span>
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:34px;height:24px;color:#e30a17;transform:scaleX(-1)"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
</div>
`,
})
export class KirmiziBannerComponent {}
<!-- Kırmızı anma bandı: sayfanın en üstüne yerleşir -->
<script src="https://vatansagolsun.com.tr/bant.js" data-banner="kirmizi" defer></script>Yas ve anma günleri için koyu zemin, beyaz ay-yıldız ve kırmızı vurgu.
<!-- Vatan Sağ Olsun — Koyu anma bandı — https://vatansagolsun.com.tr/bannerlar -->
<div role="note" aria-label="Anma" style="width:100%;box-sizing:border-box;background:#0d0f12;color:#e9e6df;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;padding:8px 16px;margin:0;font-family:Georgia, 'Times New Roman', serif;font-size:18px;font-weight:600;letter-spacing:0.5px;line-height:1.3;text-align:center;border-bottom:2px solid #e30a17">
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:34px;height:24px;color:#0d0f12"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
<span>Şehitlerimizi rahmet, minnet ve saygıyla anıyoruz · Vatan sağ olsun</span>
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:34px;height:24px;color:#0d0f12;transform:scaleX(-1)"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
</div>// Vatan Sağ Olsun — Koyu anma bandı — https://vatansagolsun.com.tr/bannerlar
export default function KoyuBanner() {
return (
<div role="note" aria-label="Anma" style={{ width: "100%", boxSizing: "border-box", background: "#0d0f12", color: "#e9e6df", display: "flex", flexWrap: "wrap", alignItems: "center", justifyContent: "center", gap: "14px", padding: "8px 16px", margin: "0", fontFamily: "Georgia, 'Times New Roman', serif", fontSize: "18px", fontWeight: "600", letterSpacing: "0.5px", lineHeight: "1.3", textAlign: "center", borderBottom: "2px solid #e30a17" }}>
<svg viewBox="225 200 565 400" aria-hidden="true" style={{ flex: "none", width: "34px", height: "24px", color: "#0d0f12" }}><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
<span>Şehitlerimizi rahmet, minnet ve saygıyla anıyoruz · Vatan sağ olsun</span>
<svg viewBox="225 200 565 400" aria-hidden="true" style={{ flex: "none", width: "34px", height: "24px", color: "#0d0f12", transform: "scaleX(-1)" }}><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
</div>
);
}
<!-- KoyuBanner.vue — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar -->
<template>
<div role="note" aria-label="Anma" style="width:100%;box-sizing:border-box;background:#0d0f12;color:#e9e6df;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;padding:8px 16px;margin:0;font-family:Georgia, 'Times New Roman', serif;font-size:18px;font-weight:600;letter-spacing:0.5px;line-height:1.3;text-align:center;border-bottom:2px solid #e30a17">
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:34px;height:24px;color:#0d0f12"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
<span>Şehitlerimizi rahmet, minnet ve saygıyla anıyoruz · Vatan sağ olsun</span>
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:34px;height:24px;color:#0d0f12;transform:scaleX(-1)"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
</div>
</template>
<!-- KoyuBanner.svelte — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar -->
<div role="note" aria-label="Anma" style="width:100%;box-sizing:border-box;background:#0d0f12;color:#e9e6df;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;padding:8px 16px;margin:0;font-family:Georgia, 'Times New Roman', serif;font-size:18px;font-weight:600;letter-spacing:0.5px;line-height:1.3;text-align:center;border-bottom:2px solid #e30a17">
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:34px;height:24px;color:#0d0f12"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
<span>Şehitlerimizi rahmet, minnet ve saygıyla anıyoruz · Vatan sağ olsun</span>
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:34px;height:24px;color:#0d0f12;transform:scaleX(-1)"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
</div>
// koyu-banner.component.ts — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar
import { Component } from '@angular/core';
@Component({
selector: 'app-koyu-banner',
standalone: true,
template: `
<div role="note" aria-label="Anma" style="width:100%;box-sizing:border-box;background:#0d0f12;color:#e9e6df;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;padding:8px 16px;margin:0;font-family:Georgia, 'Times New Roman', serif;font-size:18px;font-weight:600;letter-spacing:0.5px;line-height:1.3;text-align:center;border-bottom:2px solid #e30a17">
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:34px;height:24px;color:#0d0f12"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
<span>Şehitlerimizi rahmet, minnet ve saygıyla anıyoruz · Vatan sağ olsun</span>
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:34px;height:24px;color:#0d0f12;transform:scaleX(-1)"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
</div>
`,
})
export class KoyuBannerComponent {}
<!-- Koyu anma bandı: sayfanın en üstüne yerleşir -->
<script src="https://vatansagolsun.com.tr/bant.js" data-banner="koyu" defer></script>Kenar çubuğu, yazı arası ya da sayfa sonu için kart biçiminde anma.
<!-- Vatan Sağ Olsun — Anma kartı (300×250) — https://vatansagolsun.com.tr/bannerlar -->
<div role="note" aria-label="Anma" style="width:300px;height:250px;max-width:100%;box-sizing:border-box;background:#e30a17;color:#ffffff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;margin:0;border-radius:8px;font-family:Georgia, 'Times New Roman', serif;text-align:center">
<div style="display:flex;gap:18px">
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:44px;height:31px;color:#e30a17"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:44px;height:31px;color:#e30a17;transform:scaleX(-1)"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
</div>
<div style="font-size:21px;font-weight:600;line-height:1.3">Şehitlerimizi rahmet, minnet ve saygıyla anıyoruz</div>
<div style="font-size:13px;letter-spacing:2px;text-transform:uppercase;opacity:0.85">Vatan sağ olsun</div>
</div>// Vatan Sağ Olsun — Anma kartı (300×250) — https://vatansagolsun.com.tr/bannerlar
export default function AnmaKartBanner() {
return (
<div role="note" aria-label="Anma" style={{ width: "300px", height: "250px", maxWidth: "100%", boxSizing: "border-box", background: "#e30a17", color: "#ffffff", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "14px", padding: "20px", margin: "0", borderRadius: "8px", fontFamily: "Georgia, 'Times New Roman', serif", textAlign: "center" }}>
<div style={{ display: "flex", gap: "18px" }}>
<svg viewBox="225 200 565 400" aria-hidden="true" style={{ flex: "none", width: "44px", height: "31px", color: "#e30a17" }}><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
<svg viewBox="225 200 565 400" aria-hidden="true" style={{ flex: "none", width: "44px", height: "31px", color: "#e30a17", transform: "scaleX(-1)" }}><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
</div>
<div style={{ fontSize: "21px", fontWeight: "600", lineHeight: "1.3" }}>Şehitlerimizi rahmet, minnet ve saygıyla anıyoruz</div>
<div style={{ fontSize: "13px", letterSpacing: "2px", textTransform: "uppercase", opacity: "0.85" }}>Vatan sağ olsun</div>
</div>
);
}
<!-- AnmaKartBanner.vue — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar -->
<template>
<div role="note" aria-label="Anma" style="width:300px;height:250px;max-width:100%;box-sizing:border-box;background:#e30a17;color:#ffffff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;margin:0;border-radius:8px;font-family:Georgia, 'Times New Roman', serif;text-align:center">
<div style="display:flex;gap:18px">
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:44px;height:31px;color:#e30a17"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:44px;height:31px;color:#e30a17;transform:scaleX(-1)"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
</div>
<div style="font-size:21px;font-weight:600;line-height:1.3">Şehitlerimizi rahmet, minnet ve saygıyla anıyoruz</div>
<div style="font-size:13px;letter-spacing:2px;text-transform:uppercase;opacity:0.85">Vatan sağ olsun</div>
</div>
</template>
<!-- AnmaKartBanner.svelte — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar -->
<div role="note" aria-label="Anma" style="width:300px;height:250px;max-width:100%;box-sizing:border-box;background:#e30a17;color:#ffffff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;margin:0;border-radius:8px;font-family:Georgia, 'Times New Roman', serif;text-align:center">
<div style="display:flex;gap:18px">
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:44px;height:31px;color:#e30a17"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:44px;height:31px;color:#e30a17;transform:scaleX(-1)"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
</div>
<div style="font-size:21px;font-weight:600;line-height:1.3">Şehitlerimizi rahmet, minnet ve saygıyla anıyoruz</div>
<div style="font-size:13px;letter-spacing:2px;text-transform:uppercase;opacity:0.85">Vatan sağ olsun</div>
</div>
// anma-kart-banner.component.ts — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar
import { Component } from '@angular/core';
@Component({
selector: 'app-anma-kart-banner',
standalone: true,
template: `
<div role="note" aria-label="Anma" style="width:300px;height:250px;max-width:100%;box-sizing:border-box;background:#e30a17;color:#ffffff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;margin:0;border-radius:8px;font-family:Georgia, 'Times New Roman', serif;text-align:center">
<div style="display:flex;gap:18px">
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:44px;height:31px;color:#e30a17"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:44px;height:31px;color:#e30a17;transform:scaleX(-1)"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
</div>
<div style="font-size:21px;font-weight:600;line-height:1.3">Şehitlerimizi rahmet, minnet ve saygıyla anıyoruz</div>
<div style="font-size:13px;letter-spacing:2px;text-transform:uppercase;opacity:0.85">Vatan sağ olsun</div>
</div>
`,
})
export class AnmaKartBannerComponent {}
<!-- Anma kartı (300×250): bu satırın bulunduğu yere yerleşir -->
<script src="https://vatansagolsun.com.tr/bant.js" data-banner="anma-kart" defer></script>Kırmızı zemin, ortada yazı, sağda büyük ve yarı saydam ay-yıldız filigranı.
<!-- Vatan Sağ Olsun — Filigran bant — https://vatansagolsun.com.tr/bannerlar -->
<div role="note" aria-label="Anma" style="position:relative;overflow:hidden;width:100%;box-sizing:border-box;background:#e30a17;color:#ffffff;padding:14px 120px 14px 20px;margin:0;font-family:Georgia, 'Times New Roman', serif;text-align:center">
<div style="position:relative;z-index:1;font-size:20px;font-weight:600;line-height:1.3;letter-spacing:0.3px">Şehitlerimizi rahmet, minnet ve saygıyla anıyoruz</div>
<div style="position:relative;z-index:1;font-size:12px;letter-spacing:3px;text-transform:uppercase;opacity:0.85;margin-top:4px">Vatan sağ olsun</div>
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:150px;height:106px;color:#e30a17;position:absolute;right:-18px;top:50%;transform:translateY(-50%);opacity:0.22"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
</div>// Vatan Sağ Olsun — Filigran bant — https://vatansagolsun.com.tr/bannerlar
export default function FiligranBanner() {
return (
<div role="note" aria-label="Anma" style={{ position: "relative", overflow: "hidden", width: "100%", boxSizing: "border-box", background: "#e30a17", color: "#ffffff", padding: "14px 120px 14px 20px", margin: "0", fontFamily: "Georgia, 'Times New Roman', serif", textAlign: "center" }}>
<div style={{ position: "relative", zIndex: "1", fontSize: "20px", fontWeight: "600", lineHeight: "1.3", letterSpacing: "0.3px" }}>Şehitlerimizi rahmet, minnet ve saygıyla anıyoruz</div>
<div style={{ position: "relative", zIndex: "1", fontSize: "12px", letterSpacing: "3px", textTransform: "uppercase", opacity: "0.85", marginTop: "4px" }}>Vatan sağ olsun</div>
<svg viewBox="225 200 565 400" aria-hidden="true" style={{ flex: "none", width: "150px", height: "106px", color: "#e30a17", position: "absolute", right: "-18px", top: "50%", transform: "translateY(-50%)", opacity: "0.22" }}><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
</div>
);
}
<!-- FiligranBanner.vue — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar -->
<template>
<div role="note" aria-label="Anma" style="position:relative;overflow:hidden;width:100%;box-sizing:border-box;background:#e30a17;color:#ffffff;padding:14px 120px 14px 20px;margin:0;font-family:Georgia, 'Times New Roman', serif;text-align:center">
<div style="position:relative;z-index:1;font-size:20px;font-weight:600;line-height:1.3;letter-spacing:0.3px">Şehitlerimizi rahmet, minnet ve saygıyla anıyoruz</div>
<div style="position:relative;z-index:1;font-size:12px;letter-spacing:3px;text-transform:uppercase;opacity:0.85;margin-top:4px">Vatan sağ olsun</div>
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:150px;height:106px;color:#e30a17;position:absolute;right:-18px;top:50%;transform:translateY(-50%);opacity:0.22"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
</div>
</template>
<!-- FiligranBanner.svelte — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar -->
<div role="note" aria-label="Anma" style="position:relative;overflow:hidden;width:100%;box-sizing:border-box;background:#e30a17;color:#ffffff;padding:14px 120px 14px 20px;margin:0;font-family:Georgia, 'Times New Roman', serif;text-align:center">
<div style="position:relative;z-index:1;font-size:20px;font-weight:600;line-height:1.3;letter-spacing:0.3px">Şehitlerimizi rahmet, minnet ve saygıyla anıyoruz</div>
<div style="position:relative;z-index:1;font-size:12px;letter-spacing:3px;text-transform:uppercase;opacity:0.85;margin-top:4px">Vatan sağ olsun</div>
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:150px;height:106px;color:#e30a17;position:absolute;right:-18px;top:50%;transform:translateY(-50%);opacity:0.22"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
</div>
// filigran-banner.component.ts — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar
import { Component } from '@angular/core';
@Component({
selector: 'app-filigran-banner',
standalone: true,
template: `
<div role="note" aria-label="Anma" style="position:relative;overflow:hidden;width:100%;box-sizing:border-box;background:#e30a17;color:#ffffff;padding:14px 120px 14px 20px;margin:0;font-family:Georgia, 'Times New Roman', serif;text-align:center">
<div style="position:relative;z-index:1;font-size:20px;font-weight:600;line-height:1.3;letter-spacing:0.3px">Şehitlerimizi rahmet, minnet ve saygıyla anıyoruz</div>
<div style="position:relative;z-index:1;font-size:12px;letter-spacing:3px;text-transform:uppercase;opacity:0.85;margin-top:4px">Vatan sağ olsun</div>
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:150px;height:106px;color:#e30a17;position:absolute;right:-18px;top:50%;transform:translateY(-50%);opacity:0.22"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
</div>
`,
})
export class FiligranBannerComponent {}
<!-- Filigran bant: sayfanın en üstüne yerleşir -->
<script src="https://vatansagolsun.com.tr/bant.js" data-banner="filigran" defer></script>Açık zemin, koyu yazı ve iki uçta siyah yas kurdelesi; sade ve ağırbaşlı.
<!-- Vatan Sağ Olsun — Yas kurdelesi bandı — https://vatansagolsun.com.tr/bannerlar -->
<div role="note" aria-label="Anma" style="width:100%;box-sizing:border-box;background:#f5f2ea;color:#1c1c1c;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;padding:9px 16px;margin:0;border-top:1px solid #d9d3c4;border-bottom:1px solid #d9d3c4;font-family:Georgia, 'Times New Roman', serif;font-size:17px;line-height:1.3;text-align:center">
<svg viewBox="0 0 24 24" aria-hidden="true" style="flex:none;width:22px;height:22px"><path fill="#111111" fill-rule="evenodd" d="M12 2c-2.2 0-4 1.8-4 4 0 1.5.6 2.8 1.4 4L4 20l2.5 2 5.5-7 5.5 7 2.5-2-5.4-10C15.4 8.8 16 7.5 16 6c0-2.2-1.8-4-4-4zm0 2c1.1 0 2 .9 2 2 0 1-.4 2-1 3l-1 1.6-1-1.6c-.6-1-1-2-1-3 0-1.1.9-2 2-2z" /></svg>
<span>Aziz şehitlerimizi rahmet ve minnetle anıyoruz</span>
<svg viewBox="0 0 24 24" aria-hidden="true" style="flex:none;width:22px;height:22px"><path fill="#111111" fill-rule="evenodd" d="M12 2c-2.2 0-4 1.8-4 4 0 1.5.6 2.8 1.4 4L4 20l2.5 2 5.5-7 5.5 7 2.5-2-5.4-10C15.4 8.8 16 7.5 16 6c0-2.2-1.8-4-4-4zm0 2c1.1 0 2 .9 2 2 0 1-.4 2-1 3l-1 1.6-1-1.6c-.6-1-1-2-1-3 0-1.1.9-2 2-2z" /></svg>
</div>// Vatan Sağ Olsun — Yas kurdelesi bandı — https://vatansagolsun.com.tr/bannerlar
export default function KurdeleBanner() {
return (
<div role="note" aria-label="Anma" style={{ width: "100%", boxSizing: "border-box", background: "#f5f2ea", color: "#1c1c1c", display: "flex", flexWrap: "wrap", alignItems: "center", justifyContent: "center", gap: "14px", padding: "9px 16px", margin: "0", borderTop: "1px solid #d9d3c4", borderBottom: "1px solid #d9d3c4", fontFamily: "Georgia, 'Times New Roman', serif", fontSize: "17px", lineHeight: "1.3", textAlign: "center" }}>
<svg viewBox="0 0 24 24" aria-hidden="true" style={{ flex: "none", width: "22px", height: "22px" }}><path fill="#111111" fill-rule="evenodd" d="M12 2c-2.2 0-4 1.8-4 4 0 1.5.6 2.8 1.4 4L4 20l2.5 2 5.5-7 5.5 7 2.5-2-5.4-10C15.4 8.8 16 7.5 16 6c0-2.2-1.8-4-4-4zm0 2c1.1 0 2 .9 2 2 0 1-.4 2-1 3l-1 1.6-1-1.6c-.6-1-1-2-1-3 0-1.1.9-2 2-2z" /></svg>
<span>Aziz şehitlerimizi rahmet ve minnetle anıyoruz</span>
<svg viewBox="0 0 24 24" aria-hidden="true" style={{ flex: "none", width: "22px", height: "22px" }}><path fill="#111111" fill-rule="evenodd" d="M12 2c-2.2 0-4 1.8-4 4 0 1.5.6 2.8 1.4 4L4 20l2.5 2 5.5-7 5.5 7 2.5-2-5.4-10C15.4 8.8 16 7.5 16 6c0-2.2-1.8-4-4-4zm0 2c1.1 0 2 .9 2 2 0 1-.4 2-1 3l-1 1.6-1-1.6c-.6-1-1-2-1-3 0-1.1.9-2 2-2z" /></svg>
</div>
);
}
<!-- KurdeleBanner.vue — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar -->
<template>
<div role="note" aria-label="Anma" style="width:100%;box-sizing:border-box;background:#f5f2ea;color:#1c1c1c;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;padding:9px 16px;margin:0;border-top:1px solid #d9d3c4;border-bottom:1px solid #d9d3c4;font-family:Georgia, 'Times New Roman', serif;font-size:17px;line-height:1.3;text-align:center">
<svg viewBox="0 0 24 24" aria-hidden="true" style="flex:none;width:22px;height:22px"><path fill="#111111" fill-rule="evenodd" d="M12 2c-2.2 0-4 1.8-4 4 0 1.5.6 2.8 1.4 4L4 20l2.5 2 5.5-7 5.5 7 2.5-2-5.4-10C15.4 8.8 16 7.5 16 6c0-2.2-1.8-4-4-4zm0 2c1.1 0 2 .9 2 2 0 1-.4 2-1 3l-1 1.6-1-1.6c-.6-1-1-2-1-3 0-1.1.9-2 2-2z" /></svg>
<span>Aziz şehitlerimizi rahmet ve minnetle anıyoruz</span>
<svg viewBox="0 0 24 24" aria-hidden="true" style="flex:none;width:22px;height:22px"><path fill="#111111" fill-rule="evenodd" d="M12 2c-2.2 0-4 1.8-4 4 0 1.5.6 2.8 1.4 4L4 20l2.5 2 5.5-7 5.5 7 2.5-2-5.4-10C15.4 8.8 16 7.5 16 6c0-2.2-1.8-4-4-4zm0 2c1.1 0 2 .9 2 2 0 1-.4 2-1 3l-1 1.6-1-1.6c-.6-1-1-2-1-3 0-1.1.9-2 2-2z" /></svg>
</div>
</template>
<!-- KurdeleBanner.svelte — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar -->
<div role="note" aria-label="Anma" style="width:100%;box-sizing:border-box;background:#f5f2ea;color:#1c1c1c;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;padding:9px 16px;margin:0;border-top:1px solid #d9d3c4;border-bottom:1px solid #d9d3c4;font-family:Georgia, 'Times New Roman', serif;font-size:17px;line-height:1.3;text-align:center">
<svg viewBox="0 0 24 24" aria-hidden="true" style="flex:none;width:22px;height:22px"><path fill="#111111" fill-rule="evenodd" d="M12 2c-2.2 0-4 1.8-4 4 0 1.5.6 2.8 1.4 4L4 20l2.5 2 5.5-7 5.5 7 2.5-2-5.4-10C15.4 8.8 16 7.5 16 6c0-2.2-1.8-4-4-4zm0 2c1.1 0 2 .9 2 2 0 1-.4 2-1 3l-1 1.6-1-1.6c-.6-1-1-2-1-3 0-1.1.9-2 2-2z" /></svg>
<span>Aziz şehitlerimizi rahmet ve minnetle anıyoruz</span>
<svg viewBox="0 0 24 24" aria-hidden="true" style="flex:none;width:22px;height:22px"><path fill="#111111" fill-rule="evenodd" d="M12 2c-2.2 0-4 1.8-4 4 0 1.5.6 2.8 1.4 4L4 20l2.5 2 5.5-7 5.5 7 2.5-2-5.4-10C15.4 8.8 16 7.5 16 6c0-2.2-1.8-4-4-4zm0 2c1.1 0 2 .9 2 2 0 1-.4 2-1 3l-1 1.6-1-1.6c-.6-1-1-2-1-3 0-1.1.9-2 2-2z" /></svg>
</div>
// kurdele-banner.component.ts — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar
import { Component } from '@angular/core';
@Component({
selector: 'app-kurdele-banner',
standalone: true,
template: `
<div role="note" aria-label="Anma" style="width:100%;box-sizing:border-box;background:#f5f2ea;color:#1c1c1c;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;padding:9px 16px;margin:0;border-top:1px solid #d9d3c4;border-bottom:1px solid #d9d3c4;font-family:Georgia, 'Times New Roman', serif;font-size:17px;line-height:1.3;text-align:center">
<svg viewBox="0 0 24 24" aria-hidden="true" style="flex:none;width:22px;height:22px"><path fill="#111111" fill-rule="evenodd" d="M12 2c-2.2 0-4 1.8-4 4 0 1.5.6 2.8 1.4 4L4 20l2.5 2 5.5-7 5.5 7 2.5-2-5.4-10C15.4 8.8 16 7.5 16 6c0-2.2-1.8-4-4-4zm0 2c1.1 0 2 .9 2 2 0 1-.4 2-1 3l-1 1.6-1-1.6c-.6-1-1-2-1-3 0-1.1.9-2 2-2z" /></svg>
<span>Aziz şehitlerimizi rahmet ve minnetle anıyoruz</span>
<svg viewBox="0 0 24 24" aria-hidden="true" style="flex:none;width:22px;height:22px"><path fill="#111111" fill-rule="evenodd" d="M12 2c-2.2 0-4 1.8-4 4 0 1.5.6 2.8 1.4 4L4 20l2.5 2 5.5-7 5.5 7 2.5-2-5.4-10C15.4 8.8 16 7.5 16 6c0-2.2-1.8-4-4-4zm0 2c1.1 0 2 .9 2 2 0 1-.4 2-1 3l-1 1.6-1-1.6c-.6-1-1-2-1-3 0-1.1.9-2 2-2z" /></svg>
</div>
`,
})
export class KurdeleBannerComponent {}
<!-- Yas kurdelesi bandı: sayfanın en üstüne yerleşir -->
<script src="https://vatansagolsun.com.tr/bant.js" data-banner="kurdele" defer></script>30 px yüksekliğinde, koyu zemin ve üstte kırmızı çizgi; içeriği bölmeden duyurur.
<!-- Vatan Sağ Olsun — İnce şerit — https://vatansagolsun.com.tr/bannerlar -->
<div role="note" aria-label="Anma" style="width:100%;box-sizing:border-box;height:30px;background:#0d0f12;color:#e9e6df;border-top:3px solid #e30a17;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;margin:0;font-family:system-ui, -apple-system, 'Segoe UI', sans-serif;font-size:13px;letter-spacing:0.3px;white-space:nowrap;overflow:hidden">
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:18px;height:13px;color:#0d0f12"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
<span style="overflow:hidden;text-overflow:ellipsis">Şehitlerimizi rahmetle anıyoruz · Vatan sağ olsun</span>
</div>// Vatan Sağ Olsun — İnce şerit — https://vatansagolsun.com.tr/bannerlar
export default function SeritBanner() {
return (
<div role="note" aria-label="Anma" style={{ width: "100%", boxSizing: "border-box", height: "30px", background: "#0d0f12", color: "#e9e6df", borderTop: "3px solid #e30a17", display: "flex", alignItems: "center", justifyContent: "center", gap: "8px", padding: "0 12px", margin: "0", fontFamily: "system-ui, -apple-system, 'Segoe UI', sans-serif", fontSize: "13px", letterSpacing: "0.3px", whiteSpace: "nowrap", overflow: "hidden" }}>
<svg viewBox="225 200 565 400" aria-hidden="true" style={{ flex: "none", width: "18px", height: "13px", color: "#0d0f12" }}><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
<span style={{ overflow: "hidden", textOverflow: "ellipsis" }}>Şehitlerimizi rahmetle anıyoruz · Vatan sağ olsun</span>
</div>
);
}
<!-- SeritBanner.vue — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar -->
<template>
<div role="note" aria-label="Anma" style="width:100%;box-sizing:border-box;height:30px;background:#0d0f12;color:#e9e6df;border-top:3px solid #e30a17;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;margin:0;font-family:system-ui, -apple-system, 'Segoe UI', sans-serif;font-size:13px;letter-spacing:0.3px;white-space:nowrap;overflow:hidden">
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:18px;height:13px;color:#0d0f12"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
<span style="overflow:hidden;text-overflow:ellipsis">Şehitlerimizi rahmetle anıyoruz · Vatan sağ olsun</span>
</div>
</template>
<!-- SeritBanner.svelte — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar -->
<div role="note" aria-label="Anma" style="width:100%;box-sizing:border-box;height:30px;background:#0d0f12;color:#e9e6df;border-top:3px solid #e30a17;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;margin:0;font-family:system-ui, -apple-system, 'Segoe UI', sans-serif;font-size:13px;letter-spacing:0.3px;white-space:nowrap;overflow:hidden">
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:18px;height:13px;color:#0d0f12"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
<span style="overflow:hidden;text-overflow:ellipsis">Şehitlerimizi rahmetle anıyoruz · Vatan sağ olsun</span>
</div>
// serit-banner.component.ts — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar
import { Component } from '@angular/core';
@Component({
selector: 'app-serit-banner',
standalone: true,
template: `
<div role="note" aria-label="Anma" style="width:100%;box-sizing:border-box;height:30px;background:#0d0f12;color:#e9e6df;border-top:3px solid #e30a17;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;margin:0;font-family:system-ui, -apple-system, 'Segoe UI', sans-serif;font-size:13px;letter-spacing:0.3px;white-space:nowrap;overflow:hidden">
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:18px;height:13px;color:#0d0f12"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
<span style="overflow:hidden;text-overflow:ellipsis">Şehitlerimizi rahmetle anıyoruz · Vatan sağ olsun</span>
</div>
`,
})
export class SeritBannerComponent {}
<!-- İnce şerit: sayfanın en üstüne yerleşir -->
<script src="https://vatansagolsun.com.tr/bant.js" data-banner="serit" defer></script>Koyu zemin, altın renkli çift çerçeve ve klasik yazı; anıt plaketi görünümü.
<!-- Vatan Sağ Olsun — Anıt plaketi (300×250) — https://vatansagolsun.com.tr/bannerlar -->
<div role="note" aria-label="Anma" style="width:300px;height:250px;max-width:100%;box-sizing:border-box;background:#14171c;color:#e9e6df;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:22px;margin:0;border:1px solid #c9a45c;box-shadow:inset 0 0 0 6px #14171c, inset 0 0 0 7px #c9a45c;font-family:Georgia, 'Times New Roman', serif;text-align:center">
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:40px;height:28px;color:#14171c"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
<div style="color:#c9a45c;font-size:13px;letter-spacing:4px;text-transform:uppercase">Şehitlerimiz</div>
<div style="font-size:20px;font-weight:600;line-height:1.3">Rahmet, minnet ve saygıyla anıyoruz</div>
<div style="width:48px;height:1px;background:#c9a45c"></div>
<div style="font-size:14px;font-style:italic;opacity:0.85">Ruhları şad olsun</div>
</div>// Vatan Sağ Olsun — Anıt plaketi (300×250) — https://vatansagolsun.com.tr/bannerlar
export default function PlaketBanner() {
return (
<div role="note" aria-label="Anma" style={{ width: "300px", height: "250px", maxWidth: "100%", boxSizing: "border-box", background: "#14171c", color: "#e9e6df", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "10px", padding: "22px", margin: "0", border: "1px solid #c9a45c", boxShadow: "inset 0 0 0 6px #14171c, inset 0 0 0 7px #c9a45c", fontFamily: "Georgia, 'Times New Roman', serif", textAlign: "center" }}>
<svg viewBox="225 200 565 400" aria-hidden="true" style={{ flex: "none", width: "40px", height: "28px", color: "#14171c" }}><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
<div style={{ color: "#c9a45c", fontSize: "13px", letterSpacing: "4px", textTransform: "uppercase" }}>Şehitlerimiz</div>
<div style={{ fontSize: "20px", fontWeight: "600", lineHeight: "1.3" }}>Rahmet, minnet ve saygıyla anıyoruz</div>
<div style={{ width: "48px", height: "1px", background: "#c9a45c" }} />
<div style={{ fontSize: "14px", fontStyle: "italic", opacity: "0.85" }}>Ruhları şad olsun</div>
</div>
);
}
<!-- PlaketBanner.vue — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar -->
<template>
<div role="note" aria-label="Anma" style="width:300px;height:250px;max-width:100%;box-sizing:border-box;background:#14171c;color:#e9e6df;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:22px;margin:0;border:1px solid #c9a45c;box-shadow:inset 0 0 0 6px #14171c, inset 0 0 0 7px #c9a45c;font-family:Georgia, 'Times New Roman', serif;text-align:center">
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:40px;height:28px;color:#14171c"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
<div style="color:#c9a45c;font-size:13px;letter-spacing:4px;text-transform:uppercase">Şehitlerimiz</div>
<div style="font-size:20px;font-weight:600;line-height:1.3">Rahmet, minnet ve saygıyla anıyoruz</div>
<div style="width:48px;height:1px;background:#c9a45c"></div>
<div style="font-size:14px;font-style:italic;opacity:0.85">Ruhları şad olsun</div>
</div>
</template>
<!-- PlaketBanner.svelte — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar -->
<div role="note" aria-label="Anma" style="width:300px;height:250px;max-width:100%;box-sizing:border-box;background:#14171c;color:#e9e6df;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:22px;margin:0;border:1px solid #c9a45c;box-shadow:inset 0 0 0 6px #14171c, inset 0 0 0 7px #c9a45c;font-family:Georgia, 'Times New Roman', serif;text-align:center">
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:40px;height:28px;color:#14171c"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
<div style="color:#c9a45c;font-size:13px;letter-spacing:4px;text-transform:uppercase">Şehitlerimiz</div>
<div style="font-size:20px;font-weight:600;line-height:1.3">Rahmet, minnet ve saygıyla anıyoruz</div>
<div style="width:48px;height:1px;background:#c9a45c"></div>
<div style="font-size:14px;font-style:italic;opacity:0.85">Ruhları şad olsun</div>
</div>
// plaket-banner.component.ts — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar
import { Component } from '@angular/core';
@Component({
selector: 'app-plaket-banner',
standalone: true,
template: `
<div role="note" aria-label="Anma" style="width:300px;height:250px;max-width:100%;box-sizing:border-box;background:#14171c;color:#e9e6df;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:22px;margin:0;border:1px solid #c9a45c;box-shadow:inset 0 0 0 6px #14171c, inset 0 0 0 7px #c9a45c;font-family:Georgia, 'Times New Roman', serif;text-align:center">
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:40px;height:28px;color:#14171c"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
<div style="color:#c9a45c;font-size:13px;letter-spacing:4px;text-transform:uppercase">Şehitlerimiz</div>
<div style="font-size:20px;font-weight:600;line-height:1.3">Rahmet, minnet ve saygıyla anıyoruz</div>
<div style="width:48px;height:1px;background:#c9a45c"></div>
<div style="font-size:14px;font-style:italic;opacity:0.85">Ruhları şad olsun</div>
</div>
`,
})
export class PlaketBannerComponent {}
<!-- Anıt plaketi (300×250): bu satırın bulunduğu yere yerleşir -->
<script src="https://vatansagolsun.com.tr/bant.js" data-banner="plaket" defer></script>Yalnızca siyah yas kurdelesi; ekranın seçtiğiniz köşesine sabitlenir, sayfa kaydırılsa da yerinde kalır. Üzerine gelince anma yazısı görünür, tıklanınca sitemizi açar.
<!-- Vatan Sağ Olsun — Köşe kurdelesi — https://vatansagolsun.com.tr/bannerlar -->
<a href="https://vatansagolsun.com.tr/" target="_blank" rel="noopener" title="Şehitlerimizi rahmetle anıyoruz" aria-label="Şehitlerimizi rahmetle anıyoruz" style="position:fixed;top:12px;right:12px;z-index:2147483647;display:block;width:52px;height:52px;line-height:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.35))">
<svg viewBox="0 0 24 24" aria-hidden="true" style="width:52px;height:52px"><path fill="#111111" fill-rule="evenodd" stroke="#ffffff" stroke-width="0.6" stroke-linejoin="round" d="M12 2c-2.2 0-4 1.8-4 4 0 1.5.6 2.8 1.4 4L4 20l2.5 2 5.5-7 5.5 7 2.5-2-5.4-10C15.4 8.8 16 7.5 16 6c0-2.2-1.8-4-4-4zm0 2c1.1 0 2 .9 2 2 0 1-.4 2-1 3l-1 1.6-1-1.6c-.6-1-1-2-1-3 0-1.1.9-2 2-2z" /></svg>
</a>// Vatan Sağ Olsun — Köşe kurdelesi — https://vatansagolsun.com.tr/bannerlar
export default function KoseKurdeleBanner() {
return (
<a href="https://vatansagolsun.com.tr/" target="_blank" rel="noopener" title="Şehitlerimizi rahmetle anıyoruz" aria-label="Şehitlerimizi rahmetle anıyoruz" style={{ position: "fixed", top: "12px", right: "12px", zIndex: "2147483647", display: "block", width: "52px", height: "52px", lineHeight: "0", filter: "drop-shadow(0 1px 2px rgba(0,0,0,0.35))" }}>
<svg viewBox="0 0 24 24" aria-hidden="true" style={{ width: "52px", height: "52px" }}><path fill="#111111" fill-rule="evenodd" stroke="#ffffff" stroke-width="0.6" stroke-linejoin="round" d="M12 2c-2.2 0-4 1.8-4 4 0 1.5.6 2.8 1.4 4L4 20l2.5 2 5.5-7 5.5 7 2.5-2-5.4-10C15.4 8.8 16 7.5 16 6c0-2.2-1.8-4-4-4zm0 2c1.1 0 2 .9 2 2 0 1-.4 2-1 3l-1 1.6-1-1.6c-.6-1-1-2-1-3 0-1.1.9-2 2-2z" /></svg>
</a>
);
}
<!-- KoseKurdeleBanner.vue — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar -->
<template>
<a href="https://vatansagolsun.com.tr/" target="_blank" rel="noopener" title="Şehitlerimizi rahmetle anıyoruz" aria-label="Şehitlerimizi rahmetle anıyoruz" style="position:fixed;top:12px;right:12px;z-index:2147483647;display:block;width:52px;height:52px;line-height:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.35))">
<svg viewBox="0 0 24 24" aria-hidden="true" style="width:52px;height:52px"><path fill="#111111" fill-rule="evenodd" stroke="#ffffff" stroke-width="0.6" stroke-linejoin="round" d="M12 2c-2.2 0-4 1.8-4 4 0 1.5.6 2.8 1.4 4L4 20l2.5 2 5.5-7 5.5 7 2.5-2-5.4-10C15.4 8.8 16 7.5 16 6c0-2.2-1.8-4-4-4zm0 2c1.1 0 2 .9 2 2 0 1-.4 2-1 3l-1 1.6-1-1.6c-.6-1-1-2-1-3 0-1.1.9-2 2-2z" /></svg>
</a>
</template>
<!-- KoseKurdeleBanner.svelte — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar -->
<a href="https://vatansagolsun.com.tr/" target="_blank" rel="noopener" title="Şehitlerimizi rahmetle anıyoruz" aria-label="Şehitlerimizi rahmetle anıyoruz" style="position:fixed;top:12px;right:12px;z-index:2147483647;display:block;width:52px;height:52px;line-height:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.35))">
<svg viewBox="0 0 24 24" aria-hidden="true" style="width:52px;height:52px"><path fill="#111111" fill-rule="evenodd" stroke="#ffffff" stroke-width="0.6" stroke-linejoin="round" d="M12 2c-2.2 0-4 1.8-4 4 0 1.5.6 2.8 1.4 4L4 20l2.5 2 5.5-7 5.5 7 2.5-2-5.4-10C15.4 8.8 16 7.5 16 6c0-2.2-1.8-4-4-4zm0 2c1.1 0 2 .9 2 2 0 1-.4 2-1 3l-1 1.6-1-1.6c-.6-1-1-2-1-3 0-1.1.9-2 2-2z" /></svg>
</a>
// kose-kurdele-banner.component.ts — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar
import { Component } from '@angular/core';
@Component({
selector: 'app-kose-kurdele-banner',
standalone: true,
template: `
<a href="https://vatansagolsun.com.tr/" target="_blank" rel="noopener" title="Şehitlerimizi rahmetle anıyoruz" aria-label="Şehitlerimizi rahmetle anıyoruz" style="position:fixed;top:12px;right:12px;z-index:2147483647;display:block;width:52px;height:52px;line-height:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.35))">
<svg viewBox="0 0 24 24" aria-hidden="true" style="width:52px;height:52px"><path fill="#111111" fill-rule="evenodd" stroke="#ffffff" stroke-width="0.6" stroke-linejoin="round" d="M12 2c-2.2 0-4 1.8-4 4 0 1.5.6 2.8 1.4 4L4 20l2.5 2 5.5-7 5.5 7 2.5-2-5.4-10C15.4 8.8 16 7.5 16 6c0-2.2-1.8-4-4-4zm0 2c1.1 0 2 .9 2 2 0 1-.4 2-1 3l-1 1.6-1-1.6c-.6-1-1-2-1-3 0-1.1.9-2 2-2z" /></svg>
</a>
`,
})
export class KoseKurdeleBannerComponent {}
<!-- Köşe kurdelesi: ekranın sağ üst köşesine sabitlenir -->
<script src="https://vatansagolsun.com.tr/bant.js" data-banner="kose-kurdele" data-kose="sag-ust" defer></script><!-- Vatan Sağ Olsun — Köşe kurdelesi — https://vatansagolsun.com.tr/bannerlar -->
<a href="https://vatansagolsun.com.tr/" target="_blank" rel="noopener" title="Şehitlerimizi rahmetle anıyoruz" aria-label="Şehitlerimizi rahmetle anıyoruz" style="position:fixed;top:12px;left:12px;z-index:2147483647;display:block;width:52px;height:52px;line-height:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.35))">
<svg viewBox="0 0 24 24" aria-hidden="true" style="width:52px;height:52px"><path fill="#111111" fill-rule="evenodd" stroke="#ffffff" stroke-width="0.6" stroke-linejoin="round" d="M12 2c-2.2 0-4 1.8-4 4 0 1.5.6 2.8 1.4 4L4 20l2.5 2 5.5-7 5.5 7 2.5-2-5.4-10C15.4 8.8 16 7.5 16 6c0-2.2-1.8-4-4-4zm0 2c1.1 0 2 .9 2 2 0 1-.4 2-1 3l-1 1.6-1-1.6c-.6-1-1-2-1-3 0-1.1.9-2 2-2z" /></svg>
</a>// Vatan Sağ Olsun — Köşe kurdelesi — https://vatansagolsun.com.tr/bannerlar
export default function KoseKurdeleBanner() {
return (
<a href="https://vatansagolsun.com.tr/" target="_blank" rel="noopener" title="Şehitlerimizi rahmetle anıyoruz" aria-label="Şehitlerimizi rahmetle anıyoruz" style={{ position: "fixed", top: "12px", left: "12px", zIndex: "2147483647", display: "block", width: "52px", height: "52px", lineHeight: "0", filter: "drop-shadow(0 1px 2px rgba(0,0,0,0.35))" }}>
<svg viewBox="0 0 24 24" aria-hidden="true" style={{ width: "52px", height: "52px" }}><path fill="#111111" fill-rule="evenodd" stroke="#ffffff" stroke-width="0.6" stroke-linejoin="round" d="M12 2c-2.2 0-4 1.8-4 4 0 1.5.6 2.8 1.4 4L4 20l2.5 2 5.5-7 5.5 7 2.5-2-5.4-10C15.4 8.8 16 7.5 16 6c0-2.2-1.8-4-4-4zm0 2c1.1 0 2 .9 2 2 0 1-.4 2-1 3l-1 1.6-1-1.6c-.6-1-1-2-1-3 0-1.1.9-2 2-2z" /></svg>
</a>
);
}
<!-- KoseKurdeleBanner.vue — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar -->
<template>
<a href="https://vatansagolsun.com.tr/" target="_blank" rel="noopener" title="Şehitlerimizi rahmetle anıyoruz" aria-label="Şehitlerimizi rahmetle anıyoruz" style="position:fixed;top:12px;left:12px;z-index:2147483647;display:block;width:52px;height:52px;line-height:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.35))">
<svg viewBox="0 0 24 24" aria-hidden="true" style="width:52px;height:52px"><path fill="#111111" fill-rule="evenodd" stroke="#ffffff" stroke-width="0.6" stroke-linejoin="round" d="M12 2c-2.2 0-4 1.8-4 4 0 1.5.6 2.8 1.4 4L4 20l2.5 2 5.5-7 5.5 7 2.5-2-5.4-10C15.4 8.8 16 7.5 16 6c0-2.2-1.8-4-4-4zm0 2c1.1 0 2 .9 2 2 0 1-.4 2-1 3l-1 1.6-1-1.6c-.6-1-1-2-1-3 0-1.1.9-2 2-2z" /></svg>
</a>
</template>
<!-- KoseKurdeleBanner.svelte — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar -->
<a href="https://vatansagolsun.com.tr/" target="_blank" rel="noopener" title="Şehitlerimizi rahmetle anıyoruz" aria-label="Şehitlerimizi rahmetle anıyoruz" style="position:fixed;top:12px;left:12px;z-index:2147483647;display:block;width:52px;height:52px;line-height:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.35))">
<svg viewBox="0 0 24 24" aria-hidden="true" style="width:52px;height:52px"><path fill="#111111" fill-rule="evenodd" stroke="#ffffff" stroke-width="0.6" stroke-linejoin="round" d="M12 2c-2.2 0-4 1.8-4 4 0 1.5.6 2.8 1.4 4L4 20l2.5 2 5.5-7 5.5 7 2.5-2-5.4-10C15.4 8.8 16 7.5 16 6c0-2.2-1.8-4-4-4zm0 2c1.1 0 2 .9 2 2 0 1-.4 2-1 3l-1 1.6-1-1.6c-.6-1-1-2-1-3 0-1.1.9-2 2-2z" /></svg>
</a>
// kose-kurdele-banner.component.ts — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar
import { Component } from '@angular/core';
@Component({
selector: 'app-kose-kurdele-banner',
standalone: true,
template: `
<a href="https://vatansagolsun.com.tr/" target="_blank" rel="noopener" title="Şehitlerimizi rahmetle anıyoruz" aria-label="Şehitlerimizi rahmetle anıyoruz" style="position:fixed;top:12px;left:12px;z-index:2147483647;display:block;width:52px;height:52px;line-height:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.35))">
<svg viewBox="0 0 24 24" aria-hidden="true" style="width:52px;height:52px"><path fill="#111111" fill-rule="evenodd" stroke="#ffffff" stroke-width="0.6" stroke-linejoin="round" d="M12 2c-2.2 0-4 1.8-4 4 0 1.5.6 2.8 1.4 4L4 20l2.5 2 5.5-7 5.5 7 2.5-2-5.4-10C15.4 8.8 16 7.5 16 6c0-2.2-1.8-4-4-4zm0 2c1.1 0 2 .9 2 2 0 1-.4 2-1 3l-1 1.6-1-1.6c-.6-1-1-2-1-3 0-1.1.9-2 2-2z" /></svg>
</a>
`,
})
export class KoseKurdeleBannerComponent {}
<!-- Köşe kurdelesi: ekranın sol üst köşesine sabitlenir -->
<script src="https://vatansagolsun.com.tr/bant.js" data-banner="kose-kurdele" data-kose="sol-ust" defer></script><!-- Vatan Sağ Olsun — Köşe kurdelesi — https://vatansagolsun.com.tr/bannerlar -->
<a href="https://vatansagolsun.com.tr/" target="_blank" rel="noopener" title="Şehitlerimizi rahmetle anıyoruz" aria-label="Şehitlerimizi rahmetle anıyoruz" style="position:fixed;bottom:12px;right:12px;z-index:2147483647;display:block;width:52px;height:52px;line-height:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.35))">
<svg viewBox="0 0 24 24" aria-hidden="true" style="width:52px;height:52px"><path fill="#111111" fill-rule="evenodd" stroke="#ffffff" stroke-width="0.6" stroke-linejoin="round" d="M12 2c-2.2 0-4 1.8-4 4 0 1.5.6 2.8 1.4 4L4 20l2.5 2 5.5-7 5.5 7 2.5-2-5.4-10C15.4 8.8 16 7.5 16 6c0-2.2-1.8-4-4-4zm0 2c1.1 0 2 .9 2 2 0 1-.4 2-1 3l-1 1.6-1-1.6c-.6-1-1-2-1-3 0-1.1.9-2 2-2z" /></svg>
</a>// Vatan Sağ Olsun — Köşe kurdelesi — https://vatansagolsun.com.tr/bannerlar
export default function KoseKurdeleBanner() {
return (
<a href="https://vatansagolsun.com.tr/" target="_blank" rel="noopener" title="Şehitlerimizi rahmetle anıyoruz" aria-label="Şehitlerimizi rahmetle anıyoruz" style={{ position: "fixed", bottom: "12px", right: "12px", zIndex: "2147483647", display: "block", width: "52px", height: "52px", lineHeight: "0", filter: "drop-shadow(0 1px 2px rgba(0,0,0,0.35))" }}>
<svg viewBox="0 0 24 24" aria-hidden="true" style={{ width: "52px", height: "52px" }}><path fill="#111111" fill-rule="evenodd" stroke="#ffffff" stroke-width="0.6" stroke-linejoin="round" d="M12 2c-2.2 0-4 1.8-4 4 0 1.5.6 2.8 1.4 4L4 20l2.5 2 5.5-7 5.5 7 2.5-2-5.4-10C15.4 8.8 16 7.5 16 6c0-2.2-1.8-4-4-4zm0 2c1.1 0 2 .9 2 2 0 1-.4 2-1 3l-1 1.6-1-1.6c-.6-1-1-2-1-3 0-1.1.9-2 2-2z" /></svg>
</a>
);
}
<!-- KoseKurdeleBanner.vue — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar -->
<template>
<a href="https://vatansagolsun.com.tr/" target="_blank" rel="noopener" title="Şehitlerimizi rahmetle anıyoruz" aria-label="Şehitlerimizi rahmetle anıyoruz" style="position:fixed;bottom:12px;right:12px;z-index:2147483647;display:block;width:52px;height:52px;line-height:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.35))">
<svg viewBox="0 0 24 24" aria-hidden="true" style="width:52px;height:52px"><path fill="#111111" fill-rule="evenodd" stroke="#ffffff" stroke-width="0.6" stroke-linejoin="round" d="M12 2c-2.2 0-4 1.8-4 4 0 1.5.6 2.8 1.4 4L4 20l2.5 2 5.5-7 5.5 7 2.5-2-5.4-10C15.4 8.8 16 7.5 16 6c0-2.2-1.8-4-4-4zm0 2c1.1 0 2 .9 2 2 0 1-.4 2-1 3l-1 1.6-1-1.6c-.6-1-1-2-1-3 0-1.1.9-2 2-2z" /></svg>
</a>
</template>
<!-- KoseKurdeleBanner.svelte — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar -->
<a href="https://vatansagolsun.com.tr/" target="_blank" rel="noopener" title="Şehitlerimizi rahmetle anıyoruz" aria-label="Şehitlerimizi rahmetle anıyoruz" style="position:fixed;bottom:12px;right:12px;z-index:2147483647;display:block;width:52px;height:52px;line-height:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.35))">
<svg viewBox="0 0 24 24" aria-hidden="true" style="width:52px;height:52px"><path fill="#111111" fill-rule="evenodd" stroke="#ffffff" stroke-width="0.6" stroke-linejoin="round" d="M12 2c-2.2 0-4 1.8-4 4 0 1.5.6 2.8 1.4 4L4 20l2.5 2 5.5-7 5.5 7 2.5-2-5.4-10C15.4 8.8 16 7.5 16 6c0-2.2-1.8-4-4-4zm0 2c1.1 0 2 .9 2 2 0 1-.4 2-1 3l-1 1.6-1-1.6c-.6-1-1-2-1-3 0-1.1.9-2 2-2z" /></svg>
</a>
// kose-kurdele-banner.component.ts — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar
import { Component } from '@angular/core';
@Component({
selector: 'app-kose-kurdele-banner',
standalone: true,
template: `
<a href="https://vatansagolsun.com.tr/" target="_blank" rel="noopener" title="Şehitlerimizi rahmetle anıyoruz" aria-label="Şehitlerimizi rahmetle anıyoruz" style="position:fixed;bottom:12px;right:12px;z-index:2147483647;display:block;width:52px;height:52px;line-height:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.35))">
<svg viewBox="0 0 24 24" aria-hidden="true" style="width:52px;height:52px"><path fill="#111111" fill-rule="evenodd" stroke="#ffffff" stroke-width="0.6" stroke-linejoin="round" d="M12 2c-2.2 0-4 1.8-4 4 0 1.5.6 2.8 1.4 4L4 20l2.5 2 5.5-7 5.5 7 2.5-2-5.4-10C15.4 8.8 16 7.5 16 6c0-2.2-1.8-4-4-4zm0 2c1.1 0 2 .9 2 2 0 1-.4 2-1 3l-1 1.6-1-1.6c-.6-1-1-2-1-3 0-1.1.9-2 2-2z" /></svg>
</a>
`,
})
export class KoseKurdeleBannerComponent {}
<!-- Köşe kurdelesi: ekranın sağ alt köşesine sabitlenir -->
<script src="https://vatansagolsun.com.tr/bant.js" data-banner="kose-kurdele" data-kose="sag-alt" defer></script><!-- Vatan Sağ Olsun — Köşe kurdelesi — https://vatansagolsun.com.tr/bannerlar -->
<a href="https://vatansagolsun.com.tr/" target="_blank" rel="noopener" title="Şehitlerimizi rahmetle anıyoruz" aria-label="Şehitlerimizi rahmetle anıyoruz" style="position:fixed;bottom:12px;left:12px;z-index:2147483647;display:block;width:52px;height:52px;line-height:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.35))">
<svg viewBox="0 0 24 24" aria-hidden="true" style="width:52px;height:52px"><path fill="#111111" fill-rule="evenodd" stroke="#ffffff" stroke-width="0.6" stroke-linejoin="round" d="M12 2c-2.2 0-4 1.8-4 4 0 1.5.6 2.8 1.4 4L4 20l2.5 2 5.5-7 5.5 7 2.5-2-5.4-10C15.4 8.8 16 7.5 16 6c0-2.2-1.8-4-4-4zm0 2c1.1 0 2 .9 2 2 0 1-.4 2-1 3l-1 1.6-1-1.6c-.6-1-1-2-1-3 0-1.1.9-2 2-2z" /></svg>
</a>// Vatan Sağ Olsun — Köşe kurdelesi — https://vatansagolsun.com.tr/bannerlar
export default function KoseKurdeleBanner() {
return (
<a href="https://vatansagolsun.com.tr/" target="_blank" rel="noopener" title="Şehitlerimizi rahmetle anıyoruz" aria-label="Şehitlerimizi rahmetle anıyoruz" style={{ position: "fixed", bottom: "12px", left: "12px", zIndex: "2147483647", display: "block", width: "52px", height: "52px", lineHeight: "0", filter: "drop-shadow(0 1px 2px rgba(0,0,0,0.35))" }}>
<svg viewBox="0 0 24 24" aria-hidden="true" style={{ width: "52px", height: "52px" }}><path fill="#111111" fill-rule="evenodd" stroke="#ffffff" stroke-width="0.6" stroke-linejoin="round" d="M12 2c-2.2 0-4 1.8-4 4 0 1.5.6 2.8 1.4 4L4 20l2.5 2 5.5-7 5.5 7 2.5-2-5.4-10C15.4 8.8 16 7.5 16 6c0-2.2-1.8-4-4-4zm0 2c1.1 0 2 .9 2 2 0 1-.4 2-1 3l-1 1.6-1-1.6c-.6-1-1-2-1-3 0-1.1.9-2 2-2z" /></svg>
</a>
);
}
<!-- KoseKurdeleBanner.vue — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar -->
<template>
<a href="https://vatansagolsun.com.tr/" target="_blank" rel="noopener" title="Şehitlerimizi rahmetle anıyoruz" aria-label="Şehitlerimizi rahmetle anıyoruz" style="position:fixed;bottom:12px;left:12px;z-index:2147483647;display:block;width:52px;height:52px;line-height:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.35))">
<svg viewBox="0 0 24 24" aria-hidden="true" style="width:52px;height:52px"><path fill="#111111" fill-rule="evenodd" stroke="#ffffff" stroke-width="0.6" stroke-linejoin="round" d="M12 2c-2.2 0-4 1.8-4 4 0 1.5.6 2.8 1.4 4L4 20l2.5 2 5.5-7 5.5 7 2.5-2-5.4-10C15.4 8.8 16 7.5 16 6c0-2.2-1.8-4-4-4zm0 2c1.1 0 2 .9 2 2 0 1-.4 2-1 3l-1 1.6-1-1.6c-.6-1-1-2-1-3 0-1.1.9-2 2-2z" /></svg>
</a>
</template>
<!-- KoseKurdeleBanner.svelte — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar -->
<a href="https://vatansagolsun.com.tr/" target="_blank" rel="noopener" title="Şehitlerimizi rahmetle anıyoruz" aria-label="Şehitlerimizi rahmetle anıyoruz" style="position:fixed;bottom:12px;left:12px;z-index:2147483647;display:block;width:52px;height:52px;line-height:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.35))">
<svg viewBox="0 0 24 24" aria-hidden="true" style="width:52px;height:52px"><path fill="#111111" fill-rule="evenodd" stroke="#ffffff" stroke-width="0.6" stroke-linejoin="round" d="M12 2c-2.2 0-4 1.8-4 4 0 1.5.6 2.8 1.4 4L4 20l2.5 2 5.5-7 5.5 7 2.5-2-5.4-10C15.4 8.8 16 7.5 16 6c0-2.2-1.8-4-4-4zm0 2c1.1 0 2 .9 2 2 0 1-.4 2-1 3l-1 1.6-1-1.6c-.6-1-1-2-1-3 0-1.1.9-2 2-2z" /></svg>
</a>
// kose-kurdele-banner.component.ts — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar
import { Component } from '@angular/core';
@Component({
selector: 'app-kose-kurdele-banner',
standalone: true,
template: `
<a href="https://vatansagolsun.com.tr/" target="_blank" rel="noopener" title="Şehitlerimizi rahmetle anıyoruz" aria-label="Şehitlerimizi rahmetle anıyoruz" style="position:fixed;bottom:12px;left:12px;z-index:2147483647;display:block;width:52px;height:52px;line-height:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.35))">
<svg viewBox="0 0 24 24" aria-hidden="true" style="width:52px;height:52px"><path fill="#111111" fill-rule="evenodd" stroke="#ffffff" stroke-width="0.6" stroke-linejoin="round" d="M12 2c-2.2 0-4 1.8-4 4 0 1.5.6 2.8 1.4 4L4 20l2.5 2 5.5-7 5.5 7 2.5-2-5.4-10C15.4 8.8 16 7.5 16 6c0-2.2-1.8-4-4-4zm0 2c1.1 0 2 .9 2 2 0 1-.4 2-1 3l-1 1.6-1-1.6c-.6-1-1-2-1-3 0-1.1.9-2 2-2z" /></svg>
</a>
`,
})
export class KoseKurdeleBannerComponent {}
<!-- Köşe kurdelesi: ekranın sol alt köşesine sabitlenir -->
<script src="https://vatansagolsun.com.tr/bant.js" data-banner="kose-kurdele" data-kose="sol-alt" defer></script>Kırmızı daire içinde ay-yıldız ve kısa anma yazısı; köşelere ve kenar çubuğuna.
<!-- Vatan Sağ Olsun — Rozet (140×140) — https://vatansagolsun.com.tr/bannerlar -->
<div role="note" aria-label="Anma" style="width:140px;height:140px;box-sizing:border-box;border-radius:50%;background:#e30a17;color:#ffffff;border:3px solid #ffffff;box-shadow:0 0 0 2px #e30a17;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px;margin:0;font-family:Georgia, 'Times New Roman', serif;text-align:center">
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:46px;height:32px;color:#e30a17"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
<div style="font-size:12.5px;font-weight:700;line-height:1.25;letter-spacing:0.5px;text-transform:uppercase">Şehitlerimizi unutmayacağız</div>
</div>// Vatan Sağ Olsun — Rozet (140×140) — https://vatansagolsun.com.tr/bannerlar
export default function RozetBanner() {
return (
<div role="note" aria-label="Anma" style={{ width: "140px", height: "140px", boxSizing: "border-box", borderRadius: "50%", background: "#e30a17", color: "#ffffff", border: "3px solid #ffffff", boxShadow: "0 0 0 2px #e30a17", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "6px", padding: "14px", margin: "0", fontFamily: "Georgia, 'Times New Roman', serif", textAlign: "center" }}>
<svg viewBox="225 200 565 400" aria-hidden="true" style={{ flex: "none", width: "46px", height: "32px", color: "#e30a17" }}><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
<div style={{ fontSize: "12.5px", fontWeight: "700", lineHeight: "1.25", letterSpacing: "0.5px", textTransform: "uppercase" }}>Şehitlerimizi unutmayacağız</div>
</div>
);
}
<!-- RozetBanner.vue — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar -->
<template>
<div role="note" aria-label="Anma" style="width:140px;height:140px;box-sizing:border-box;border-radius:50%;background:#e30a17;color:#ffffff;border:3px solid #ffffff;box-shadow:0 0 0 2px #e30a17;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px;margin:0;font-family:Georgia, 'Times New Roman', serif;text-align:center">
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:46px;height:32px;color:#e30a17"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
<div style="font-size:12.5px;font-weight:700;line-height:1.25;letter-spacing:0.5px;text-transform:uppercase">Şehitlerimizi unutmayacağız</div>
</div>
</template>
<!-- RozetBanner.svelte — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar -->
<div role="note" aria-label="Anma" style="width:140px;height:140px;box-sizing:border-box;border-radius:50%;background:#e30a17;color:#ffffff;border:3px solid #ffffff;box-shadow:0 0 0 2px #e30a17;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px;margin:0;font-family:Georgia, 'Times New Roman', serif;text-align:center">
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:46px;height:32px;color:#e30a17"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
<div style="font-size:12.5px;font-weight:700;line-height:1.25;letter-spacing:0.5px;text-transform:uppercase">Şehitlerimizi unutmayacağız</div>
</div>
// rozet-banner.component.ts — Vatan Sağ Olsun — https://vatansagolsun.com.tr/bannerlar
import { Component } from '@angular/core';
@Component({
selector: 'app-rozet-banner',
standalone: true,
template: `
<div role="note" aria-label="Anma" style="width:140px;height:140px;box-sizing:border-box;border-radius:50%;background:#e30a17;color:#ffffff;border:3px solid #ffffff;box-shadow:0 0 0 2px #e30a17;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px;margin:0;font-family:Georgia, 'Times New Roman', serif;text-align:center">
<svg viewBox="225 200 565 400" aria-hidden="true" style="flex:none;width:46px;height:32px;color:#e30a17"><circle cx="425" cy="400" r="200" fill="#ffffff" /><circle cx="475" cy="400" r="160" fill="currentColor" /><polygon fill="#ffffff" points="583.334,400 764.235,458.779 652.431,304.894 652.431,495.106 764.235,341.221" /></svg>
<div style="font-size:12.5px;font-weight:700;line-height:1.25;letter-spacing:0.5px;text-transform:uppercase">Şehitlerimizi unutmayacağız</div>
</div>
`,
})
export class RozetBannerComponent {}
<!-- Rozet (140×140): bu satırın bulunduğu yere yerleşir -->
<script src="https://vatansagolsun.com.tr/bant.js" data-banner="rozet" defer></script>