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

السلام عليكم

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

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

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

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 على رسائل أحدث و أقدم و الرئيسية

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

إرسال تعليق

تابع "مدونة حلمي حلمكم"

اقسام المدونة

تابعنا عبر البريد الالكتروني

تابعنا على

facebook

جديد موقعنا

اتصل بالاميل الشخصي لصاحب الموقع

تغريدات حلمي حلمكم

تابعنا على اليوتيوب

الأكثر مشاهده هذا الأسبوع

اخر التعليقات