|
|
| خط ۱: |
خط ۱: |
| <html lang="fa"> | | <templatestyles src="تحلیل/styles.css" /> |
| <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: #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"> |
| خط ۱۶۲: |
خط ۵۴: |
| </div> | | </div> |
| </div> | | </div> |
|
| |
| </body>
| |
| </html>
| |
