اخر تحديث في مايو 27, 2023 بواسطة حمدي بانجار
تخصيص صفحة تسجيل الدخول للمشتركين في الشبكة على PFsense
بعد تكوين البوابة المقيدة للشبكة، يمكنك تغيير صفحة تسجيل الدخول الافتراضيةعن طريق :
افتح المفكرة
انسخ الشفرة والصقها أدناه
انقر فوق حفظ باسم
واكتب اسم الملف login.html
واحفظه ببساطة على سطح المكتب.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>(Company Name Here) Hotspot - Secure Access!</title>
<style type="text/css">
body {
background-color: #000;
}
.offer {
font-size: 24px;
color: #F00;
text-align: center;
}
.bolder {
border: 1px solid #FFF;
}
.copyright {
font-size: 12px;
text-align: center;
color: #FFF;
}
.button {
font-size: 16px;
font-weight: bold;
}
body,td,th {
color: #6FF;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}
</style>
</head>
<title>Secure Access - Login</title>
<body>
<form method="post" action="$PORTAL_ACTION$">
<input name="redirurl" type="hidden" value="$PORTAL_REDIRURL$">
<center>
<table cellpadding="6" cellspacing="0" width="780" height="380" style="border:1px solid #000000">
<tr height="10" bgcolor="#990000">
<td align="center" style="border-bottom:1px solid #000000">
<font color='white'>
<b>
Welcome to (Your Company Here) Hotspot
</b></font></td>
</tr>
<tr>
<td>
<div id="mainlevel">
<center>
<table width="100%" border="0" cellpadding="5" cellspacing="0">
<tr>
<td>
<center>
<div id="mainarea">
<center>
<table width="100%" border="0" cellpadding="5" cellspacing="5">
<tr>
<td>
<div id="maindivarea">
<center>
<div id='statusbox'>
<font color='red' face='arial' size='+2'>
<b>
</b>
</font>
To gain access through the internet, Please enter your
Username and Password or Voucher Code.<br><br>
If you have any difficulties you may contact our technical
support technician at (Tel. No Here)<br></div>
<br/>
<div id='loginbox'>
<table>
<tr>
<td align="right"> </td>
<td>Members Only</td>
</tr>
<tr><td align="right">Username:</td><td><input name="auth_user" type="text"></td></tr>
<tr><td align="right">Password:</td><td><input name="auth_pass" type="password"></td></tr>
<tr>
<td colspan="2" align="right"> </td>
</tr>
<tr>
<td align="right"> </td>
<td>Prepaid User</td></tr>
<tr>
<td align="right">Voucher Code:</td>
<td><input name="auth_voucher" type="text"></td>
</tr>
<tr>
<td align="right"> </td>
<td><input name="accept" type="submit" class="button" value="Continue"></td>
</tr>
<tr>
<td align="right"></td><td></td></tr>
</table><br />
<hr />
<table width="600" border="0">
<tr>
<td colspan="5"><h2 class="offer">SERVICES OFFER!</h2></td>
</tr>
<tr>
<td colspan="5"> </td>
</tr>
<tr>
<td colspan="2" class="bolder">Prepaid</td>
<td width="87"> </td>
<td colspan="2" class="bolder">Unlimited Surfing - up
to 4 Mbps</td>
</tr>
<tr>
<td width="150" class="bolder" align="left">1 Hour</td>
<td width="99" class="bolder" align="left">USD 1.00</td>
<td> </td>
<td width="142" class="bolder" align="left">1 Day</td>
<td width="100" class="bolder" align="left">USD 10.00</td>
</tr>
<tr>
<td class="bolder" align="left">3 Hours</td>
<td class="bolder" align="left">USD 2.00</td>
<td> </td>
<td class="bolder" align="left">7 Week</td>
<td class="bolder" align="left">USD 50.00</td>
</tr>
<tr>
<td class="bolder" align="left">5 Hours</td>
<td class="bolder" align="left">USD 4.00</td>
<td> </td>
<td class="bolder" align="left">1 Month</td>
<td class="bolder">USD 150.00</td>
</tr>
<tr>
<td colspan="5"> </td>
</tr>
<tr>
<td colspan="5" class="offer"><h2 class="offer">OTHER
SERVICE!</h2></td>
</tr>
<tr>
<td class="bolder" align="left">Reformatting</td>
<td class="bolder" align="left">USD 100.00</td>
<td> </td>
<td class="bolder" align="left">PC Maintenance</td>
<td class="bolder" align="left">USD 80.00</td>
</tr>
<tr>
<td class="bolder" align="left">Apps Installation</td>
<td class="bolder" align="left">USD 50.00</td>
<td> </td>
<td class="bolder" align="left">PC Upgrade</td>
<td class="bolder" align="left">USD 85.00</td>
</tr>
<tr>
<td class="bolder" align="left">PC / Laptop repair</td>
<td class="bolder" align="left">USD 100.00</td>
<td> </td>
<td class="bolder" align="left">Games</td>
<td class="bolder" align="left">USD 30.00</td>
</tr>
<tr>
<td colspan="5"> </td>
</tr>
</table>
<p> </p>
</div>
</center>
</div>
</td>
</tr>
</table>
</center>
</div>
</center>
</td>
</tr>
</table>
</center>
</div>
</td>
</tr>
<tr height="10" bgcolor="#990000">
<td align="center" style="border-bottom:1px solid #000000">
<p><font color='white'>
<b>
©Copyright 2017 (Your Company Here) Hotspot. All Rights Reserved.
</b></font><br />
Created By: <a href="https://pfsense-tutorial.blogspot.ca">RocaInet</a>. </p></td>
</tr>
</table>
</center>
</form>
</body>
</html>
يمكنك تغيير “(اسم الشركة هنا)” إلى اسم شركتك ، ويمكنك تخصيص “عرض الخدمات” لأي شيء تريده. كما يمكنك تخصيص الخدمات والباقات بالطريقة التي تريدها انت .
طبعا فكرة التعديل لاتختلف كثيرا عن فكرة التعديل على قوالب سيرفر الميكروتك وبحسب ما تطرقنا سابقا الى استخدام برنامج الفرونت بيج 2003 في اجراء التعديلات على القوالب فالفكرة نفسها .
الان وبعد ذلك سنحتاج إلى تحميله على بوابة PFsense Captive الخاصة بك وذلك عن طريق :
اذهب إلى Services > Captive Portal
الان ابحث عن “Portal page contents” وانقر فوق Browse وحدد الملف login.html من سطح المكتب ، ثم انقر فوق “Save” للحفظ .
بالنسبة إلى صفحة الخطأ ، لا يزال بإمكانك استخدام شفرة html أعلاه وإضافة هذا السطر من الشفرة $ PORTAL_MESSAGE $ حيث تريد عرض رسالة الخطأ.
أنتهى … تخصيص صفحة تسجيل الدخول للمشتركين في الشبكة على PFsense
تخصييص صفحة تسجيل الدخول للمشتركين في الشبكة على PFsense
الى هنا نكون وصلنا الى نهاية موضوعنا اليوم تخصيص صفحة تسجيل الدخول للمشتركين في الشبكة على PFsense
والذي نتمنى ان ينال رضاكم واعجابكم والى اللقاء في موضوع جديد شيق ورائع وحتى ذلك الحين دمتم بكل ود ولاتنسو الاهتمام بصحتكم وحفظكم الله …
اذا اعجبك الموضوع تخصيص صفحه تسجيل الدخول للمشتركين في الشبكة على PFsense لاتنسى ان تقوم بمشاركتة على مواقع التواصل الاجتماعي ليستفيذ منه الغير,كما نتمنى اشتراككم في قناة الموقع على اليوتيوب بالضغط هنا
وكذلك الاشتراك في مجموعة الفيس بوك بالضغط هنا والتيليقرام بالضغط هنا وكذلك التسجيل بالموقع لتتمكنو من تحميل بعض الملفات الخاصة بالأعضاء كما يمكنكم رفع ملفاتكم مجانا على مركز ملفات حضرموت التقنية بالضغط هنا
ولاتترددو في وضع أي استفسارات للرد عليكم .
دمتم بكل ود والسلام عليكم ورحمة الله وبركاتة… حضرموت التقنية
