اضافة محول الاكواد فوق التعليقات بشكل منسدل

اضافات محول الاكواد فوق صندوق التعليقات لتحويل اكواد ادسنس
الرجاء الانتظار 0 ثانية...
قم بالتمرير لأسفل وانقر فوق فتح الرابط للتوجيه
تم فحص وتجهيز الرابط

السلام عليكم اصدقائي اليوم اقدم لكم درس عنطريقة اضافة محول الاكواد بشكل مسندل فوق التعليقات سوف يساعد محول الاكواد على تحويل الاكواد التي يتم وضعها في مربع التعليقات ليتم ضبطها كي يقبلها مربع التعليقات

محول الاكواد فوق التعليقات

اليكم شرح التركيب 

ادخل الي قالب تحرير HTML ثم بعد ابحث عن  ]]></b:skin> وضف قبله الكود التالي 

/* -------------css to top comment box--------------------- */ #flippy {text-align: center;} #flippy button {float: right;background: #00ff33;color: #000;text-align: center;margin: 0 auto;border: none;border-radius: 3px; padding: 3px 10px;margin: 0px auto;font-size: 12px;font-family: ge_dinar;font-weight: bold;vertical-align: middle;cursor: pointer; text-shadow: 0 1px rgba(0, 0, 0, 0.3);transition: background 0.1s ease-in-out;} #flippy button:hover, #flippy button:focus {background: #0E9128;outline: none;color:#fff;} #flippanel {padding: 1px;text-align: right;border: 0px;} #flippanel {padding: 24px;display: none;}

وبعدها قم بالبحث عن هذا الكود </body>واضف فوقه الكود التالي

<script>
$(document).ready(function() { $(&quot;#flippy&quot;).click(function() { $(&quot;#flippanel&quot;).slideToggle(&quot;normal&quot;); }); }); 
</script>

بعدها قم بالبحث عن هذا الكود <div class='comment-form'>
ستجده مكرر كل ماعليك باضافة الكود اسفلهم جميعا

<div id="flippy"><button>محول الاكواد</button></div>
<div id="flippanel">
  <style type="text/css">
     .cbt{text-align:center;display:block;Width:200px;margin-top:10px;color:#000;background:#DAD8D9;background:-moz-linear-gradient(top,#F0F0F0,#DAD8D9 );background:-webkit-linear-gradient(top,#F0F0F0,#DAD8D9 );font-size:14px;line-height:16px;text-decoration:none;border:1px solid #BEBEBE;padding:4px 10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
    .cbtn{margin-top:10px;color:#222;background:#D1E0E5;background:-moz-linear-gradient(top,#EEF3F6,#D1E0E5);background:-webkit-linear-gradient(top,#EEF3F6,#D1E0E5);text-decoration:none;border:1px solid #BEBEBE;cursor:pointer;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
  </style>
  <div align="center">
    <div dir="ltr" style="float:center;" trbidi="on">
      <span class="google-src-text" style="direction:ltr;text-align:left;"
        ><span class="Apple-style-span" style="color:black;"
          ><span
            class="Apple-style-span"
            style="font-family:'trebuchet ms';font-size:13px;line-height:20px;"
            ><script type="text/javascript">
              function convert(){var ele1 = document.getElementById("somewhere");var replaced;replaced = ele1.value;replaced = replaced.replace(/&/ig,"&amp;");replaced = replaced.replace(/</ig,"&lt;");replaced = replaced.replace(/>/ig,"&gt;");replaced = replaced.replace(/"/ig,"&quot;");replaced = replaced.replace(/±/ig,"&plusmn;");replaced = replaced.replace(/©/ig,"&copy;");replaced = replaced.replace(/®/ig,"&reg;");replaced = replaced.replace(/ya'll/ig,"ya'll");ele1.value = replaced}
            </script></span
          ></span
        ></span
      ><br />
      <table border="0" cellpadding="0" cellspacing="0" style="width:400px;">
        <tbody>
          <tr>
            <td valign="top" width="400">
              <div align="center">
                <textarea
                  cols="50"
                  id="somewhere"
                  rows="15"
                  style="background:none repeat scroll 0% 0% rgb(248,248,248);border:2px solid rgb(204,204,204);"
                ></textarea
                ><input
                  class="cbt"
                  onclick="convert();"
                  onmouseout="this.className='cbt'"
                  onmouseover="this.className='cbt cbtn'"
                  type="button"
                  value="إضغط هنا لتحويل الكود"
                />
              </div>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>

ثم قم بحفظ العمل ومبروك عليك محول الاكواد

ينتهي هنا موضوعنا عن "اضافة محول الاكواد فوق التعليقات بشكل منسدل "، ونلتقي في موضوع جديد على مدونة مستر ميدو. دمتم في امان الله :)

تقييم المقالة

عن الكاتب

عبدالحميد ميدو منشئ محتوى رقمي ومهتم بجديد التقنية بشكل عام والبرمجة JS ,CSS بشكل خاص
معلومات أكثر

إرسال تعليق

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق.
1 -أ ن يكون التعليق خاص بمحتوى التدوينة ❗
2 - أن لا تضع أي روابط خارجية❗
3 - لإضافة كود برمجي حوله أولاً بمحول الأكواد
4 - أي سؤال خارج محتوى التدوينة يتم حذفه ❗
5 - لضمان نشر تعليقك يلزمك مراجعة اتفاقية الإستخدام
ملفات تعريف الارتباط
نحن نستخدم ملفات تعريف الارتباط ( كوكيز ) لفهم كيفية استخدامك لموقعنا ولتحسين تجربتك في المحتوى والإعلانات..
Oops!
يبدو أن هناك خطأ ما في اتصالك بالإنترنت.
يرجى الاتصال بالإنترنت والبدء في التصفح مرة أخرى.
يرجى السماح بعرض الإعلانات
يبدو أنك تستخدم أداة لحظر الإعلانات Adblock.
نحن نعتمد على الارباح التي نحققها من الإعلانات كمصدر تمويل لموقعنا الإلكتروني.
Site is Blocked
Sorry! This site is not available in your country.