• اخر المشاركات

    الاثنين، 21 يوليو، 2014

    تغيير شكل تعليقات بلوجر الأفتراضى الى شكل اخر احترافى الشكل الرابع CSS Comments

    غير شكل تعليقات بلوجر الأفتراضية الى شكل اخر جذاب مثل المواقع الكبرى لتعطى شكل افضل للمدونة لتجذب الزوار والمشاركين على التعليقات فالاضافة او التغيير بتقنية css اللغة الأكثر من رائعة الذى اعطت الروح والحياه للغة Html فلن اطيل عليكم بالكلام ونأتى الى طريقة التركيب







    صورة توضح لشكل التعيقات البسيط الأكثر من رائع :
    طريقة تركيب الأضافة :

    قبل اضافة اى اكواد يجب اخذ نسخة احتياطية قبل وضع اى اكواد ومن هنا درس بسيط يعلمك طريقة اخذ نسخة احتياطية الان ناتى الى الطريقة فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالب الأن اضغط على تحرير HTML


    الأن قم بالبحث عن هذا الكود :
    ]]></b:skin>
    ضع فوقة مباشرة هذا الكود :
    .comments h4
    {
    color:#ffffff;
    display: inline-block !important;
    background:#3BB7D9;
    padding:10px;
    }
    .comments .comment .comment-actions a {
    background:#3BB7D9;
    border-radius: 5px;
    color: #ffffff;
    font:12px georgia;
    margin-right: 8px;
    padding:5px;
    text-decoration: none !important;
    }
    .comments .comment-block {
    background:#f8f8f8;
    border: 1px solid #f0f0f0;
    padding: 10px;
    }
    .continue
    {
    border-top:none !important;
    }
    .continue a {
    background:#3BB7D9;
    border: 1px solid #3BB7D9;
    border-radius:5px;
    color: #ffffff;
    display: inline-block !important;
    margin-top: 8px;
    padding:5px;
    text-decoration: none !important;
    font:12px georgia ,arial;
    }

    .comment-header a {
    color: #222222 !important;
    }
    #comments .avatar-image-container img {
    border:2px solid #f0f0f0;
    border-radius: 50px 50px 50px 50px;
    height: 58px;
    max-width: 58px;
    }
    .comments .avatar-image-container {
    border: 2px solid #FFFFFF;
    border-radius: 34px 34px 34px 34px;
    box-shadow: 1px 1px 3px #dcdcdc;
    float: right;
    margin-right: -20px;
    max-height: 61px !important;
    overflow: hidden;
    width: 61px !important;
    }
    انتهى التركيب وبالأخير اضغط على حفظ التغيرات 
    ================
    ملحوظة هامة :
    لمن يواجهة مشكلة بعدم نجاح التغيرات او عدم نزول زر الرد او عدم التنسيق فقط اضغط على هذا الدرس الضرورى الذى سيحل لك هذا المشاكل .


    بعض الأشكال السابقة قد تعجبك :
    الشكل الأول :
    الشكل الثانى:
    الشكل الثالث:


    بالنهاية ارجو بأن هذه التدوينة اعجبتكم .

    ليست هناك تعليقات:

    إرسال تعليق

    قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

    الربح من الانترنت

    الامن والحماية من الفيروسات

    عالم الكمبيوتر والإنترنت