اضافت شكل تعليقات جزائري ويب بشكل جديد



اضافت شكل تعليقات جزائري ويب بشكل جديد
اليوم اشرح ان شاء الله كود CSS لتجديد شكل صندوق التعليقات الخاص بالمدونة إضافة الى ADMIN ,
وخاصة صندوق التعليقات الذي يعتبر واجهة وعلاقة الزائر بالمدونة. الصورة فى أول التدوينة 
هى النتيجة لهذا الكود اذا أعجبتك قم بإضافتها


شرح و كيفية تركيب الاضافة :
    1. داخل القالب تحرير html
    2. فوق هذا الوسم  <b:skin/>  نضع الكود التالي
/* CSS Comments */ #comments {background:#fff url(https://lh3.googleusercontent.com/-Y5Nyz_g0Z-w/VmXFx8nFkEI/AAAAAAAAEz0/sw10yfTIA9I/s6-Ic42/pattern-JAZAIRIWEB.png);clear:both;margin:10px;line-height:1em;padding:10px;border: double #eee;} .unneeded-paging-control {display: none;} #comments h3 {background: #fff url(https://lh3.googleusercontent.com/-EyuJR1g9h8U/VkRyCe7JwLI/AAAAAAAAEcI/oQU8g-95C4k/s165-Ic42/img-dark.png); background-position: center bottom; background-repeat: no-repeat; margin-bottom: 30px; padding-bottom: 40px; position: relative; color: #FC5400; text-align: center; margin-top: 10px;margin: 0 auto;} #comments .click-comment{float:left;text-decoration:none;display:inline;line-height:20px; margin-bottom:15px;margin-top:0;font-family:Electrolize,ge_dinar_tworegular;font-size:16px; color:#666;font-weight:400;text-transform:uppercase;background:#fff;padding:10px 20px; border:1px solid #e9e9e9;border-top: none;}#comments .click-comment:hover{color:#444} .comment_avatar_wrap{width:0;height:42px;border:none;background:none;text-align:center;padding:0;} #comments .comment_avatar {width:42px;height:42px;max-width:42px;max-height:42px;background:#38424b;padding:2px;text-align:center;position:absolute;top:10px;right:8px;border-radius:50%; -webkit-box-reflect: below 0.5px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(86%,transparent),to(rgba(255,255,255,0.4)));} #comments .comment_admin .comment_avatar{width:42px;height:42px;max-width:42px;max-height:42px;padding:2px;text-align:center;position:absolute;top:10px;right:8px; border-radius:50%;}#comments .comment_avatar img {width:42px;height:42px;max-width:42px;max-height: 42px;background:url(http://1.bp.blogspot.com/-SL82Yj_MkdE/VCNlr5Q1nWI/AAAAAAAAGf8/xzhe3TPouok/s1600/anonim.png) no-repeat;border-radius:50%;-webkit-box-reflect: below 0.5px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(86%,transparent),to(rgba(255,255,255,0.4)));} .comment_avatar img{width:42px;height:42px;background:url(http://1.bp.blogspot.com/-SL82Yj_MkdE/VCNlr5Q1nWI/AAAAAAAAGf8/xzhe3TPouok/s1600/anonim.png) no-repeat;border-radius:50%;} .comment_name a{font-family:Electrolize,ge_dinar_tworegular;font-weight:normal;font-size:15px;padding:5px 0;color:#fff;text-decoration:none;}.comment_name a:hover{color:#fff} .comment_admin .comment_name{font-weight:400;font-size:16px;font-family:Electrolize,ge_dinar_tworegular;text-decoration:none;background:none;padding:5px 0;} .comment_admin .comment_date{right:10px;font-weight:normal;font-size:13px;text-align:left;} .comment_name{font-size:16px;font-family:Electrolize,ge_dinar_tworegular;font-weight:normal;padding:10px;position:absolute;right:70px;top:5px;display:inline;transition:all .3s ease-in-out;} .comment_name:hover{color:#fff;} .comment_admin .comment_name{padding:10px;right:60px;top:2px;display:inline;text-align:right;} .comment_service{position:absolute;top: 14px; left: 20px;} .comment_date a{right:0;font-size:12px;font-weight:normal;text-transform:none;color:#fff;text-decoration:none;font-family: lobster,ge_dinar_tworegular} .comment_body{margin:20px 0;background:#fff;padding:0;position:relative;box-shadow:0 1px 0px 0px #e9e9e9;} .comment_body p{line-height:1.6em;font-size:16px;font-family:Electrolize,ge_dinar_tworegular; background:rgba(247, 247, 247, 0.48);padding:10px;padding-top: 20px;text-align:right;font-weight: normal;} .comment_child .comment_body p{color:#38424b;} .comment_body p img{vertical-align:middle} .comment_inner{padding-bottom:5px;margin:5px 0} .comment_child .comment_wrap{padding-right:7%} .comment_child .comment_body{margin-top:-15px;background:#fff;} .comment_reply{float:left;display:inline;bottom:0;left:0;color:#FC5400!important;text-align:center;text-decoration:none;background:#f5f5f5;font:11px/18px Electrolize,ge_dinar_tworegular;padding:3px 11px;} .comment_reply:hover{text-decoration:none!important;background:#8EC1DA;color:#fff!important;text-shadow:none;} .comment-form{width:1110px;max-width:100%;padding:0;} .comment_form a{text-decoration:none;text-transform:uppercase;font-weight:normal;font-family:Electrolize,ge_dinar_tworegular;font-size:14px;color:##4573B3;}#comment-editor{width:103%!important;background:url('http://4.bp.blogspot.com/-jSUS8v5kwpQ/U8Z_6Ufr-PI/AAAAAAAAEYY/o4cQPKvt8vQ/s1600/loading.gif') no-repeat 50% 25%;position:relative;margin-right:-8px;margin-top:-15px} .comment_reply_form{padding:0 7% 0 0}.comment_reply_form{width:100%} .comment_emo_list .item{float:right;text-align:center;height:40px;width:38px;margin:0 0 10px;} .comment_emo_list span{display:block;font-weight:400;font-size:11px;color:#444} .comment_youtube{max-width:100%!important;width:400px;height:225px;display:block;margin:auto} .comment_img{max-width:100%!important}#respond{overflow:hidden;padding-right:10px;clear:both} .comment-delete{position:absolute;display:none;top:0;left:-25px;color:red!important;text-align:center;text-decoration:none;font-family:Electrolize,ge_dinar_tworegular;font-size:16px;font-weight:700;padding:0;transition:all .3s ease-in-out} .comment_body:hover .comment-delete{display:inline-block;} .comment-delete:hover{color:#444!important}.unneeded-paging-control,.comment_author_flag{display:none} .comment_admin .comment_author_flag {display:inline;background:rgba(255,255,255,0.3);font-family:Electrolize,ge_dinar_tworegular;font-size:13px;font-weight:bold;width:42px;height:15px;bottom:0;color:#fff;text-align:center;border-radius:3px;padding:3px 10px;text-transform:uppercase;} .comment_admin .comment_author_flag:before {content: '\f0f0'; display: inline-block; margin-left: 5px; color: #fff; font-family: fontawesome; transition: all 0.5s ease-in-out;} .comment_child .comment_admin .comment_author_flag {background:rgba(255,255,255,0.3);color:#fff;} .spammer-detected{font-size:14px!important;color:#fff!important;background:#5cb0d8!important;margin:25px; border-radius:4px;display:inline-block;padding:10px 15px!important;} .deleted-comment{display:block;color:#fff;word-wrap:break-word;background:#3F4653;margin-top:10px;margin-bottom:20px;padding:10px;font-size:13px;font-family:Electrolize,ge_dinar_tworegular;text-align: left;} iframe{border:none;overflow:hidden} .paging-control-container{text-align:center;margin:0 25% 0 0;} .paging-control-container a{text-align:center;margin:0 auto;background:#ccc;border:1px solid #bbb;padding:3px 10px} .comment_header {background:#8EC1DA;padding:2px 0;border-radius: 5px 5px 0px 0px;} .comment_child .comment_header {background:#38424b;} #comments .pencet {color : #fff;margin-right : 10px;padding : 4px 8px;background-color : #e74c3c;font-size : 10px;font-weight : 400;text-transform : none; border-radius : 4px;text-decoration : none;outline : none;text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.3);transition : background-color 1s 0s ease-out;cursor : pointer; } #comments .pencet:hover{background-color: #C84031;}
    1. ملاحظة: ادا قمت من قبل بوضع كود تعليقات بلوجر
    2. يجب عليك حدف الاكواد السابقة اولا
    3. ثم ضع كود هده الاضافة, و التعديلات سهلة جدا

  1. اريد اضافة البحث في المدونة مثل اللي عندك =v

    ردحذف
    الردود
    1. وانا ايضا اريد صندوق بحث متميز واضعه على صورة بنفس طريقتك =v

      حذف
  2. سيتم وضعه في تدوينة + اضافات اخرى
    ولاكن هده الصفحة غير مخصصة لدلك =a

    ردحذف
  3. الردود
    1. يجب عليك حدف الاكواد السابقة comments

      حذف
  4. http://www.th2professional.com/p/ads.html
    اخي لدي مشكل في التعليقات هل من حل ارجووووك

    ردحذف
    الردود
    1. 1- ادخل "اعدادات"
      2- ثم "مشاركات وتعليقات" 3- ثم "موقع التعليقات"
      اجعله "مضمَّن" و اضغط "حفظ الإعدادات"

      حذف
  5. اهي انا نزعت الكود تبع التعليق القدسم بس وضعت الجديد الموقع راح فيها

    ردحذف
    الردود
    1. يمكنك وضعه فوق <head/> ما بين <style> و <style/>

      حذف
  6. ماضبط
    اخي اعطيك القالب وتقدر تضيفوا ؟ x=

    ردحذف
    الردود
    1. طيب ارسله من هنا:
      http://contact-jazairiweb.blogspot.com
      مع وضع اسمك :anis nis و رابط القالب

      حذف
  7. اخي القالب هو انت اللي وضعته ذاك اسموا قالب ويب ميني v2 mini
    الايميل
    anisnis1@live.fr
    عدل عليه وابعثوا =x

    ردحذف

إذا أعجبك محتوى موقع جزائري ويب اتمنى البقاء على تواصل دائم ، فقط قم بإدخال بريدك الإلكتروني للإشتراك في بريد المدونة السريع ليصلك جديد المدونة أولاً بأول ، كما يمكنك إرسال رساله بالضغط على الزر المجاور ...