سكريبت لانشاء مولد سياسة الخصوصية والاستخدام

اذا كنت تريد انشاء صفحة لتوليد صفحة سياسة الخصوصية وسياسة الاستخدام اليك هذا الكود

كل ماعليك

1- انشاء صفحة جديدة

2- نسخ الكود بالاسفل ولصقه بالصفحة

 
    
    
    
    
    
<script async='async' src='https://mr-cdn.github.io/medo-tools/Privacy-and-Terms-Generator.js'></script>





<div class="BoxTool">
  <p class="title dt">مولد صفحة سياسة الخصوصية وشروط الإستخدام</p>
  <div class='cArea'>
    <label for="LabelName">
      <span>اسم المدونة:</span>
      <input id="LabelName" name="LabelName" placeholder="اسم المدونة.. " type='text' required/>
    </label>
  </div>
  <div class="DataB">
    <div class="labelB">
      <label for="MenuCat">
        <span>رابط المدونة:</span>
        <input id="MenuCat" name="MenuCat" placeholder="رابط المدونة.." type='url' required/>
      </label>
    </div>
    <div class="labelB">
      <label for="MCat">
        <span>رابط صفحة اتصل بنا:</span>
        <input id="MCat" name="MCat" placeholder="رابط صفحة اتصل بنا.. " type='url' required/>
      </label>
    </div>
  </div>
  <div class='btnF'>
    <button class="button" id="submit">توليد</button>
  </div>
  <span id="Mssg"></span>
  <div id="Result" style="display:none;">
    <p class='note'>تم الإنشاء بنجاح - الأن اضغط علي الصفحة التي تريدها وسوف يتم نسخ الكود البرمجي الخاص بها</p>
    <div class="btnF">
      <button class="but-x" id="privacy_copy"><span>سياسة الخصوصية</span></button>
      <button class="but-y" id="terms_copy"><span>شروط الإستخدام وحقوق النشر</span></button>
    </div>
  </div>
  <div class="Copyrights">
    <a id='credit'></a>
  </div>
</div>







