بسم الله الرحمان الرحيم ,السلام عليكم و رحمة الله تعالى و بركاته , أما بعد
درسنا لهذا اليوم هو إضافة تأثيرات 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;}
- قم بمعاينة للمدونة إذا كان كل شيء على ما يرام اعمل حفظ للقالب و مبروك عليك
انتهى الدرس , إذا أعجبك الموضوع المرجو ترك تعليق أو نشر التدوينة
ليست هناك تعليقات:
إرسال تعليق