Anasayfa: Revizyonlar arasındaki fark
Portal OYUN sitesinden
More actions
Sayfa boşaltıldı Etiket: Boşaltma |
Değişiklik özeti yok |
||
| 1. satır: | 1. satır: | ||
<!-- CSS + HTML birlikte --> | |||
<style> | |||
.home-container { | |||
font-family: 'Segoe UI', sans-serif; | |||
padding: 20px; | |||
} | |||
.section { | |||
margin-bottom: 30px; | |||
} | |||
.section h2 { | |||
font-size: 22px; | |||
border-bottom: 2px solid #5c6bc0; | |||
padding-bottom: 5px; | |||
margin-bottom: 15px; | |||
color: #2c3e50; | |||
} | |||
.slider-box { | |||
display: flex; | |||
overflow-x: auto; | |||
gap: 10px; | |||
padding: 10px 0; | |||
scroll-behavior: smooth; | |||
} | |||
.card { | |||
min-width: 200px; | |||
background-color: #f9f9f9; | |||
border: 1px solid #ccc; | |||
border-radius: 8px; | |||
padding: 12px; | |||
text-align: center; | |||
white-space: nowrap; | |||
flex-shrink: 0; | |||
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); | |||
transition: transform 0.2s; | |||
} | |||
.card:hover { | |||
transform: scale(1.05); | |||
} | |||
.card a { | |||
text-decoration: none; | |||
font-weight: bold; | |||
color: #2c3e50; | |||
} | |||
.welcome-box { | |||
background-color: #eef; | |||
border: 1px solid #ccd; | |||
border-radius: 10px; | |||
padding: 20px; | |||
font-size: 16px; | |||
line-height: 1.6; | |||
color: #333; | |||
} | |||
</style> | |||
<div class="home-container"> | |||
<div class="section welcome-box"> | |||
<h2>👋 Kadın Atlası'na Hoş Geldiniz!</h2> | |||
<p>Bu platformda kadın sağlığı, yaşam, ilişkiler ve güncel konular hakkında bilgi alabilir, katkı sunabilir ve topluluğumuza katılabilirsiniz.</p> | |||
</div> | |||
<div class="section"> | |||
<h2>🎮 Popüler Oyun Wikileri</h2> | |||
<div class="slider-box"> | |||
<div class="card"><a href="/index.php/GTA_Wiki">GTA Wiki</a></div> | |||
<div class="card"><a href="/index.php/Fortnite_Wiki">Fortnite Wiki</a></div> | |||
<div class="card"><a href="/index.php/Zelda_Wiki">Zelda Wiki</a></div> | |||
</div> | |||
</div> | |||
</div> | |||
01.28, 24 Temmuz 2025 tarihindeki hâli
<style> .home-container {
font-family: 'Segoe UI', sans-serif; padding: 20px;
} .section {
margin-bottom: 30px;
} .section h2 {
font-size: 22px; border-bottom: 2px solid #5c6bc0; padding-bottom: 5px; margin-bottom: 15px; color: #2c3e50;
} .slider-box {
display: flex; overflow-x: auto; gap: 10px; padding: 10px 0; scroll-behavior: smooth;
} .card {
min-width: 200px; background-color: #f9f9f9; border: 1px solid #ccc; border-radius: 8px; padding: 12px; text-align: center; white-space: nowrap; flex-shrink: 0; box-shadow: 2px 2px 5px rgba(0,0,0,0.1); transition: transform 0.2s;
} .card:hover {
transform: scale(1.05);
} .card a {
text-decoration: none; font-weight: bold; color: #2c3e50;
} .welcome-box {
background-color: #eef; border: 1px solid #ccd; border-radius: 10px; padding: 20px; font-size: 16px; line-height: 1.6; color: #333;
} </style>
👋 Kadın Atlası'na Hoş Geldiniz!
Bu platformda kadın sağlığı, yaşam, ilişkiler ve güncel konular hakkında bilgi alabilir, katkı sunabilir ve topluluğumuza katılabilirsiniz.