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

از ویکی تریدر | اولین دانشنامه تخصصی بازارهای مالی فارکس و ارز دیجیتال
→ تفاوت با ویرایش قدیمی‌تر
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
 
(۳ نسخهٔ میانی ویرایش شده توسط ۲ کاربر نشان داده نشد)
خط ۱: خط ۱:
<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" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" integrity="sha512-xxxxxxxxxxxxxxxxxx" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <style>
        body {
            font-family: 'Vazir', Arial, sans-serif;
            margin: 0;
            padding: 0;
            direction: rtl;
            background-color: #ecf0f1;
        }
        .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);
            border-radius: 15px; /* گوشه‌های گرد هم بالا و هم پایین */
        }
        .header .logo a {
            font-size: 24px;
            font-weight: bold;
            color: #ffffff;
            text-decoration: none;
            transition: color 0.3s ease, transform 0.3s ease; /* تغییر رنگ و انیمیشن بزرگ‌نمایی */
        }
        .header .logo a:hover {
            color: #1abc9c;
            transform: scale(1.1); /* بزرگ‌نمایی هنگام هاور */
        }
        .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: normal; /* تغییر به حالت معمول */
            padding: 8px 12px;
            border-radius: 8px;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .header .menu a:hover {
            background-color: #1abc9c;
            transform: scale(1.1);
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        }
        /* تغییر برای فونت منوهای خاص */
        .header .menu .dropdown > a {
            font-size: 16px; /* افزایش اندازه فونت */
            font-weight: bold; /* بولد کردن متن */
        }
        /* تغییرات در منوهای خاص */
        .header .menu .dropdown:nth-child(1) > a, /* فارکس */
        .header .menu .dropdown:nth-child(2) > a, /* ارز دیجیتال */
        .header .menu .dropdown:nth-child(3) > a, /* بازار داخلی */
        .header .menu .dropdown:nth-child(4) > a { /* بازار بورس */
            font-size: 18px; /* افزایش بیشتر اندازه فونت */
            font-weight: bold; /* بولد کردن */
        }
        .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: 10px; /* گوشه‌های گرد برای منو */
            overflow: hidden;
            z-index: 1;
            opacity: 0; /* شروع از شفاف */
            transform: translateY(-10px); /* موقعیت اولیه کمی بالاتر */
            transition: all 0.3s ease; /* انیمیشن باز شدن */
        }
        .dropdown:hover .dropdown-content {
            display: block;
            opacity: 1; /* قابل مشاهده */
            transform: translateY(0); /* بازگشت به موقعیت اصلی */
        }
        .dropdown-content a {
            display: flex;
            align-items: center;
            justify-content: center; /* وسط‌چین کردن متن */
            padding: 10px 15px;
            text-decoration: none;
            color: #ffffff;
            white-space: nowrap;
            transition: all 0.3s ease;
            font-size: 14px;
            text-align: center; /* وسط‌چین کردن متن */
        }
        .dropdown-content a:hover {
            background-color: #1abc9c;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            transform: scale(1.05);
        }
        .dropdown-title {
            color: #ffffff;
            background-color: #9b2d2f; /* رنگ جگری تیره برای پس‌زمینه زیردسته‌ها */
            padding: 8px 10px;
            text-align: center;
            font-weight: bold;
            border-radius: 10px 10px 0 0; /* گوشه‌های گرد بالا */
        }
    </style>
</head>
<body>
<div class="header">
<div class="header">
     <div class="logo">
     <div class="logo">
خط ۱۲۹: خط ۶:
     </div>
     </div>
     <div class="menu">
     <div class="menu">
        <!-- منوی فارکس -->
         <div class="dropdown">
         <div class="dropdown">
             <a href="https://wikitrader.net"><i class="fas fa-coins"></i> فارکس</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>
خط ۱۴۶: خط ۲۲:
             </div>
             </div>
         </div>
         </div>
 
          
         <!-- منوی ارز دیجیتال -->
         <div class="dropdown">
         <div class="dropdown">
             <a href="https://wikitrader.net"><i class="fas fa-bitcoin"></i> ارز دیجیتال</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>
خط ۱۶۲: خط ۳۷:
         </div>
         </div>


        <!-- منوی بازار داخلی -->
         <div class="dropdown">
         <div class="dropdown">
             <a href="https://wikitrader.net"><i class="fas fa-landmark"></i> بازار داخلی</a>
             <a href="https://wikitrader.net" class="highlight"><i class="fas fa-landmark"></i> بازار داخلی</a>
             <div class="dropdown-content">
             <div class="dropdown-content">
                 <div class="dropdown-title">طلا</div>
                 <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-dollar-sign"></i> دلار</a>
                 <a href="https://wikitrader.net"><i class="fas fa-hand-holding-usd"></i> درهم</a>
                 <a href="https://wikitrader.net"><i class="fas fa-hand-holding-usd"></i> درهم</a>
                <div class="dropdown-title">شاخص‌ها</div>
                <a href="https://wikitrader.net"><i class="fas fa-chart-line"></i> شاخص کل</a>
                <a href="https://wikitrader.net"><i class="fas fa-equals"></i> شاخص هم وزن</a>
                <div class="dropdown-title">نمادها</div>
                <a href="https://wikitrader.net"><i class="fas fa-chart-pie"></i> شرکت‌ها</a>
             </div>
             </div>
         </div>
         </div>


        <!-- منوی بازار بورس -->
         <div class="dropdown">
         <div class="dropdown">
             <a href="https://wikitrader.net"><i class="fas fa-store"></i> بازار بورس</a>
             <a href="https://wikitrader.net" class="highlight"><i class="fas fa-chart-bar"></i> بازار بورس</a>
             <div class="dropdown-content">
             <div class="dropdown-content">
                 <div class="dropdown-title">شاخص‌ها</div>
                 <div class="dropdown-title">شاخص‌ها</div>
                 <a href="https://wikitrader.net"><i class="fas fa-chart-line"></i> شاخص کل</a>
                 <a href="https://wikitrader.net"><i class="fas fa-chart-line"></i> شاخص کل</a>
                 <a href="https://wikitrader.net"><i class="fas fa-sync"></i> شاخص هم وزن</a>
                 <a href="https://wikitrader.net"><i class="fas fa-equals"></i> شاخص هم وزن</a>
                 <div class="dropdown-title">پیمان‌ها</div>
                 <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-cogs"></i> فلزات</a>
                 <div class="dropdown-title">اوراق</div>
                 <a href="https://wikitrader.net"><i class="fas fa-industry"></i> پتروشیمی</a>
                 <a href="https://wikitrader.net"><i class="fas fa-balance-scale"></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>


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

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

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

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