پراپ پراپی: تفاوت میان نسخهها
صفحهای تازه حاوی «<html lang="fa" dir="rtl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>جدول زیبا با دکمههای واکنشگرا</title> <link href="https://cdn.fontcdn.ir/font/vazir.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <style> body {...» ایجاد کرد |
بدون خلاصۀ ویرایش |
||
خط ۲۸: | خط ۲۸: | ||
padding: 15px; | padding: 15px; | ||
font-size: 14px; | font-size: 14px; | ||
text-align: right; | |||
} | } | ||
خط ۵۷: | خط ۵۸: | ||
cursor: pointer; | cursor: pointer; | ||
text-decoration: none; | text-decoration: none; | ||
transition: background 0.3s ease, transform 0.2s; | transition: background 0.3s ease, transform 0.2s; | ||
text-align: center; | text-align: center; | ||
margin-bottom: 10px; | |||
} | } | ||
خط ۶۹: | خط ۷۰: | ||
background: linear-gradient(45deg, #0056a0, #003b6b); | background: linear-gradient(45deg, #0056a0, #003b6b); | ||
transform: scale(1.05); | transform: scale(1.05); | ||
} | } | ||
خط ۱۱۴: | خط ۱۱۰: | ||
} | } | ||
/* واکنشگرایی | /* واکنشگرایی */ | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
table { | |||
font-size: 12px; | |||
} | |||
th, td { | th, td { | ||
font-size: 12px; | font-size: 12px; | ||
} | |||
.image-cell img { | |||
width: 60px; | |||
height: 60px; | |||
} | } | ||
خط ۱۲۷: | خط ۱۳۱: | ||
.special-button { | .special-button { | ||
font-size: | font-size: 16px !important; | ||
padding: 10px !important | padding: 10px 10px !important; | ||
} | } | ||
} | } | ||
@media (max-width: 480px) { | @media (max-width: 480px) { | ||
table | table, th, td { | ||
display: block; | display: block; | ||
width: 100%; | width: 100%; | ||
} | } | ||
tr { | tr { | ||
display: | display: flex; | ||
flex-direction: column; | |||
border: 1px solid #ddd; | |||
margin-bottom: 10px; | margin-bottom: 10px; | ||
padding: 10px; | |||
border-radius: 10px; | |||
background-color: white; | |||
} | } | ||
th { | |||
display: none; | |||
} | |||
td { | |||
display: flex; | |||
flex-direction: column; | |||
padding: 10px; | padding: 10px; | ||
border: none; | |||
} | |||
td:before { | |||
content: attr(data-label); | |||
font-weight: bold; | |||
color: #0078d7; | |||
margin-bottom: 5px; | |||
} | } | ||
خط ۱۶۳: | خط ۱۷۳: | ||
width: 50px; | width: 50px; | ||
height: 50px; | height: 50px; | ||
} | |||
.button, .special-button { | |||
width: 100%; | |||
font-size: 12px; | |||
text-align: center; | |||
padding: 10px; | |||
} | } | ||
} | } | ||
خط ۱۷۰: | خط ۱۸۷: | ||
<table> | <table> | ||
<tr> | <tr> | ||
<th>نام پراپ</th> | |||
<th>اطلاعات پراپ</th> | <th>اطلاعات پراپ</th> | ||
<th> | <th>وبسایت</th> | ||
<th> | <th>امتیاز</th> | ||
<th>شبکههای اجتماعی</th> | <th>شبکههای اجتماعی</th> | ||
<th>راه ارتباطی</th> | <th>راه ارتباطی</th> | ||
خط ۱۷۸: | خط ۱۹۶: | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td class="image-cell"> | <td class="image-cell" data-label="نام پراپ"> | ||
< | <img src="تامین_سرمایه.png" alt="پراپی"> | ||
<p><strong>تأسیس:</strong> ۱۴۰۲</p> | </td> | ||
<p><strong> | <td data-label="اطلاعات پراپ"> | ||
<p><strong>نام پراپ:</strong> پراپی</p> | |||
<p><strong>تاریخ تأسیس:</strong> ۱۴۰۲</p> | |||
<p><strong>دفتر مرکزی:</strong> ندارد</p> | |||
</td> | </td> | ||
<td> | <td data-label="وبسایت"> | ||
<a href="https://wikitrader.net/" class="button"><i class="fas fa-globe"></i> | <a href="https://wikitrader.net/" class="button"><i class="fas fa-globe"></i> وبسایت رسمی</a> | ||
<a href="https://wikitrader.net/" class="button"><i class="fas fa-user-plus"></i> ثبتنام</a> | <a href="https://wikitrader.net/" class="button"><i class="fas fa-user-plus"></i> ثبتنام سریع</a> | ||
</td> | </td> | ||
<td> | <td data-label="امتیاز"> | ||
<div class="rating"> | <div class="rating"> | ||
<p>امتیاز کاربران: ۵</p> | <p>امتیاز کاربران: ۵</p> | ||
خط ۲۰۰: | خط ۲۲۱: | ||
<a href="https://wikitrader.net/" class="button special-button"><i class="fas fa-search"></i> بررسی تخصصی</a> | <a href="https://wikitrader.net/" class="button special-button"><i class="fas fa-search"></i> بررسی تخصصی</a> | ||
</td> | </td> | ||
<td> | <td data-label="شبکههای اجتماعی"> | ||
<a href="https://wikitrader.net/" class="button"><i class="fab fa-instagram"></i> اینستاگرام</a> | <a href="https://wikitrader.net/" class="button"><i class="fab fa-instagram"></i> اینستاگرام</a> | ||
<a href="https://wikitrader.net/" class="button"><i class="fab fa-telegram"></i> تلگرام</a> | <a href="https://wikitrader.net/" class="button"><i class="fab fa-telegram"></i> تلگرام</a> | ||
</td> | </td> | ||
<td> | <td data-label="راه ارتباطی"> | ||
<a href="mailto:info@propiycom" class="button"><i class="fas fa-envelope"></i> ایمیل</a> | <a href="mailto:info@propiycom" class="button"><i class="fas fa-envelope"></i> ایمیل</a> | ||
<a href="tel:+989123456789" class="button"><i class="fas fa-phone"></i> تلفن</a> | <a href="tel:+989123456789" class="button"><i class="fas fa-phone"></i> تلفن</a> | ||
</td> | </td> | ||
<td> | <td data-label="پشتیبانی"> | ||
<a href="https://wikitrader.net/" class="button"><i class="fas fa-headset"></i> پشتیبانی آنلاین</a> | <a href="https://wikitrader.net/" class="button"><i class="fas fa-headset"></i> پشتیبانی آنلاین</a> | ||
</td> | </td> | ||
</tr> | </tr> |
نسخهٔ ۲۸ نوامبر ۲۰۲۴، ساعت ۰۷:۱۷
نام پراپ | اطلاعات پراپ | وبسایت | امتیاز | شبکههای اجتماعی | راه ارتباطی | پشتیبانی |
---|---|---|---|---|---|---|
![]() |
نام پراپ: پراپی تاریخ تأسیس: ۱۴۰۲ دفتر مرکزی: ندارد |
وبسایت رسمی ثبتنام سریع | بررسی تخصصی | اینستاگرام تلگرام | ایمیل تلفن | پشتیبانی آنلاین |