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

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



اضافت شكل تعليقات جزائري ويب بشكل جديد
اليوم اشرح ان شاء الله كود 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

    ردحذف

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