الگو:Sponsors: تفاوت میان نسخه‌ها
صفحه‌ای تازه حاوی «<div class="ad-container"> <div class="ad-card"> link=https://www.pediabible.com/index.php/%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%DB%8C_%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%D8%A7%D9%86|alt=حامی اول </div> <div class="ad-card"> link=https://mohabatnews.com/|alt=حامی دوم </div> <div class="ad-card"> پرونده:Sponsor01.png|link=https://example.net|alt=حامی س...» ایجاد کرد |
بدون خلاصۀ ویرایش |
||
| (۳ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد) | |||
| خط ۱: | خط ۱: | ||
==تبلیغات== | |||
<html lang="fa"> | |||
<head> | |||
<meta charset="UTF-8"> | |||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |||
<title>تبلیغات دانشنامه</title> | |||
<style> | |||
.ad-container { | |||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: center; | |||
gap: 15px; /* فاصله بین کارت‌ها */ | |||
max-width: 1000px; | |||
margin: 0 auto; | |||
padding: 10px; | |||
} | |||
.ad-card { | |||
flex: 1 1 calc(50% - 15px); /* دو ستونه با فاصله */ | |||
max-width: 480px; | |||
text-align: center; | |||
margin-bottom: 15px; | |||
box-shadow: 0 2px 8px rgba(0,0,0,0.1); | |||
border-radius: 8px; | |||
overflow: hidden; | |||
transition: transform 0.2s; | |||
} | |||
.ad-card:hover { | |||
transform: scale(1.03); | |||
} | |||
.ad-card img { | |||
width: 100%; | |||
height: auto; | |||
display: block; | |||
} | |||
@media (max-width: 768px) { | |||
.ad-card { | |||
flex: 1 1 100%; | |||
max-width: 100%; | |||
} | |||
} | |||
</style> | |||
</head> | |||
<body> | |||
<div class="ad-container"> | <div class="ad-container"> | ||
<div class="ad-card"> | <div class="ad-card"> | ||
<a href="https://www.pediabible.com/index.php/%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%DB%8C_%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%D8%A7%D9%86" target="_blank"> | |||
</div> | <img src="https://www.pediabible.com/images/c/cc/Sponsor01.png" alt="حامی اول"> | ||
</a> | |||
</div> | |||
<div class="ad-card"> | |||
<a href="https://mohabatnews.com/" target="_blank"> | |||
<img src="https://www.pediabible.com/images/c/cc/Sponsor01.png" alt="حامی دوم"> | |||
</a> | |||
</div> | |||
<div class="ad-card"> | <div class="ad-card"> | ||
<a href="https://example.net" target="_blank"> | |||
</div> | <img src="https://www.pediabible.com/images/c/cc/Sponsor01.png" alt="حامی سوم"> | ||
</a> | |||
</div> | |||
<div class="ad-card"> | <div class="ad-card"> | ||
<a href="https://example.edu" target="_blank"> | |||
</div> | <img src="https://www.pediabible.com/images/c/cc/Sponsor01.png" alt="حامی چهارم"> | ||
</a> | |||
</div> | |||
</div> | </div> | ||
</ | </body> | ||
</html> | |||
نسخهٔ کنونی تا ۸ سپتامبر ۲۰۲۵، ساعت ۰۴:۴۶
تبلیغات
