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

از ویکی تریدر | اولین دانشنامه تخصصی بازارهای مالی فارکس و ارز دیجیتال
→ تفاوت با ویرایش قدیمی‌ترتفاوت با ویرایش جدیدتر ←
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
خط ۱۷: خط ۱۷:
             align-items: center;
             align-items: center;
             justify-content: space-between;
             justify-content: space-between;
             background-color: #2c3e50; /* رنگ پس‌زمینه هدر */
             background-color: #2c3e50;
             padding: 10px 20px;
             padding: 10px 20px;
             box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
             box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
         }
         }
         .header .logo {
         .header .logo a {
             font-size: 24px;
             font-size: 24px;
             font-weight: bold;
             font-weight: bold;
             color: #ffffff; /* رنگ متن در هدر */
             color: #ffffff;
             transition: color 0.3s, background-color 0.3s; /* انیمیشن تغییر رنگ */
             text-decoration: none;
        }
        .header .logo a:hover {
            color: #1abc9c;
         }
         }
         .header .menu {
         .header .menu {
خط ۳۱: خط ۳۴:
             align-items: center;
             align-items: center;
             gap: 20px;
             gap: 20px;
             justify-content: center; /* منوهای میانی را در وسط قرار می‌دهد */
             justify-content: center;
             flex-grow: 1; /* اجازه می‌دهد تا فضا را پر کنند */
             flex-grow: 1;
         }
         }
         .header .menu a {
         .header .menu a {
             text-decoration: none;
             text-decoration: none;
             color: #ffffff; /* رنگ لینک‌ها */
             color: #ffffff;
             font-weight: bold;
             font-weight: bold;
             padding: 5px 10px;
             padding: 5px 10px;
        }
        .header .menu a:hover {
            background-color: #1abc9c;
         }
         }
         .dropdown {
         .dropdown {
خط ۴۸: خط ۵۴:
             top: 100%;
             top: 100%;
             right: 0;
             right: 0;
             background-color: #34495e; /* رنگ پس‌زمینه منوهای کشویی */
             background-color: #34495e;
             box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
             box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
             border-radius: 4px;
             border-radius: 4px;
خط ۵۹: خط ۶۵:
             padding: 10px;
             padding: 10px;
             text-decoration: none;
             text-decoration: none;
             color: #ffffff; /* رنگ متن لینک‌های کشویی */
             color: #ffffff;
             white-space: nowrap;
             white-space: nowrap;
         }
         }
         .dropdown-content a:hover {
         .dropdown-content a:hover {
             background-color: #1abc9c; /* رنگ هنگام هاور شدن لینک‌ها */
             background-color: #1abc9c;
         }
         }
         .dropdown:hover .dropdown-content {
         .dropdown:hover .dropdown-content {
خط ۷۰: خط ۷۶:
         .dropdown-title {
         .dropdown-title {
             color: #ffffff;
             color: #ffffff;
             background-color: #007BFF; /* رنگ عنوان زیرمنوها */
             background-color: #007BFF;
             padding: 8px 10px;
             padding: 8px 10px;
             text-align: center;
             text-align: center;
             font-weight: bold;
             font-weight: bold;
        }
        /* تغییر رنگ هنگام هاور بر روی لینک‌های منو */
        .header .menu a:hover {
            background-color: #1abc9c; /* رنگ هنگام هاور شدن لینک‌ها */
        }
        /* تغییر رنگ برای تحلیل روز و آرشیو تحلیل‌ها هنگام هاور */
        .header .logo:hover {
            color: #1abc9c; /* تغییر رنگ متن هنگام هاور */
         }
         }
     </style>
     </style>
خط ۹۰: خط ۸۶:


<div class="header">
<div class="header">
     <div class="logo">تحلیل روز</div>
     <div class="logo">
        <a href="https://wikitrader.net/view/%D8%B5%D9%81%D8%AD%D9%87%D9%94_%D8%A7%D8%B5%D9%84%DB%8C">تحلیل روز</a>
    </div>
     <div class="menu">
     <div class="menu">
        <!-- Dropdown for "فارکس ارزها" -->
         <div class="dropdown">
         <div class="dropdown">
             <a href="#">فارکس ارزها</a>
             <a href="#">فارکس ارزها</a>
             <div class="dropdown-content">
             <div class="dropdown-content">
                 <div class="dropdown-title">ارزها</div>
                 <div class="dropdown-title">ارزها</div>
                 <a href="#">یورو</a>
                 <a href="https://wikitrader.net/view/%D8%B5%D9%81%D8%AD%D9%87%D9%94_%D8%A7%D8%B5%D9%84%DB%8C">یورو</a>
                 <a href="#">پوند</a>
                 <a href="https://wikitrader.net/view/%D8%B5%D9%81%D8%AD%D9%87%D9%94_%D8%A7%D8%B5%D9%84%DB%8C">پوند</a>
                 <a href="#">دلار کانادا</a>
                 <a href="https://wikitrader.net/view/%D8%B5%D9%81%D8%AD%D9%87%D9%94_%D8%A7%D8%B5%D9%84%DB%8C">دلار کانادا</a>
                 <a href="#">ین ژاپن</a>
                 <a href="https://wikitrader.net/view/%D8%B5%D9%81%D8%AD%D9%87%D9%94_%D8%A7%D8%B5%D9%84%DB%8C">ین ژاپن</a>
             </div>
             </div>
         </div>
         </div>
        <!-- Dropdown for "فارکس کالاها" -->
         <div class="dropdown">
         <div class="dropdown">
             <a href="#">فارکس کالاها</a>
             <a href="#">فارکس کالاها</a>
             <div class="dropdown-content">
             <div class="dropdown-content">
                 <div class="dropdown-title">کالاها</div>
                 <div class="dropdown-title">کالاها</div>
                 <a href="#">انس طلا</a>
                 <a href="https://wikitrader.net/view/%D8%B5%D9%81%D8%AD%D9%87%D9%94_%D8%A7%D8%B5%D9%84%DB%8C">انس طلا</a>
                 <a href="#">انس نقره</a>
                 <a href="https://wikitrader.net/view/%D8%B5%D9%81%D8%AD%D9%87%D9%94_%D8%A7%D8%B5%D9%84%DB%8C">انس نقره</a>
                 <a href="#">نفت</a>
                 <a href="https://wikitrader.net/view/%D8%B5%D9%81%D8%AD%D9%87%D9%94_%D8%A7%D8%B5%D9%84%DB%8C">نفت</a>
             </div>
             </div>
         </div>
         </div>
        <!-- Dropdown for "ارز دیجیتال" -->
         <div class="dropdown">
         <div class="dropdown">
             <a href="#">ارز دیجیتال</a>
             <a href="#">ارز دیجیتال</a>
             <div class="dropdown-content">
             <div class="dropdown-content">
                 <a href="#">بیت‌کوین</a>
                 <a href="https://wikitrader.net/view/%D8%B5%D9%81%D8%AD%D9%87%D9%94_%D8%A7%D8%B5%D9%84%DB%8C">بیت‌کوین</a>
                 <a href="#">اتریوم</a>
                 <a href="https://wikitrader.net/view/%D8%B5%D9%81%D8%AD%D9%87%D9%94_%D8%A7%D8%B5%D9%84%DB%8C">اتریوم</a>
                 <a href="#">بایننس</a>
                 <a href="https://wikitrader.net/view/%D8%B5%D9%81%D8%AD%D9%87%D9%94_%D8%A7%D8%B5%D9%84%DB%8C">بایننس</a>
                 <a href="#">دوج</a>
                 <a href="https://wikitrader.net/view/%D8%B5%D9%81%D8%AD%D9%87%D9%94_%D8%A7%D8%B5%D9%84%DB%8C">دوج</a>
             </div>
             </div>
         </div>
         </div>
        <!-- Dropdown for "بازار داخلی" -->
         <div class="dropdown">
         <div class="dropdown">
             <a href="#">بازار داخلی</a>
             <a href="#">بازار داخلی</a>
             <div class="dropdown-content">
             <div class="dropdown-content">
                 <a href="#">طلا</a>
                 <a href="https://wikitrader.net/view/%D8%B5%D9%81%D8%AD%D9%87%D9%94_%D8%A7%D8%B5%D9%84%DB%8C">طلا</a>
                 <a href="#">سکه</a>
                 <a href="https://wikitrader.net/view/%D8%B5%D9%81%D8%AD%D9%87%D9%94_%D8%A7%D8%B5%D9%84%DB%8C">سکه</a>
                 <a href="#">دلار</a>
                 <a href="https://wikitrader.net/view/%D8%B5%D9%81%D8%AD%D9%87%D9%94_%D8%A7%D8%B5%D9%84%DB%8C">دلار</a>
                 <a href="#">درهم</a>
                 <a href="https://wikitrader.net/view/%D8%B5%D9%81%D8%AD%D9%87%D9%94_%D8%A7%D8%B5%D9%84%DB%8C">درهم</a>
             </div>
             </div>
         </div>
         </div>
        <!-- Dropdown for "بازار بورس" -->
         <div class="dropdown">
         <div class="dropdown">
             <a href="#">بازار بورس</a>
             <a href="#">بازار بورس</a>
             <div class="dropdown-content">
             <div class="dropdown-content">
                 <a href="#">شاخص کل</a>
                 <a href="https://wikitrader.net/view/%D8%B5%D9%81%D8%AD%D9%87%D9%94_%D8%A7%D8%B5%D9%84%DB%8C">شاخص کل</a>
                 <a href="#">شاخص هموزن</a>
                 <a href="https://wikitrader.net/view/%D8%B5%D9%81%D8%AD%D9%87%D9%94_%D8%A7%D8%B5%D9%84%DB%8C">شاخص هموزن</a>
             </div>
             </div>
         </div>
         </div>
     </div>
     </div>
     <div class="logo">آرشیو تحلیل‌ها</div>
     <div class="logo">
        <a href="https://wikitrader.net/view/%D8%B5%D9%81%D8%AD%D9%87%D9%94_%D8%A7%D8%B5%D9%84%DB%8C">آرشیو تحلیل‌ها</a>
    </div>
</div>
</div>
<script>
    // اضافه کردن اسکریپت برای باز و بسته کردن منوها
    const dropdowns = document.querySelectorAll('.dropdown');
    dropdowns.forEach(dropdown => {
        dropdown.addEventListener('click', function(e) {
            e.preventDefault(); // جلوگیری از عملکرد پیش‌فرض
            const content = dropdown.querySelector('.dropdown-content');
            content.style.display = content.style.display === 'block' ? 'none' : 'block'; // تغییر وضعیت نمایش منو
        });
    });
</script>


</body>
</body>
</html>
</html>

نسخهٔ ‏۱۵ نوامبر ۲۰۲۴، ساعت ۱۳:۵۹

<!DOCTYPE html> تحلیل روز

فارکس ارزها
ارزها
یورو پوند دلار کانادا ین ژاپن
فارکس کالاها
کالاها
انس طلا انس نقره نفت
ارز دیجیتال
بیت‌کوین اتریوم بایننس دوج
بازار داخلی
طلا سکه دلار درهم
بازار بورس
شاخص کل شاخص هموزن

برگرفته از «https://wiki.ostadganji.ir/index.php?title=الگو:فهرست&oldid=1548»