پرش به محتوا

الگو:Sponsors: تفاوت میان نسخه‌ها

از دانشنامه کتاب مقدس
→ تفاوت با ویرایش قدیمی‌تر
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
 
(یک نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۱: خط ۱:
{| class="wikitable" style="width:100%; border:none; border-spacing:10px;"
==تبلیغات==
|-
 
| [[File:1.png|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=حامی اول|400px]]
<html lang="fa">
| [[File:Mohabatnews.png|link=https://mohabatnews.com/|alt=حامی دوم|400px]]
<head>
|-
<meta charset="UTF-8">
| [[File:Sponsor01.png|link=https://example.net|alt=حامی سوم|400px]]
<meta name="viewport" content="width=device-width, initial-scale=1.0">
| [[File:Sponsor01.png|link=https://example.edu|alt=حامی چهارم|400px]]
<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-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">
      <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">
    <a href="https://example.net" target="_blank">
      <img src="https://www.pediabible.com/images/c/cc/Sponsor01.png" alt="حامی سوم">
    </a>
  </div>
 
  <div class="ad-card">
    <a href="https://example.edu" target="_blank">
      <img src="https://www.pediabible.com/images/c/cc/Sponsor01.png" alt="حامی چهارم">
    </a>
  </div>
 
</div>
 
</body>
</html>

نسخهٔ کنونی تا ‏۸ سپتامبر ۲۰۲۵، ساعت ۰۴:۴۶

تبلیغات

تبلیغات دانشنامه

حامی اول
حامی دوم
حامی سوم
حامی چهارم

برگرفته از «https://www.pediabible.com/index.php?title=الگو:Sponsors&oldid=3068»