إضافة تأثيرات Css على رسائل أحدث و أقدم و الرئيسية

  

بسم الله الرحمان الرحيم ,السلام عليكم و رحمة الله تعالى و بركاته , أما بعد. درسنا لهذا اليوم هو رائع جدا واضافة تأثير علي رسائل أقدم وأحدث على " رسائل أقدم" ،" رسائل أحدث" و"الصفحة الرئيسية " قد يكون هذا الدرس منتشر في عدة مدونات لكن الشروحات مختلفة فهناك من يغير " رسائل أقدم" ،" رسائل أحدث" و"الصفحة الرئيسية " بصور و هناك من يغير فقط الكلمات أما في هذا الشرح سأريكم كيفية إضافة تأثيرات ِCss عليها لتضفي جمالية أكثر على المدونة  , بعد هذا التقديم البسيط نمر إلى الشرح :

خطوات التركيب :

• توجه إلى لوحة التحكم ثم اختر=> تصميم => تحرير html
• قم بتوسيع القالب و لا تنسى أن تأخذ نسخة احتياطية من قالب مدونتك تحسبا لأي خطأ
• ابحث عن الكود التالي :

]]></b:skin>

• بعد إيجاد الكود السابق قم بإضافة الكود التالي فوقه مباشرة :

blog-pager-newer-link
    {
    color: #6E6E6E;
    font: bold 13px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 7px 12px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 white;
    background: #F3F3F3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(whiteSmoke),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(whiteSmoke),to(#F1F1F1));
    border: solid 1px gainsboro;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-left: 10px;
    text-align: center;
    width: 70px;
    }
    .blog-pager-older-link
    {
    color: #6E6E6E;
    font: bold 13px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 7px 12px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 white;
    background: #F3F3F3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(whiteSmoke),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(whiteSmoke),to(#F1F1F1));
    border: solid 1px gainsboro;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-left: 10px;
    text-align: center;
    width: 70px;
    }
    .home-link
    {
    color: #6E6E6E;
    font: bold 13px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 7px 12px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 white;
    background: #F3F3F3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(whiteSmoke),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(whiteSmoke),to(#F1F1F1));
    border: solid 1px gainsboro;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-left: 10px;
    text-align: center;
    width: 70px;
    }

    a:link {text-decoration:none;}
    a:visited {text-decoration:none;}
    a:hover {text-decoration:none;}
    a:active {text-decoration:none;}

• قم بمعاينة للمدونة إذا كان كل شيء على ما يرام اعمل حفظ للقالب و مبروك عليك .انتهي الموضوع
• ــــــــــــــــــــــــــــــــــــــــــــــــ
• إضافة تأثيرات Css على رسائل أحدث و أقدم و الرئيسية