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

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

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

ادخل الي قالب تحرير 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>

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

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

فتح رابط التوجية