الگو:فهرست: تفاوت میان نسخهها
| Nazarzadeh (بحث | مشارکتها) بدون خلاصۀ ویرایش | بدون خلاصۀ ویرایش | ||
| خط ۱: | خط ۱: | ||
| <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: #1abc9c; /* تغییر رنگ منو هنگام هاور */ | |||
|             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: #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 href="https://wikitrader.net"><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="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="https://wikitrader.net"><i class="fas fa-ring"></i>  |                  <a href="https://wikitrader.net"><i class="fas fa-ring"></i> Gold</a> | ||
|                  < | |||
|                  <a href="https://wikitrader.net"><i class="fas fa- |                  <!-- دسته پنجم: سهام --> | ||
|                 <div class="dropdown-title">سهام</div> | |||
|                  <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="https://wikitrader.net"><i class="fas fa-bitcoin"></i> ارز دیجیتال</a> |              <a href="https://wikitrader.net"><i class="fas fa-bitcoin"></i> ارز دیجیتال</a> | ||
|              <div class="dropdown-content"> |              <div class="dropdown-content"> | ||
|                 <!-- دسته اول: شاخص --> | |||
|                 <div class="dropdown-title">شاخص</div> | |||
|                 <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-bitcoin"></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> |                  <a href="https://wikitrader.net"><i class="fab fa-ethereum"></i> اتریوم</a> | ||
|                  < | |||
|                  <a href="https://wikitrader.net"><i class="fab fa-dog"></i>  |                  <!-- دسته چهارم: میمکوینها --> | ||
|                 <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="https://wikitrader.net"><i class="fas fa-landmark"></i> بازار داخلی</a> |              <a href="https://wikitrader.net"><i class="fas fa-landmark"></i> بازار داخلی</a> | ||
|              <div class="dropdown-content"> |              <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-gold"></i> طلا</a> | ||
|                  <a href="https://wikitrader.net"><i class="fas fa-money-bill"></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-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> |              </div> | ||
|          </div> |          </div> | ||
|         <!-- منوی بازار بورس --> | |||
|          <div class="dropdown"> |          <div class="dropdown"> | ||
|              <a href="https://wikitrader.net"><i class="fas fa-chart-bar"></i> بازار بورس</a> |              <a href="https://wikitrader.net"><i class="fas fa-chart-bar"></i> بازار بورس</a> | ||
|              <div class="dropdown-content"> |              <div class="dropdown-content"> | ||
|                 <!-- زیردسته شاخصها --> | |||
|                 <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-equals"></i> شاخص  |                  <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="https://wikitrader.net"><i class="fas fa-archive"></i> آرشیو  |          <a href="https://wikitrader.net"><i class="fas fa-archive"></i> آرشیو تحلیل</a> | ||
|      </div> |      </div> | ||
| </div> | </div> | ||
| </body> | |||
| </html> | </html> | ||
