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

[Chakira]

السلام عليكم ورحمة الله وبركاته.

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

معاينة الإضافة من موقع Trucsinformatique

نمر لشرح طريقة الطريقة:


1.توجه للوحة التحكم الخاصة بمدونتك.
2.إختر قالب template.
3.ثم تحرير HTML.
4.إضغط داخل مستطيل أكواد القالب template مرة واحدة.
5.إضغط من لوحة المفاتيح keybord على CTRL+F.
6.تتحصل على مستطيل البحث داخل الأكواد,قم بالبحث عن الكود code التالي:
رمز Code:
]]></b:skin>
7. ثم ضع فوقه مباشرة الكود code التالي:
رمز Code:
.home-link {float: center; background: #a9014b url( ) repeat-x 0 0; display: inline-block; font-size: 16px; padding: 8px 19px 9px; color: #fff !important; font-weight: bold; line-height: 1; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; overflow: visible; width: auto; } .home-link::-moz-focus-inner { border: 0; padding: 0; } .home-link:hover { background-color: #630030; color: #fff; text-decoration:none; } .home-link:active { -webkit-transform: translateY(1px); -moz-transform: translateY(1px); } .blog-pager-newer-link {float: right; background: #ff5c00 url( ) repeat-x 0 0; display: inline-block; font-size: 16px; padding: 8px 19px 9px; color: #fff !important; font-weight: bold; line-height: 1; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; overflow: visible; width: auto; } .blog-pager-newer-link::-moz-focus-inner { border: 0; padding: 0; } .blog-pager-newer-link:hover { background-color: #d45500; color: #fff; text-decoration:none; } .blog-pager-newer-link:active { -webkit-transform: translateY(1px); -moz-transform: translateY(1px); } .blog-pager-older-link {float: left; background: #ffb515 url( ) repeat-x 0 0; display: inline-block; font-size: 16px; padding: 8px 19px 9px; color: #fff !important; font-weight: bold; line-height: 1; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; overflow: visible; width: auto; } .blog-pager-older-link::-moz-focus-inner { border: 0; padding: 0; } .blog-pager-older-link:hover { background-color: #fc9200; color: #fff; text-decoration:none; } .blog-pager-older-link:active { -webkit-transform: translateY(1px); -moz-transform: translateY(1px); }
8.لا تنسى حفظ القالب template .





أتمنى أن يكون الدرس مفصل في متناول الجميع,في حال كان هنالك أي إستفسار لا تترددوا في وضع إستفساراتكم في تعليق.

للمزيد من الدروس عن بلوجر و أدوات بلوجر زوروا موقع TRUCSINFORMATIQUE من هنا





©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©