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

از ویکی تریدر | اولین دانشنامه تخصصی بازارهای مالی فارکس و ارز دیجیتال
→ تفاوت با ویرایش قدیمی‌تر
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
 
(۱۳ نسخهٔ میانی ویرایش شده توسط ۲ کاربر نشان داده نشد)
خط ۱: خط ۱:
<templatestyles src="فهرست/styles.css" />
<html lang="fa">
<html lang="fa">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>تحلیل روز</title>
    <link href="https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v30.1.0/dist/font-face.css" rel="stylesheet" type="text/css" />
    <style>
        body {
            font-family: 'Vazir', Arial, sans-serif;
            margin: 0;
            padding: 0;
            direction: rtl;
        }
        .header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            background-color: #2c3e50; /* رنگ پس‌زمینه هدر */
            padding: 10px 20px;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
        }
        .header .logo {
            font-size: 24px;
            font-weight: bold;
            color: #ffffff; /* رنگ متن در هدر */
        }
        .header .menu {
            display: flex;
            align-items: center;
            gap: 20px;
            justify-content: center; /* منوهای میانی را در وسط قرار می‌دهد */
            flex-grow: 1; /* اجازه می‌دهد تا فضا را پر کنند */
        }
        .header .menu a {
            text-decoration: none;
            color: #ffffff; /* رنگ لینک‌ها */
            font-weight: bold;
            padding: 5px 10px;
        }
        .dropdown {
            position: relative;
        }
        .dropdown-content {
            display: none;
            position: absolute;
            top: 100%;
            right: 0;
            background-color: #34495e; /* رنگ پس‌زمینه منوهای کشویی */
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
            border-radius: 4px;
            overflow: hidden;
            z-index: 1;
        }
        .dropdown-content a {
            display: flex;
            align-items: center;
            padding: 10px;
            text-decoration: none;
            color: #ffffff; /* رنگ متن لینک‌های کشویی */
            white-space: nowrap;
        }
        .dropdown-content a:hover {
            background-color: #1abc9c; /* رنگ هنگام هاور شدن لینک‌ها */
        }
        .dropdown:hover .dropdown-content {
            display: block;
        }
        .dropdown-title {
            color: #ffffff;
            background-color: #007BFF; /* رنگ عنوان زیرمنوها */
            padding: 8px 10px;
            text-align: center;
            font-weight: bold;
        }
        /* تغییر رنگ هنگام هاور بر روی لینک‌های منو */
        .header .menu a:hover {
            background-color: #1abc9c; /* رنگ هنگام هاور شدن لینک‌ها */
        }
        .header .menu .active {
            color: #1abc9c; /* تغییر رنگ برای منو فعال */
        }
    </style>
