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

أفضل المواضيع
  • قالب كن مهووس v3
  • أحدث وأضخم باتشات PES 2010 لعام 2016 باخر الانتقالات والاضافات الرهيبة
  • قالبي تدوين وماتلاين المدفوعين على بيكاليكا {تحديث}
  • قالب مدونة نكهة الاصلى مجانا بدون مشاكل
  • Stronghold Crusader 2 The Templar and The Duke-CODEX
  • هذه هي كافة أجهزة سوني التي ستدعم تحديث الأندرويد "مارشميلو 6.0" الجديد
  • تشغيل نت مجانى على خط فودافون
  • اضافة واجهة احترافية v2
  • اضافة صفحة الخطا v2
  • قالب كن مهووس v2 مجانا
نشر في
اضافة زر اظهار واخفاء التعليقات بشكل احترافى
كتب بواسطة
عدد التعليقات
3 التعليقات
اهلا بكم احبائى الكرام. اضافة زر اخفاء واظهار التعليقات اضافة مميزة حيث تعطيك شكل افضل للقالب بتاثيرات رائعة. عندما تضغط على الزر يظهر صندوق التعليقات كاملا مثل موقعنا تماما, وعندما تضغط عليه مرة اخرى يخفى صندوق التعليقات تمام كما كان. ولهذا تعد اضافة مهمة لجميع القوالب والمواقع لانها تنقص من ارتفاع المدونة وايضا تعطيع شكلا رائعا

شرح طريقة التركيب

1- توجه الى لوحة التحكم => قالب => تحرير Html
2- ابحث عن <div class='comments' id='comments'> (سوف تجد اثنان منه ,غالبا الاول هو المقصود)
3- احذفه ثم ضع الكود التالى مكانه اذا لم تنجح جربه على الثانى وارجع الاول كما كان


<script type='text/javascript'>
//<![CDATA[
// Show and Hide Comments
function showComm(e){document.getElementById(e)&&("none"!=document.getElementById(e+"-show").style.display?(document.getElementById(e+"-show").style.display="none",document.getElementById(e).style.display="block"):(document.getElementById(e+"-show").style.display="block",document.getElementById(e).style.display="none"))};
//]]>
</script>
<style>
/* Show and Hide Comments */
.hide-content{display:none;margin:0;padding:0;}
a.showcontent,#comments a.hiddencontent{display:block;text-decoration:none;position:relative;color:#fff;font-weight:700;font-size:15px;padding:12.5px 0;background:#29567D;border:2px solid;border-radius:5px;text-align:center;margin:30px auto;letter-spacing:1px;transition:all .3s}
#comments a.hiddencontent {background:#fff;color:#acb3b8;transition:all .3s}
a.showcontent:hover{background:#fff;color:#5593f0;}
#comments a.hiddencontent:hover{background:#acb3b8;color:#fff;}
</style>
<a href="#" id="comments-show" class="showcontent" onclick="showComm('comments');return false;">Show comments</a>
<div class='clear'/>
        <div class='comments hide-content' id='comments'>
<a href="#" id="comments-hide" class="hiddencontent" onclick="showComm('comments');return false;">Hide comments</a>
<div class='clear'/>

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

شكرا اخي لكني اريد حل لمشكل عدم ظهور صندوق كتابة التعليقات

delete 18‏/8‏/2016 3:13 م
avatar

اوك تواصل معى عبر هذة الصفحة لكى تكون المحادثة مباشرة وبصندوق شات
http://www.cn1gk.com/p/chat.html

delete 18‏/8‏/2016 3:31 م
avatar

الاضافة لا تعمل بشكل جيد اخي فأنت مازلت مشرف بالقالب هل بامكانك اضافتها لي وجزاك الله كل خير :]

delete 25‏/8‏/2016 9:43 ص

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1-أن يكون التعليق خاص بمحتوى التدوينة
2-أن لا تضع أي روابط خارجية
3-لاضافة كود حوله اولا بمحول الاكواد
4-أي سؤال خارج محتوى التدوينة يرجى التواصل معنا عبر صفحتنا


محول الاكواد الابتسامات





اخبار الهواتف الذكيه
    فريق العمل

    Milad Shenouda

    Front-End Developer

    السيد ابراهيم

    مدير الموقع ومصمم فوتوشوب

    انضم الينا

    مدون محترف

    انضم الينا

    مدون محترف

    اعجب بصفحتنا على الفيسبوك
    ماذا تنتظر !!!
    أنضم الى اعضاء مدونة
    كن مهووس | هوسنا هو سر ابداعنا
    تابعنا الان على تويتر
    فنحن الافضل

    جميع الحقوق محفوظة

    كن مهووس

    2018

    تكويد وتطوير