<style>
:root{--themeC:#482dff;--darkU:#41B375;}
.BoxTool button,.BoxTool input,.BoxTool textarea{padding:15px;line-height:22px;width:100%;outline:0;margin:5px 0;}
.BoxTool,.note{position:relative;}
.BoxTool{padding:15px;background:var(--contentB);margin:25px 0 15px;border-radius:10px;box-shadow:0 3px 9px -2px;}
.drK .BoxTool{background:var(--darkBa);}
.drK .BoxTool input,.drK .BoxTool textarea{background:var(--darkBs);border-color:rgba(255,255,255,.15);}
.BoxTool textarea{resize:none;height:200px;}
.BoxTool input,.BoxTool textarea{border:2px solid rgba(0,0,0,.05);border-radius:2px;background-color:#fefefe;}
.DataB{display:flex;}
.labelB{width:50%;margin:4px;}
.BoxTool button{background:var(--themeC);color:#fff;display:flex;justify-content:space-around;border-radius:2px;border:none;}
.drK .BoxTool button{background:var(--darkU);}
.BoxTool button:hover{background:#05e12c;}
.BoxTool .title-x{padding:5px;margin:5px 0;}
.BoxTool .but-x{float:right;width:49%;}
.BoxTool .but-y{float:left;margin:5px;width:49%;}
.note{padding:16px 50px 16px 20px;background:#e1f5fe;color:#3c4043;font-size:.85rem;font-family:var(--fontB);line-height:1.6em;border-radius:10px;overflow:hidden;}
.note::before{content:'';width:60px;height:60px;background:#81b4dc;display:block;border-radius:50%;position:absolute;top:-12px;right:-12px;opacity:.1;}
.note::after{content:'\002A';position:absolute;right:18px;top:16px;font-size:20px;min-width:15px;text-align:center;}
.note.wr{background:#ffdfdf;color:#48525c;}
.note.wr::before{background:#e65151;}
.note.wr::after{content:'\0021';}
.BoxTool input:hover,.BoxTool input[type=text]:hover,.BoxTool input[type=url]:hover,.BoxTool select:focus,.BoxTool select:hover{border:1px solid var(--themeC);}
.drK .BoxTool input:hover,.drK .BoxTool input[type=text]:hover,.drK .BoxTool input[type=url]:hover,.drK .BoxTool select:focus,.drK .BoxTool select:hover{border:1px solid var(--darkU);}
</style>

معاينة الكود تحميل

وهذا كود اخر لصفحة جاهزة

 
  
  
  
  
  
  
  <!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>سياسة الخصوصية وسياسة الاستخدام</title>
  <style>
    body {
      font-family: 'Tahoma', sans-serif;
      background-color: #f9f9f9;
      margin: 0;
      padding: 0;
      line-height: 1.8;
      direction: rtl;
    }

    header {
      background-color: #007BFF;
      color: white;
      text-align: center;
      padding: 20px;
    }

    .container {
      max-width: 900px;
      margin: 30px auto;
      background-color: #fff;
      padding: 25px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
      border-radius: 10px;
    }

    h2 {
      color: #007BFF;
      margin-top: 40px;
    }

    p {
      margin-bottom: 15px;
    }

    footer {
      background-color: #eee;
      text-align: center;
      padding: 15px;
      font-size: 14px;
      color: #666;
      margin-top: 40px;
    }
  </style>
</head>
<body>

  <header>
    <h1>سياسة الخصوصية وسياسة الاستخدام</h1>
  </header>

  <div class="container">
    
    <h2>🔒 سياسة الخصوصية</h2>
    <p>نحن نلتزم بحماية خصوصية مستخدمينا وبياناتهم الشخصية. يتم جمع المعلومات بهدف تحسين تجربتكم وتقديم خدمات مميزة.</p>

    <p><strong>المعلومات التي نقوم بجمعها:</strong></p>
    <ul>
      <li>الاسم، البريد الإلكتروني، رقم الهاتف، وأي بيانات أخرى يتم تقديمها عبر النماذج.</li>
      <li>بيانات الاستخدام العامة للموقع مثل الصفحات التي يتم تصفحها ومدة البقاء.</li>
    </ul>

    <p><strong>كيف نستخدم البيانات:</strong></p>
    <ul>
      <li>لتحسين جودة الخدمات والمحتوى المقدم.</li>
      <li>للتواصل مع المستخدمين بشأن خدماتهم أو استفساراتهم.</li>
      <li>لإرسال إشعارات أو عروض (بعد موافقة المستخدم).</li>
    </ul>

    <p>نحن لا نبيع أو نشارك بياناتك مع أي طرف ثالث إلا للضرورة القانونية أو بتصريح منك.</p>

    <h2>📄 سياسة الاستخدام</h2>
    <p>باستخدامك لهذا الموقع أو خدماتنا، فإنك توافق على الالتزام بالشروط التالية:</p>

    <ul>
      <li>عدم استخدام الموقع لأي أغراض غير قانونية أو غير أخلاقية.</li>
      <li>عدم محاولة اختراق الموقع أو التلاعب بخدماته أو بياناته.</li>
      <li>الالتزام بالأدب العام عند التفاعل عبر التعليقات أو التواصل.</li>
      <li>نحتفظ بحق تعديل أو حذف المحتوى أو الخدمات في أي وقت دون إشعار مسبق.</li>
    </ul>

    <p>قد نقوم بتحديث هذه السياسات في أي وقت، وسيتم نشر التعديلات على هذه الصفحة.</p>

  </div>

  <footer>
    © 2025 جميع الحقوق محفوظة - اسم شركتك
  </footer>

</body>
</html>

سياسة الخصوصية وسياسة الاستخدام