بسم الله الرحمن الرحيم اليوم اتيت لكم بأضافه مميزه جدا وجذابه للمدونات
اولا فائده محول الاكواد كبيره جدا عند اضافه كود معين من الاكواد في تعليق سيختفي منه بعض العلامات وبهذا لم يصبح كود فبهذه الاداه اصبح يمكن تحويل الكود بكل سهوله
عند الضغط عليها تنسدل كما بالصوره
ثانيا المعاينه انزل الي اسفل الموضوع فوق صندوق التعليقات ستجدها
ثالثا التركيب بسم الله نبدأ
اولا قم بالبحث عن هذا الكود ]]></b:skin>
اضف فوقه الكود التالي
#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() {
$("#flippy").click(function() {
$("#flippanel").slideToggle("normal");
});
});
</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, "&");replaced = replaced.replace(/</ig, "<");replaced = replaced.replace(/>/ig, ">");replaced = replaced.replace(/"/ig, """);replaced = replaced.replace(/±/ig, "±");replaced = replaced.replace(/©/ig, "©");replaced = replaced.replace(/®/ig, "®");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>
قم بعمل حفظ
معلومات التدوينه !
معلومات الكاتب ..
وليد المطري: بلدي هو اليمن، اهتم بتقنيات وتطوير وتحسين اداء المدونات العربية,ليجد المستخدم العربي كل ما يحتاجه لبدء التدوين من الصفر الى الحتراف.
ادعمنا وشارك الفائده ..
اترك تعليق وناقشنا برأيك ...
