يسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
كما يعلم أغلب المدونيين البلوجر أن موضوع
كيفية تعديل أو تبديل الكلمات " رسائل أقدم" ،" رسائل أحدث" و"الصفحة الرئيسية " لمدونات بلوجر ،سواء بكلمات أخرى أو بصور, والتي تكون في أسفل الصفحة
منتشرة في أغلب مدونات المتخصصة في دروس البلوجر أو حتى المنتديات
ونجد أن البعض من المدونيين يريد فقط أضافة جمالية للكلمات من دون أستبدالها
ولقد وجدت بعض الرسائل التي وصلتني في البريد طلب مني طريقة أخرى
فقمت بأضافة بعض الخصائص 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 الخاصة ببلوجر
شكرا لك
فكرتها رائع وجميل على القالب
ردحذفواصل عطائك وأتحفنا بجديدك