الگو:فهرست: تفاوت میان نسخه‌ها
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
| خط ۲۱: | خط ۲۱: | ||
padding: 10px 20px; | padding: 10px 20px; | ||
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); | box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); | ||
border-radius: 15px; /* | border-radius: 15px; /* گرد کردن تمام گوشه‌ها */ | ||
} | } | ||
.header .logo a { | .header .logo a { | ||
| خط ۲۸: | خط ۲۸: | ||
color: #ffffff; | color: #ffffff; | ||
text-decoration: none; | text-decoration: none; | ||
transition: color 0.3s ease, transform 0.3s ease; | transition: color 0.3s ease, transform 0.3s ease; | ||
} | } | ||
.header .logo a:hover { | .header .logo a:hover { | ||
color: #1abc9c; | color: #1abc9c; | ||
transform: scale(1.1); | transform: scale(1.1); | ||
} | } | ||
.header .menu { | .header .menu { | ||
| خط ۴۴: | خط ۴۴: | ||
text-decoration: none; | text-decoration: none; | ||
color: #ffffff; | color: #ffffff; | ||
font-weight: | font-weight: bold; | ||
padding: 8px 12px; | padding: 8px 12px; | ||
border-radius: 8px; | border-radius: 8px; | ||
| خط ۵۷: | خط ۵۷: | ||
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); | box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); | ||
} | } | ||
.header .menu .highlight { | |||
font-size: 18px; | |||
.header .menu . | font-weight: bold; | ||
font-size: | |||
font-weight: bold; | |||
} | } | ||
.dropdown { | .dropdown { | ||
position: relative; | position: relative; | ||
| خط ۸۳: | خط ۷۱: | ||
background-color: #34495e; | background-color: #34495e; | ||
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); | box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); | ||
border-radius: 10px; | border-radius: 10px; | ||
overflow: hidden; | overflow: hidden; | ||
z-index: 1; | z-index: 1; | ||
opacity: 0; | opacity: 0; | ||
transform: translateY(-10px); | transform: translateY(-10px); | ||
transition: all 0.3s ease; | transition: all 0.3s ease; | ||
} | } | ||
.dropdown:hover .dropdown-content { | .dropdown:hover .dropdown-content { | ||
display: block; | display: block; | ||
opacity: 1; | opacity: 1; | ||
transform: translateY(0); | transform: translateY(0); | ||
} | } | ||
.dropdown-content a { | .dropdown-content a { | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
justify-content: center; | justify-content: center; | ||
padding: 10px 15px; | padding: 10px 15px; | ||
text-decoration: none; | text-decoration: none; | ||
| خط ۱۰۵: | خط ۹۳: | ||
transition: all 0.3s ease; | transition: all 0.3s ease; | ||
font-size: 14px; | font-size: 14px; | ||
text-align: center; | text-align: center; | ||
} | } | ||
.dropdown-content a:hover { | .dropdown-content a:hover { | ||
| خط ۱۱۴: | خط ۱۰۲: | ||
.dropdown-title { | .dropdown-title { | ||
color: #ffffff; | color: #ffffff; | ||
background-color: #9b2d2f; | background-color: #9b2d2f; | ||
padding: 8px 10px; | padding: 8px 10px; | ||
text-align: center; | text-align: center; | ||
font-weight: bold; | font-weight: bold; | ||
border-radius: 10px 10px 0 0; | border-radius: 10px 10px 0 0; | ||
} | } | ||
</style> | </style> | ||
| خط ۱۲۹: | خط ۱۱۷: | ||
</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> | </div> | ||
</div> | </div> | ||
<div class="dropdown"> | <div class="dropdown"> | ||
<a href="https://wikitrader.net"><i class="fas fa- | <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- | <a href="https://wikitrader.net"><i class="fas fa-equals"></i> شاخص هم وزن</a> | ||
<div class="dropdown-title"> | <div class="dropdown-title">نمادها</div> | ||
<a href="https://wikitrader.net"><i class="fas fa-cogs"></i> | <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- | <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> | ||