</head>
<body>
<div class="header">
<div class="header">
     <div class="logo">تحلیل روز</div>
     <div class="logo">
        <a href="https://wikitrader.net"><i class="fas fa-chart-line"></i> تحلیل روز</a>
    </div>
     <div class="menu">
     <div class="menu">
        <!-- Dropdown for "فارکس ارزها" -->
         <div class="dropdown">
         <div class="dropdown">
             <a href="#">فارکس ارزها</a>
             <a href="https://wikitrader.net" class="highlight"><i class="fas fa-coins"></i> فارکس</a>
             <div class="dropdown-content">
             <div class="dropdown-content">
                 <div class="dropdown-title">ارزها</div>
                 <div class="dropdown-title">فارکس</div>
                 <a href="#">یورو</a>
                <div class="dropdown-title">جفت‌ارز اصلی</div>
                 <a href="#">پوند</a>
                 <a href="https://wikitrader.net"><i class="fas fa-euro-sign"></i> EURUSD</a>
                 <a href="#">دلار کانادا</a>
                <div class="dropdown-title">جفت‌ارز فرعی</div>
                 <a href="#">ین ژاپن</a>
                 <a href="https://wikitrader.net"><i class="fas fa-dollar-sign"></i> USDCHF</a>
                <div class="dropdown-title">شاخص</div>
                 <a href="https://wikitrader.net"><i class="fas fa-chart-line"></i> DXY</a>
                <div class="dropdown-title">کالاها</div>
                 <a href="https://wikitrader.net"><i class="fas fa-ring"></i> Gold</a>
                <div class="dropdown-title">سهام</div>
                <a href="https://wikitrader.net"><i class="fas fa-apple"></i> Apple</a>
             </div>
             </div>
         </div>
         </div>
 
          
         <!-- Dropdown for "فارکس کالاها" -->
         <div class="dropdown">
         <div class="dropdown">
             <a href="#">فارکس کالاها</a>
             <a href="https://wikitrader.net" class="highlight"><i class="fas fa-bitcoin"></i> ارز دیجیتال</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"><i class="fab fa-bitcoin"></i> دامیننس ترر</a>
                 <a href="#">انس نقره</a>
                <div class="dropdown-title">کوین‌ها</div>
                 <a href="#">نفت</a>
                 <a href="https://wikitrader.net"><i class="fab fa-bitcoin"></i> بیت‌کوین</a>
                <div class="dropdown-title">توکن‌ها</div>
                 <a href="https://wikitrader.net"><i class="fab fa-ethereum"></i> اتریوم</a>
                <div class="dropdown-title">میم‌کوین‌ها</div>
                <a href="https://wikitrader.net"><i class="fab fa-dog"></i> شیبا</a>
             </div>
             </div>
         </div>
         </div>


        <!-- Dropdown for "ارز دیجیتال" -->
         <div class="dropdown">
         <div class="dropdown">
             <a href="#">ارز دیجیتال</a>
             <a href="https://wikitrader.net" class="highlight"><i class="fas fa-landmark"></i> بازار داخلی</a>
             <div class="dropdown-content">
             <div class="dropdown-content">
                 <a href="#">بیت‌کوین</a>
                <div class="dropdown-title">طلا</div>
                 <a href="#">اتریوم</a>
                 <a href="https://wikitrader.net"><i class="fas fa-gold"></i> طلا</a>
                 <a href="#">بایننس</a>
                 <a href="https://wikitrader.net"><i class="fas fa-money-bill"></i> سکه</a>
                 <a href="#">دوج</a>
                <div class="dropdown-title">ارز</div>
                 <a href="https://wikitrader.net"><i class="fas fa-dollar-sign"></i> دلار</a>
                 <a href="https://wikitrader.net"><i class="fas fa-hand-holding-usd"></i> درهم</a>
             </div>
             </div>
         </div>
         </div>


        <!-- Dropdown for "بازار داخلی" -->
         <div class="dropdown">
         <div class="dropdown">
             <a href="#">بازار داخلی</a>
             <a href="https://wikitrader.net" class="highlight"><i class="fas fa-chart-bar"></i> بازار بورس</a>
             <div class="dropdown-content">
             <div class="dropdown-content">
                 <a href="#">طلا</a>
                <div class="dropdown-title">شاخص‌ها</div>
                 <a href="#">سکه</a>
                 <a href="https://wikitrader.net"><i class="fas fa-chart-line"></i> شاخص کل</a>
                 <a href="#">دلار</a>
                 <a href="https://wikitrader.net"><i class="fas fa-equals"></i> شاخص هم وزن</a>
                 <a href="#">درهم</a>
                <div class="dropdown-title">نمادها</div>
                 <a href="https://wikitrader.net"><i class="fas fa-cogs"></i> فلزات</a>
                 <a href="https://wikitrader.net"><i class="fas fa-industry"></i> پتروشیمی</a>
                <a href="https://wikitrader.net"><i class="fas fa-oil-can"></i> نفتی</a>
                <a href="https://wikitrader.net"><i class="fas fa-car"></i> خودرویی</a>
                <a href="https://wikitrader.net"><i class="fas fa-box"></i> سایر</a>
             </div>
             </div>
         </div>
         </div>
     </div>
     </div>
     <div class="logo">آرشیو تحلیل‌</div>
     <div class="logo">
        <a href="https://wikitrader.net"><i class="fas fa-archive"></i> آرشیو تحلیل‌</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>
</html>
</html>

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

فارکس
فارکس
جفت‌ارز اصلی
EURUSD
جفت‌ارز فرعی
USDCHF
شاخص
DXY
کالاها
Gold
سهام
Apple
ارز دیجیتال
شاخص
دامیننس ترر
کوین‌ها
بیت‌کوین
توکن‌ها
اتریوم
میم‌کوین‌ها
شیبا
بازار داخلی
طلا
طلا سکه
ارز
دلار درهم
بازار بورس
شاخص‌ها
شاخص کل شاخص هم وزن
نمادها
فلزات پتروشیمی نفتی خودرویی سایر

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