Pages

Pages - Menu

تزين العناوين الرئيسية بشكل أنيق



السلام عليكم
مرحبا بكم في مدونة بوزوم اليوم انشاء الله سأقدم الكم اضافة حصرية
لن تجدونها الي علي مدونتي هذه الاضافة عبارة عن كودcss يقوم بتزين
العناوين الرئيسية كمافي مدونتي هذه الاضافة تعطي المدونة شكل انيق كما تلفت انتباه
الزائر لن اطيل عليكم اكثر تابعو الشرح
طريقة تركيب سهلة جدا
من لوحة التحكم بلوجر قالب تحرير html توسيع القالب ابحث عن الوسم التالي مستعينا
ctrl+f
]]></b:skin>
وضع قبله هذا الكود
.post-title {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRjSo7vEwxRtLi_jW1P21M9_pu2jddx1bv1gHB5zC8oxUoxx5RC9I_qGTtMDqkx9t4wGoGzZDVuKa6gR3MyFtaYvJjXoQf0HaR4VeHn-sOx8TGlgd8FejlFAQTI_w0FdBhaa10DCZHtTIJ/s1600/NBT+PostTitle+1.png) no-repeat 4px center transparent;
padding: 3px 10px 3px 30px;
color: #61c100;
line-height: 1.4;
border: 3px solid #8db600;
text-shadow: 0 1px 0 #CCC;
-moz-border-radius: 60px;
-webkit-border-radius: 60px;
border-radius: 60px;
-moz-box-shadow: 0 1px 3px #C6C6C6, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
-webkit-box-shadow: 0 1px 3px #C6C6C6, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
box-shadow: 0 1px 3px #C6C6C6, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
margin: 15px 3px;
text-transform: uppercase;
line-height: 1;
border-image: initial;
text-decoration: none;
font-family: DroidKufi-Regular;
font-size: 18px;
font-color: #8db600;
}
احفظ القالب
الي هنا تنتهي درسنا اليوم تحياتي.

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

إرسال تعليق