"Şablon:Monstres/Kart" sayfasının sürümleri arasındaki fark
| [kontrol edilmemiş revizyon] | [kontrol edilmemiş revizyon] |
| 1. satır: | 1. satır: | ||
| − | <div style="width: | + | <div style="width:200px; height:250px; background:#1a1a2e; border-radius:16px; overflow:hidden; position:relative; box-shadow:0 10px 30px #000000; display:flex; flex-direction:column;"> |
| − | <!-- Üst Kısım | + | <!-- Üst Kısım --> |
| − | <div style="height: | + | <div style="height:70px; background:#0f3460; position:relative; padding:10px; box-sizing:border-box; flex-shrink:0;"> |
| − | |||
{{#ifeq:{{{boss|}}}|evet| | {{#ifeq:{{{boss|}}}|evet| | ||
| − | <div style="position:absolute; top:8px; right:8px; width: | + | <div style="position:absolute; top:8px; right:8px; width:30px; height:30px; background:#ffd700; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:16px; border:2px solid #ff6b6b;">👑</div> |
}} | }} | ||
| − | <!-- İsim | + | <!-- İsim Kutusu - ŞEFFAF ARKA PLAN --> |
| − | <div style="position:absolute; bottom: | + | <div style="position:absolute; bottom:8px; left:10px; right:10px; background:rgba(0,0,0,0.3); padding:6px 8px; border-radius:8px; border:1px solid rgba(255,255,255,0.1);"> |
| − | + | <span style="position:absolute; left:10px; bottom:6px; color:#e94560; font-size:10px; font-weight:bold;">Lv.{{{seviye}}}</span> <span style="position:absolute; right:10px; bottom:6px; color:{{#ifeq:{{{rank}}}|Boss|#ffd700|#a8d8ea}}; font-size:10px; font-weight:bold;">{{#ifeq:{{{rank}}}|BOSS|★ BOSS|Aşama {{{rank}}}}}</span> | |
| − | <span style="position:absolute; left: | ||
| − | + | <div style="color:#ffffff; font-size:14px; font-weight:bold; text-align:center; padding:0 30px;">{{{isim}}}</div> | |
| − | <div style="color:# | ||
| − | + | ||
| − | |||
</div> | </div> | ||
</div> | </div> | ||
| − | <!-- Orta Kısım | + | <!-- Orta Kısım --> |
<div style="flex:1; background:#16213e; display:flex; align-items:center; justify-content:center; position:relative; min-height:0;"> | <div style="flex:1; background:#16213e; display:flex; align-items:center; justify-content:center; position:relative; min-height:0;"> | ||
| − | |||
| − | |||
| − | <!-- Resim - | + | <!-- Resim Çerçevesi - ŞEFFAF ARKA PLAN --> |
| − | <div style="width: | + | <div style="width:75px; height:75px; background:rgba(15,52,96,0.4); border-radius:50%; border:3px solid #e94560; display:flex; align-items:center; justify-content:center; overflow:hidden;">[[Dosya:{{{resim}}}|65px|center]]</div> |
| − | |||
| − | |||
| − | <!-- | + | <!-- Badge'ler - OPAK, KOYU RENK --> |
| − | <div style="position:absolute; top:8px; left:8px; background: | + | <div style="position:absolute; top:8px; left:8px; background:#000000; border:1px solid #444444; color:#a8d8ea; padding:2px 8px; border-radius:8px; font-size:8px;">{{{irk}}}</div> |
| − | <div style="position:absolute; top:8px; right:8px; background: | + | <div style="position:absolute; top:8px; right:8px; background:#000000; border:1px solid #444444; color:#a8d8ea; padding:2px 8px; border-radius:8px; font-size:8px;">{{{hasar|Mêlée}}}</div> |
</div> | </div> | ||
| − | <!-- Alt Kısım | + | <!-- Alt Kısım --> |
| − | <div style="height: | + | <div style="height:75px; background:#1a1a2e; padding:6px 10px 10px 10px; box-sizing:border-box; display:flex; flex-direction:column; gap:4px; flex-shrink:0;"> |
| − | <!-- EXP | + | <!-- EXP Kutusu - OPAK, KOYU RENK --> |
| − | <div style="background: | + | <div style="background:#000000; padding:5px 8px; border-radius:6px; border:1px solid #333333;"> |
| − | + | <div style="display:flex; align-items:center; gap:6px; margin-bottom:3px;"> | |
| − | <div style="display:flex; align-items:center; gap: | + | <span style="color:#e94560; font-size:8px; font-weight:bold;">EXP</span> |
| − | <span style="color:#e94560; font-size: | + | <div style="flex:1; height:5px; background:#333333; border-radius:3px; overflow:hidden;"> |
| − | <div style="flex:1; height: | + | <div style="width:100%; height:100%; background:#e94560; border-radius:3px;"></div> |
| − | <div style="width:100%; height:100%; background: | ||
</div> | </div> | ||
| − | <span style="color:# | + | <span style="color:#ffffff; font-size:9px; font-weight:bold;">{{{exp}}}</span> |
</div> | </div> | ||
| − | + | <div style="color:#a8d8ea; font-size:8px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-top:1px solid #333333; padding-top:3px;"> | |
| − | <div style="color:#a8d8ea; font-size: | ||
📍 {{{konum}}} | 📍 {{{konum}}} | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <!-- | + | <!-- İkonlar - OPAK, KOYU RENK --> |
| − | <div style="display:flex; justify-content:center; gap: | + | <div style="display:flex; justify-content:center; gap:10px; margin-top:auto; padding-bottom:2px;"> |
{{#if:{{{yalniz|}}}| | {{#if:{{{yalniz|}}}| | ||
| − | <div style="width: | + | <div style="width:24px; height:24px; background:#000000; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:10px; border:2px solid #ffd700;">👤</div> |
}} | }} | ||
{{#if:{{{saldirgan|}}}| | {{#if:{{{saldirgan|}}}| | ||
| − | <div style="width: | + | <div style="width:24px; height:24px; background:#000000; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:10px; border:2px solid #e94560;">⚔️</div> |
}} | }} | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <!-- Neon | + | <!-- Neon Çizgiler --> |
| − | <div style="position:absolute; top:0; left:0; right:0; height:2px; background: | + | <div style="position:absolute; top:0; left:0; right:0; height:2px; background:#e94560;"></div> |
| − | <div style="position:absolute; bottom:0; left:0; right:0; height:2px; background: | + | <div style="position:absolute; bottom:0; left:0; right:0; height:2px; background:#533483;"></div> |
</div> | </div> | ||
