شكل جديد لقالب قوانين التسجيل جديد

Admin · 11 فبراير 2024

بسم الله الرحمن الرحيم

في عالم المنتديات عبر الإنترنت، يُعد عرض قوانين التسجيل أمرًا حيويًا لضمان تجربة استخدام سلسة وآمنة للأعضاء. إذا كنت تدير منتدى على منصة "أحلى منتدى"، فإن إعداد وعرض قوانين التسجيل بشكل جديد ومبتكر يمكن أن يكون مفتاحًا لجذب المستخدمين وتعزيز مشاركتهم في المنتدى. في هذا الموضوع، سنقوم باستكشاف طرق مبتكرة لتصميم وعرض قوانين التسجيل لمنتديات "أحلى منتدى"، بما يتيح لك تحقيق تجربة تسجيل مميزة ومشوقة للأعضاء الجدد. سنتعرف على أفكار وأساليب مبتكرة لتصميم قوانين التسجيل بشكل جذاب يجذب انتباه الزوار ويعزز انضمامهم إلى المجتمع الافتراضي للمنتدى. دعونا نستعد معًا لاستكشاف عالم جديد من الإبداع في عرض قوانين التسجيل لمنتديات "أحلى منتدى".

اقدم لكم هذا القالب الذي يعرض قوانين التسجيل بشكل جديد ومنسق وانسيابي ويسهل الانتقال الى الخطوات التالي، الكود من تصميمي وتم عرضه حصرياً لمنتدى الاشهار العربي.
الكود تم عمله للنسخه AwesomeBB ويمكن تعديله لباقي الناس من خلال تغيير الوسوم ويمكنني تعديلها لكم

معاينة القالب

تركيب القالب

توجه نحو لوحة الادارة - مظهر المنتدى - التومبيلات و القوالب - ادارة عامة افتح قالب agreement وقم بحذف جميع محتواه واستبدله بالاكواد التالية :

كود:

<!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 content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
  .rounded-list b{
    position: relative;
    display: block;
    padding: 5px;
    *padding: .4em;
    margin: 10px;
    text-decoration: none;
    background: #ddd;
    color: #444;
    text-decoration: none;
    text-align: center;
    border-radius: .3em;
    transition: all .3s ease-out;
  }

  .rounded-list b:hover{
    background: #eee;
  }
  .forum-header {
  overflow: hidden;
      display: revert;
  }
  .rounded-list b:hover:before{
    transform: rotate(360deg);
  }

  .rounded-list b:before{
    content: counter(li);
    counter-increment: li;
    position: absolute;
    right: -15px;
    top: 50%;
    margin-top: -1.3em;
    background: #87ceeb;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
  }
ol {
    counter-reset: li; /* Initiate a counter */
    list-style: none; /* Remove default numbering */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */
    font: 15px 'trebuchet MS', 'lucida sans';
    padding: 0;
    margin-bottom: 4em;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
  }
ol {
    counter-reset: li; /* Initiate a counter */
    list-style: none; /* Remove default numbering */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */
    font: 15px 'trebuchet MS', 'lucida sans';
    padding: 0;
    margin-bottom: 4em;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
  }

  ol ol {
    margin: 0 0 0 2em; /* Add some left margin for inner lists */
  }

.btn a {
background: #87ceeb;
border: solid #04aa6d 1.5px;
padding: 5px;
border-radius: 15px;
text-decoration: none;
}

.btn a:hover {
background: #2491bd;
color: white;

}
.auto-style1 {
   background-color: #CCCCCC;
}

  .aggre {
  padding: 5px 5px;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #1E88E5;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}

.aggre a {
text-decoration: none;
color: black;
}

.aggre:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

button:focus{
    background:#06B367;
}
button:visited {
    background:#06B367;
}
</style>
</head>

<body>

<table style="width: 100%" class="auto-style1">
<tr>
      <th class="forum-header" valign="middle" height="25"><h1>{SITENAME} - {REGISTRATION}</h1></th>
   </tr>
   <tr>
      <td>
      <ol class="rounded-list">
    <li><b>يمنع منعا باتا الاشهار العشوائي داخل الموقع</b></li>
    <li><b>يمنع الألفاظ النابية وشتم الاخرين والتطرق للأديان</b></li>
    <li><b>يمنع التسجيل بأسماء وهمية غير حقيقية</b></li>
      <ol>
    <li><b>يسمح بالألقاب العادية</b></li>
    <li><b>يسمح التسجيل بالاسماء العربية والانجليزية</b></li>
    <li><b>تمنع الرموز بالاسماء</b></li>
      </ol>
    </li>
    <li><b>يمنع نشر الصور الاباحية والاغاني والافلام</b></li>
    <li><b>يمنع ازعاج الاعضاء عبر الرسائل الخاصة</b></li>
  </ol>
      <hr>
      </td>
   </tr>
   <tr>
      <td>
      <div align="center" style="margin:5px;">
         <button class="aggre">لقد قرأت وأوافق على <a href="/privacy">سياسة الخصوصية</a> المتعلقة بمعلوماتي الشخصية</button>
             
                     </div>
      </td>
   </tr>
   <tr>
      <td>  
            <hr>
        <div align="center">
        <div class="btn">
                        <a href="/register?step=2&agreement=1&privacy=1">اوافق على شروط التسجيل</a></div>
          <p>
                     </div>
</td>
   </tr>
</table>

</body>

</html>

ان شاء الله يكون عجبكم
حقوق الكود محفوظة لمنتدى الاشهار العربي
بالتوفيق للجميع
والسلام ختام

يشهب · 22 فبراير 2024

الصفحة تعتبر نقلة نوعية في شكل استايلات أحلى منتدى. و استخدامك لكود مرجعي هو بالتأكيد سمة احترافية.
أتمنى أن نعمل على بروتوكول تعاون بيننا، حيث يمكن أن نقدم عدد من النسخ الرهيبة التي تثري الويب العربي، و تدعم أصحاب منتديات أحلى منتدى.
دمت بود؛

Admin · 22 فبراير 2024

يشهب قال:
الصفحة تعتبر نقلة نوعية في شكل استايلات أحلى منتدى. و استخدامك لكود مرجعي هو بالتأكيد سمة احترافية.
أتمنى أن نعمل على بروتوكول تعاون بيننا، حيث يمكن أن نقدم عدد من النسخ الرهيبة التي تثري الويب العربي، و تدعم أصحاب منتديات أحلى منتدى.
دمت بود؛

شكرًا لك أخي العزيز
يشرفني التعاون مع حضرتك طبعًا، ان شاء الله في أقرب فرصة

البحث

أهلاً بك في منتدى انكور التطويري

شكل جديد لقالب قوانين التسجيل جديد

Admin

مدير شركة انكور التطويرية

معاينة القالب

تركيب القالب

يشهب

عضو جديد

Admin

مدير شركة انكور التطويرية

✔ نبذة عنا

🚀 روابط نصية

أهلاً بك في منتدى انكور التطويري

شكل جديد لقالب قوانين التسجيل جديد

Admin

مدير شركة انكور التطويرية

معاينة القالب​

تركيب القالب​

يشهب

عضو جديد

Admin

مدير شركة انكور التطويرية

✔ نبذة عنا

🚀 روابط نصية

معاينة القالب

تركيب القالب