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

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


         /* تغییر رنگ هنگام هاور بر روی لینک‌های منو */
         <div class="dropdown">
        .header .menu a:hover {
            <a href="https://wikitrader.net" class="highlight"><i class="fas fa-landmark"></i> بازار داخلی</a>
            background-color: #1abc9c; /* رنگ هنگام هاور شدن لینک‌ها */
            <div class="dropdown-content">
         }
                <div class="dropdown-title">طلا</div>
                <a href="https://wikitrader.net"><i class="fas fa-gold"></i> طلا</a>
                <a href="https://wikitrader.net"><i class="fas fa-money-bill"></i> سکه</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>


         .header .menu .active {
         <div class="dropdown">
             color: #1abc9c; /* تغییر رنگ برای منو فعال */
             <a href="https://wikitrader.net" class="highlight"><i class="fas fa-chart-bar"></i> بازار بورس</a>
        }
            <div class="dropdown-content">
    </style>
                <div class="dropdown-title">شاخص‌ها</div>
</head>
                <a href="https://wikitrader.net"><i class="fas fa-chart-line"></i> شاخص کل</a>
<body>
                <a href="https://wikitrader.net"><i class="fas fa-equals"></i> شاخص هم وزن</a>
 
                <div class="dropdown-title">نمادها</div>
<div class="header">
                <a href="https://wikitrader.net"><i class="fas fa-cogs"></i> فلزات</a>
    <div class="logo">تحلیل روز</div>
                <a href="https://wikitrader.net"><i class="fas fa-industry"></i> پتروشیمی</a>
    <div class="menu">
                <a href="https://wikitrader.net"><i class="fas fa-oil-can"></i> نفتی</a>
        <a href="#">فارکس ارزها</a>
                <a href="https://wikitrader.net"><i class="fas fa-car"></i> خودرویی</a>
        <a href="#">فارکس کالاها</a>
                <a href="https://wikitrader.net"><i class="fas fa-box"></i> سایر</a>
        <a href="#">ارز دیجیتال</a>
            </div>
         <a href="#">بازار داخلی</a>
        </div>
    </div>
    <div class="logo">
         <a href="https://wikitrader.net"><i class="fas fa-archive"></i> آرشیو تحلیل‌</a>
     </div>
     </div>
    <div class="logo">آرشیو تحلیل‌ها</div>
</div>
</div>


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

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