صفحهٔ اصلی: تفاوت میان نسخه‌ها

→ تفاوت با ویرایش قدیمی‌تر تفاوت با ویرایش جدیدتر ←

دیداریویکی‌متن

@@ خط ۹۰: / خط ۹۰: @@
 ----------
+<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; padding: 20px;">
-<div class="books-container">
+   <div style="width: 150px; height: 200px; transition: transform 0.3s;">
-   <div class="book">
      <a href="#">
-       <img src="https://download.zooha.ir/Book/Ghbook/00003108.jpg" alt="کتاب 1">
+       <img src="https://download.zooha.ir/Book/Ghbook/00003108.jpg" alt="کتاب 1" style="width: 100%; height: 100%; object-fit: cover; border-radius: 5px; box-shadow: 0 4px 8px rgba(0,0,0,0.2);">
      </a>
    </div>
-   <div class="book">
+   <div style="width: 150px; height: 200px; transition: transform 0.3s;">
      <a href="#">
-       <img src="https://download.zooha.ir/Book/Ghbook/00003108.jpg" alt="کتاب 2">
+       <img src="[[پرونده:ده منبر حسینی- مهدوی.jpg||قاب]]" alt="کتاب 2" style="width: 100%; height: 100%; object-fit: cover; border-radius: 5px; box-shadow: 0 4px 8px rgba(0,0,0,0.2);">
      </a>
    </div>
    <!-- 18 کتاب دیگر با همین ساختار -->
 </div>
-<style>
-.books-container {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  gap: 15px;
-  padding: 20px;
-}
-.book {
-  width: 150px;
-  height: 200px;
-  transition: transform 0.3s;
-}
-.book:hover {
-  transform: scale(1.05);
-}
-.book img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  border-radius: 5px;
-  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
-}
-@media (max-width: 768px) {
-  .book {
-    width: 120px;
-    height: 160px;
-  }
-}
-@media (max-width: 480px) {
-  .book {
-    width: 100px;
-    height: 140px;
-  }
-}
-</style>