ویکی‌ترید: الگوها: تفاوت میان نسخه‌ها
صفحه‌ای تازه حاوی «==۱== <span style="display: none">تحلیل GO</span> <div class="portal-column-2-2 portal-container-3" style="grid-template-columns: 3; height: auto; border-radius: 10px; back ground-color: #1B1C2F; width: 100%; box-shadow: 2px 4px 15px 5px #1B1C2F; align-items: center;"> <div class="portal-column-1-4" style="padding: 10px;">100px|link=|center</div> <div class="portal-column-1-4" style="padding: 10px;"> '''...» ایجاد کرد |
بدون خلاصۀ ویرایش |
||
| خط ۲۹: | خط ۲۹: | ||
<p style="font-size:120%; margin: 10px; border:none; text-align: center; font-weight: bold"><div style="border-radius: 10px; background-color: #42EB9C; padding: 8px; width: fit-content;"> [https://irtrader.net/forex-brokers-spread مشاهده آنلاین تغییرات اسپرد بروکرها] </div> </p></div> | <p style="font-size:120%; margin: 10px; border:none; text-align: center; font-weight: bold"><div style="border-radius: 10px; background-color: #42EB9C; padding: 8px; width: fit-content;"> [https://irtrader.net/forex-brokers-spread مشاهده آنلاین تغییرات اسپرد بروکرها] </div> </p></div> | ||
</div> | </div> | ||
==۶== | |||
<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 { | |||
font-family: 'Vazir', sans-serif; | |||
background: linear-gradient(135deg, #f4f4f9, #d1e8ff); | |||
margin: 0; | |||
padding: 20px; | |||
direction: rtl; | |||
} | |||
table { | |||
width: 100%; | |||
border-collapse: collapse; | |||
margin: 20px 0; | |||
border-radius: 10px; | |||
overflow: hidden; | |||
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2); | |||
background-color: #fff; | |||
} | |||
th { | |||
background-color: #003b6b; | |||
color: #fff; | |||
font-size: 16px; | |||
padding: 8px 15px; | |||
} | |||
td { | |||
padding: 15px; | |||
font-size: 14px; | |||
color: #333; | |||
} | |||
tr:nth-child(even) { | |||
background-color: #f9f9f9; | |||
} | |||
tr:hover { | |||
background-color: rgba(0, 120, 215, 0.1); | |||
transition: background-color 0.3s ease; | |||
} | |||
.icon-container { | |||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: center; | |||
gap: 15px; | |||
} | |||
.icon-container i { | |||
font-size: 30px; | |||
color: #fff; | |||
background-color: #003b6b; | |||
width: 60px; | |||
height: 60px; | |||
line-height: 60px; | |||
text-align: center; | |||
border-radius: 50%; | |||
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); | |||
} | |||
.icon-container i:hover { | |||
background-color: #0056a0; | |||
transform: scale(1.1); | |||
transition: transform 0.3s, background-color 0.3s; | |||
} | |||
.image-cell img { | |||
width: 80px; | |||
height: 80px; | |||
object-fit: cover; | |||
border-radius: 50%; | |||
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); | |||
} | |||
.rating { | |||
display: inline-flex; | |||
align-items: center; | |||
} | |||
.stars { | |||
display: flex; | |||
justify-content: flex-start; | |||
direction: rtl; | |||
} | |||
.stars i { | |||
font-size: 12px; | |||
color: #ccc; | |||
margin-left: 3px; | |||
} | |||
.stars i.filled { | |||
color: #003b6b; /* ستاره پر */ | |||
} | |||
.stars i.half-filled { | |||
background: linear-gradient(90deg, #003b6b 50%, #ccc 50%); | |||
-webkit-background-clip: text; | |||
-webkit-text-fill-color: transparent; | |||
} | |||
.stars i.one-third-filled { | |||
background: linear-gradient(90deg, #003b6b 33%, #ccc 33%); | |||
-webkit-background-clip: text; | |||
-webkit-text-fill-color: transparent; | |||
} | |||
.stars i.two-thirds-filled { | |||
background: linear-gradient(90deg, #003b6b 67%, #ccc 67%); | |||
-webkit-background-clip: text; | |||
-webkit-text-fill-color: transparent; | |||
} | |||
p { | |||
margin: 0; | |||
font-size: 14px; | |||
} | |||
.rating p { | |||
margin-right: 10px; | |||
font-weight: bold; | |||
} | |||
.propiy-name strong { | |||
font-size: 20px; | |||
} | |||
.propiy-name span { | |||
font-size: 18px; | |||
} | |||
</style> | |||
</head> | |||
<body> | |||
<table> | |||
<tr> | |||
<td class="image-cell"> | |||
<img src="https://wikitrader.net/images/1/1f/%D9%BE%D8%B1%D8%A7%D9%BE%DB%8C.jpg" alt="پراپی"> | |||
</td> | |||
<td> | |||
<p class="propiy-name"><strong>پراپی</strong> <span>propiy</span></p> | |||
<p><strong>تأسیس:</strong> ۱۴۰۲</p> | |||
<p><strong>آدرس:</strong> دوبی</p> | |||
</td> | |||
<td> | |||
<a href="https://wikitrader.net/" class="button" title="https://wikitrader.net/"><i class="fas fa-globe"></i> سایت اصلی</a> | |||
<a href="https://wikitrader.net/" class="button" title="https://wikitrader.net/"><i class="fas fa-user-plus"></i> ثبت‌نام</a> | |||
</td> | |||
<td> | |||
<div class="rating"> | |||
<p>امتیاز کاربران: </p> | |||
<div class="stars"> | |||
<i class="fas fa-star filled"></i> <!-- ستاره پر --> | |||
<i class="fas fa-star half-filled"></i> <!-- ستاره نیمه پر --> | |||
<i class="fas fa-star one-third-filled"></i> <!-- ستاره یک سوم پر --> | |||
<i class="fas fa-star two-thirds-filled"></i> <!-- ستاره دو سوم پر --> | |||
<i class="fas fa-star"></i> <!-- ستاره خالی --> | |||
</div> | |||
</div> | |||
<a href="https://wikitrader.net/" class="button special-button" title="https://wikitrader.net/"><i class="fas fa-search"></i> بررسی تخصصی</a> | |||
</td> | |||
<td> | |||
<div class="icon-container"> | |||
<i class="fab fa-instagram"></i> | |||
<i class="fab fa-telegram"></i> | |||
<i class="fas fa-envelope"></i> | |||
<i class="fas fa-phone"></i> | |||
<i class="fas fa-headset"></i> | |||
</div> | |||
</td> | |||
</tr> | |||
</table> | |||
</body> | |||
</html> | |||
نسخهٔ ۲۵ دسامبر ۲۰۲۴، ساعت ۰۶:۴۵
۱
۲
۵
۶
|
پراپی propiy تأسیس: ۱۴۰۲ آدرس: دوبی |
سایت اصلی ثبت‌نام | بررسی تخصصی |
|