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

از ویکی تریدر | اولین دانشنامه تخصصی بازارهای مالی فارکس و ارز دیجیتال
→ تفاوت با ویرایش قدیمی‌تر
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
 
(۸ نسخهٔ میانی ویرایش شده توسط ۲ کاربر نشان داده نشد)
خط ۱: خط ۱:
<!DOCTYPE html>
<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: 0 0 15px 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: bold;
            padding: 8px 12px;
            border-radius: 8px; /* گوشه‌های گرد برای لینک‌ها */
            transition: all 0.3s ease; /* تغییرات نرم */
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .header .menu a:hover {
            background-color: rgba(26, 188, 156, 0.6); /* تغییر رنگ منو هنگام هاور */
            transform: scale(1.1); /* بزرگ‌نمایی جزئی هنگام هاور */
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* سایه ملایم */
        }
        .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: rgba(26, 188, 156, 0.6);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* سایه ملایم هنگام هاور */
            transform: scale(1.05); /* بزرگ‌نمایی جزئی */
        }
        .dropdown-title {
            color: #ffffff;
            background-color: #007BFF;
            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">
         <a href="#"><i class="fas fa-chart-line"></i> تحلیل روز</a>
         <a href="https://wikitrader.net"><i class="fas fa-chart-line"></i> تحلیل روز</a>
     </div>
     </div>
     <div class="menu">
     <div class="menu">
         <div class="dropdown">
         <div class="dropdown">
             <a href="#"><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-title">ارزها</div>
                <a href="#"><i class="fas fa-euro-sign"></i> یورو</a>
                <a href="#"><i class="fas fa-pound-sign"></i> پوند</a>
                <a href="#"><i class="fas fa-dollar-sign"></i> دلار کانادا</a>
                <a href="#"><i class="fas fa-yen-sign"></i> ین ژاپن</a>
            </div>
        </div>
        <div class="dropdown">
            <a href="#"><i class="fas fa-gem"></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-euro-sign"></i> EURUSD</a>
                <div class="dropdown-title">جفت‌ارز فرعی</div>
                <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>
                 <div class="dropdown-title">کالاها</div>
                 <a href="#"><i class="fas fa-ring"></i> انس طلا</a>
                 <a href="https://wikitrader.net"><i class="fas fa-ring"></i> Gold</a>
                 <a href="#"><i class="fas fa-coins"></i> انس نقره</a>
                 <div class="dropdown-title">سهام</div>
                 <a href="#"><i class="fas fa-oil-can"></i> نفت</a>
                 <a href="https://wikitrader.net"><i class="fas fa-apple"></i> Apple</a>
             </div>
             </div>
         </div>
         </div>
       
         <div class="dropdown">
         <div class="dropdown">
             <a href="#"><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">
                 <a href="#"><i class="fab fa-bitcoin"></i> بیت‌کوین</a>
                <div class="dropdown-title">شاخص</div>
                 <a href="#"><i class="fab fa-ethereum"></i> اتریوم</a>
                 <a href="https://wikitrader.net"><i class="fab fa-bitcoin"></i> دامیننس ترر</a>
                 <a href="#"><i class="fab fa-btc"></i> بایننس</a>
                <div class="dropdown-title">کوین‌ها</div>
                 <a href="#"><i class="fab fa-dog"></i> دوج</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>
         <div class="dropdown">
         <div class="dropdown">
             <a href="#"><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">
                 <a href="#"><i class="fas fa-gold"></i> طلا</a>
                <div class="dropdown-title">طلا</div>
                 <a href="#"><i class="fas fa-money-bill"></i> سکه</a>
                 <a href="https://wikitrader.net"><i class="fas fa-gold"></i> طلا</a>
                 <a href="#"><i class="fas fa-dollar-sign"></i> دلار</a>
                 <a href="https://wikitrader.net"><i class="fas fa-money-bill"></i> سکه</a>
                 <a href="#"><i class="fas fa-hand-holding-usd"></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>
         </div>
         </div>
         <div class="dropdown">
         <div class="dropdown">
             <a href="#"><i class="fas fa-chart-bar"></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">
                 <a href="#"><i class="fas fa-chart-line"></i> شاخص کل</a>
                <div class="dropdown-title">شاخص‌ها</div>
                 <a href="#"><i class="fas fa-equals"></i> شاخص هموزن</a>
                 <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-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 class="logo">
         <a href="#"><i class="fas fa-archive"></i> آرشیو تحلیل‌ها</a>
         <a href="https://wikitrader.net"><i class="fas fa-archive"></i> آرشیو تحلیل‌</a>
     </div>
     </div>
</div>
</div>


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

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

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

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