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