Şablon:KizilbashicaKart: Revizyonlar arasındaki fark

Sonraki değişiklik →

GörselVikimetin

00.47, 15 Temmuz 2026 tarihindeki hâli

Günün Alıntısı

"{{{alıntı}}}"

— {{{yazar}}}

@@ 1. satır: / 1. satır: @@
-/* --- Flexbox ve Bölüm Çizgisi Düzeni --- */
+<templatestyles src="Şablon:KizilbashicaKart/styles.css" />
-.tg-section-divider {
+<div class="template-flexbox-item">
-     margin-top: 1rem;
+     <div class="tg-card">
-    margin-bottom: 0.5rem;
+        {{#if: {{{görsel|}}} |
-    color: var(--tg-color-subtle, #888);
+            <!-- GÖRSELLİ KART TASARIMI -->
-    display: flex;
+            <div class="tg-card-image-wrap">
-    align-items: center;
+                [[Dosya:{{{görsel}}}|class=none|link=]]
-    justify-content: space-between;
+            </div>
-}
-.tg-section-divider:not(:empty) {
+            <!-- Hata veren tüm rgba ve gradient özellikleri sadece HTML içinde çalışacak şekilde buraya alındı -->
-    gap: 1rem;
+            <div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.4) 60%, transparent 100%); pointer-events: none;"></div>
-    white-space: nowrap;
-}
+            <div class="tg-card-label"><span>{{{etiket|Öne Çıkan}}}</span></div>
-.tg-section-divider::before, .tg-section-divider::after {
-    content: "";
+            <div class="tg-card-content">
-    height: 1px;
+                <div class="tg-card-title" style="text-shadow: 1px 1px 3px rgba(0,0,0,0.8);">[[{{{link}}}|{{{başlık}}}]]</div>
-    width: 100%;
+                <div class="tg-card-caption" style="text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">{{{açıklama}}}</div>
-    background-color: var(--tg-border-color-base, #333);
+            </div>
-}
+            <!-- Görünmez tıklama alanı -->
-.template-flexbox {
+            <div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 4;">
-    display: flex;
+                [[{{{link}}}|<div style="width: 100%; height: 100%; display: block;"></div>]]
-    gap: 0.5rem;
+            </div>
-    flex-wrap: wrap;
+        |
-    flex-direction: row;
+            <!-- GÖRSELSİZ ALINTI KARTI TASARIMI -->
-}
+            <div class="tg-card-label"><span>{{{etiket|Günün Alıntısı}}}</span></div>
-.template-flexbox-item {
+            <div class="tg-card-quote-body">
-    flex-basis: calc(33.333% - 0.35rem);
+                <blockquote>
-    flex-grow: 1;
+                    <p class="tg-quote-text">"{{{alıntı}}}"</p>
-}
+                    <p class="tg-quote-author">— {{{yazar}}}</p>
+                </blockquote>
-@media(max-width: 1120px){
+            </div>
-    .template-flexbox-item { flex-basis: calc(50% - 0.25rem); }
+        }}
-}
+     </div>
-@media(max-width: 640px){
+</div>
-    .template-flexbox-item { flex-basis: 100%; }
-}
-/* --- Kart Tasarımı --- */
-.tg-card {
-    position: relative;
-    background-color: var(--tg-color-surface-2, #1a1a1a);
-    border: var(--tg-border-base, 1px solid #333);
-    border-radius: 8px;
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-}
-.tg-card-image {
-    position: relative;
-    display: flex;
-    flex-grow: 1;
-    min-height: 20rem;
-}
-.tg-card-background {
-    position: absolute;
-    inset: 0;
-    pointer-events: none;
-    z-index: 0;
-}
-.tg-card-background img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    transition: transform 0.2s ease;
-}
-.tg-card:hover .tg-card-background img {
-    transform: scale(1.05);
-}
-/* Metinlerin okunabilmesi için alt gölge */
-.tg-card-background::after {
-    content: "";
-    position: absolute;
-    inset: 0;
-    background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0) 100%);
-}
-.tg-card-label {
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 2;
-}
-.tg-card-label > a, .tg-card-label > span {
-    display: flex;
-    align-items: center;
-    height: 32px;
-    padding: 0 12px;
-    border-bottom-right-radius: 8px;
-    background: #c93636;
-    color: #fff !important;
-    font-weight: bold;
-    font-size: 0.8rem;
-    text-decoration: none;
-}
-.tg-card-content {
-    position: relative;
-    z-index: 1;
-    padding: 1rem;
-    margin-top: auto;
-}
-.tg-card-title {
-    color: #fff;
-    font-size: 1.4rem;
-    font-weight: bold;
-    line-height: 1.2;
-}
-.tg-card-caption {
-    margin-top: 0.25rem;
-    color: #ccc;
-    font-size: 0.9rem;
-}
-.tg-card-link {
-    position: absolute;
-    inset: 0;
-    z-index: 3;
-    opacity: 0;
-}
-.tg-card-link > a {
-    display: block;
-    height: 100%;
-}
-/* Alıntı Kartı Düzeni */
-.tg-card blockquote {
-    margin: 0;
-    padding: 0;
-    color: #eee;
-    font-style: italic;
-}
-.tg-quote-footer {
-    margin-top: 1rem;
-    font-size: 0.85rem;
-    color: #aaa;
-     font-style: normal;
-}