Admin/test: تفاوت میان نسخهها
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
| خط ۱: | خط ۱: | ||
<html lang="fa"> | <html lang="fa"> | ||
<head> | <head> | ||
| خط ۸: | خط ۷: | ||
body {margin:0; font-family: Tahoma, sans-serif; background:#f8f9fa; color:#333;} | body {margin:0; font-family: Tahoma, sans-serif; background:#f8f9fa; color:#333;} | ||
a {text-decoration:none; color:inherit;} | a {text-decoration:none; color:inherit;} | ||
header {background: | /* هدر چسبان و آبی آسمانی */ | ||
header { | |||
background: #87CEFA; | |||
padding:15px 30px; | |||
display:flex; | |||
align-items:center; | |||
justify-content:space-between; | |||
color:#fff; | |||
position:sticky; | |||
top:0; | |||
z-index:1000; | |||
box-shadow:0 2px 6px rgba(0,0,0,0.1); | |||
} | |||
header .logo {font-size:24px; font-weight:bold;} | header .logo {font-size:24px; font-weight:bold;} | ||
header nav a {margin-left:20px; font-weight:bold;} | header nav a {margin-left:20px; font-weight:bold;} | ||
section {padding:40px 20px;} | section {padding:40px 20px;} | ||
.video-intro {text-align:center; margin-bottom:50px;} | .video-intro {text-align:center; margin-bottom:50px;} | ||
.video-intro h2 {font-size:32px; color:#1f75fe; margin-bottom:15px;} | .video-intro h2 {font-size:32px; color:#1f75fe; margin-bottom:15px;} | ||
.video-intro iframe {width:100%; max-width:800px; height:450px; border-radius:10px; box-shadow:0 4px 12px rgba(0,0,0,0.2);} | .video-intro iframe {width:100%; max-width:800px; height:450px; border-radius:10px; box-shadow:0 4px 12px rgba(0,0,0,0.2);} | ||
.categories {display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px; margin-bottom:50px;} | |||
.categories {display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px; margin-bottom:50px; text-align:center;} | |||
.category-card {background:#fff; border-radius:12px; padding:20px; text-align:center; box-shadow:0 2px 10px rgba(0,0,0,0.1); transition:transform 0.3s, box-shadow 0.3s;} | .category-card {background:#fff; border-radius:12px; padding:20px; text-align:center; box-shadow:0 2px 10px rgba(0,0,0,0.1); transition:transform 0.3s, box-shadow 0.3s;} | ||
.category-card:hover {transform:translateY(-5px); box-shadow:0 6px 15px rgba(0,0,0,0.2);} | .category-card:hover {transform:translateY(-5px); box-shadow:0 6px 15px rgba(0,0,0,0.2);} | ||
| خط ۲۱: | خط ۳۵: | ||
.category-card h3 {margin:10px 0 5px; color:#e63946;} | .category-card h3 {margin:10px 0 5px; color:#e63946;} | ||
.category-card p {font-size:90%; color:#555;} | .category-card p {font-size:90%; color:#555;} | ||
.featured {margin-bottom:50px;} | .featured {margin-bottom:50px;} | ||
.featured h2 {text-align:right; color:#f1c40f; margin-bottom:20px;} | .featured h2 {text-align:right; color:#f1c40f; margin-bottom:20px;} | ||
| خط ۲۶: | خط ۴۱: | ||
.featured-item {background:#fff; border-radius:12px; padding:15px; box-shadow:0 2px 10px rgba(0,0,0,0.1);} | .featured-item {background:#fff; border-radius:12px; padding:15px; box-shadow:0 2px 10px rgba(0,0,0,0.1);} | ||
.featured-item img {width:100%; height:140px; object-fit:cover; border-radius:8px; margin-bottom:10px;} | .featured-item img {width:100%; height:140px; object-fit:cover; border-radius:8px; margin-bottom:10px;} | ||
/* فوتر ویکی تغییر نکرده */ | |||
</style> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
<!-- هدر --> | <!-- هدر چسبان --> | ||
<header> | <header> | ||
<div class="logo">لوح</div> | <div class="logo">لوح</div> | ||
| خط ۵۰: | خط ۶۱: | ||
<section class="video-intro"> | <section class="video-intro"> | ||
<h2>معرفی ویکی کسبوکار لوح</h2> | <h2>معرفی ویکی کسبوکار لوح</h2> | ||
<iframe src="https://www.aparat.com/video/video/embed/videohash/ | <!-- لینک آپارات تستی --> | ||
<iframe src="https://www.aparat.com/video/video/embed/videohash/abc123" frameborder="0" allowfullscreen></iframe> | |||
</section> | </section> | ||
| خط ۱۰۶: | خط ۱۱۸: | ||
</section> | </section> | ||
<!-- فوتر -- | <!-- فوتر ویکی — بدون تغییر --> | ||
</body> | </body> | ||
</html> | </html> | ||