تخصيص سمة Luxeritas Child (style.css)
Luxeritas هو موضوع Wordpress محلي مجاني وعملي للغاية.في هذه المدونة ، سأقدم المحتويات المخصصة لـ style.css لموضوع الطفل.
كيفية تحرير موضوع Luxeritas التابع
هناك طريقتان لتحرير style.css
1. أدخل مباشرةً في "ورقة الأنماط: style.css"
شاشة الإدارة: Luxeritas → تحرير السمة الفرعية → حدد علامة "style.css"
أدخل الرمز بعد "/ * الرجاء كتابة نمط السمة الفرعية وفقًا لتفضيلاتك. * /".
2.أدخل في "CSS إضافية" لتخصيص المظهر
شاشة الإدارة: Luxeritas ← تخصيص (المظهر) ← CSS إضافي
نوصي بهذا لأنه يمكنك رؤية نتيجة عكس الرمز في نفس الوقت الذي تدخل فيه الرمز.
style.css مخصص
عنوان موقع عريض
بالنسبة لأولئك الذين يعتقدون أن الأحرف القياسية ضعيفة قليلاً والانطباع ضعيف.
/ * عنوان الموقع * / #sitename {font-weight: bold؛}
أضف ظلًا أسفل قائمة الشريط لجعلها تبدو وكأنها مادة
هناك ظل على هذا ...
سيكون هذا.إنه اختلاف طفيف ، لكن جو الموقع يتغير بشكل غير متوقع.
/ * الظل ضمن التنقل العام * / #nav {box-shadow: 0 2px 10px rgba (0,0,0،2،XNUMX، .XNUMX)}
لون التمرير الذي لا يمكن تعيينه من تخصيص المظهر
لون التمرير القياسي لعناوين المقالات والمقالات السابقة والتالية هو اللون الأحمر.لا أعتقد أنه كان هناك أي عناصر لتغييرها مباشرة من تخصيص المظهر.
اللون: يمكنك تغييره عن طريق وضعه في كود اللون المفضل لديك أدناه.بالمناسبة ، "# 00b22f" أخضر فاتح.أيضًا ، عنوان المقالة عريض لتسهيل القراءة.
/ * عنوان المقالة * / .entry-title a: hover {color: # 00b22f؛} .entry-title {font-weight: bold؛} / * المقالات السابقة والتالية * / #pnavi a: hover {color: # 00b22f }
بطاقة مدونة لتصميم المواد
سيكون لديك بطاقة مدونة مثل هذه.حرك المؤشر لجعله رقيقًا.
/ * تصميم بطاقة المدونة * / a.blogcard-href {padding: 0px؛ min-height: 102px؛ box-shadow: 0 2px 5px rgba (0، 0، 0، .13) ؛ الانتقال: .3s؛} أ. blogcard-href: hover {box-shadow: 0 4px 20px rgba (0,0,0,0.25،5،0،10)؛ transform: translateY (-0px)؛} .blogcard-img {margin: 0px 5px 5 5؛ border: none} p .blog-card-title {margin: 5px 5px 0px 5px؛} p.blog-card-desc {display: none؛} p.blogcard-link {clear: none؛ margin: 5px 430 XNUMXpx XNUMXpx؛}media only screen و (max-width: XNUMXpx) {p.blogcard-link {display: none؛}}
أشرت إلى الصفحة التالية.
قم بتخصيص بطاقة مدونة Luxeritas الخاصة بك لجعلها تطفو مثل SANGO
تغيير لون ترقيم الصفحات
مثل عنوان المقالة ، ظل أحمر ولا يمكن تغييره من تخصيص المظهر. وهي رمادية بـ "999999 #".
.pagination> .active> span، .pagination> li> a: hover {background: none؛ background-color: # 999999؛}
عندما تقوم بتغييره ، يبدو مثل هذا ↓
تغيير تصميم سحابة الوسم
/ * تغيير تصميم سحابة العلامات * / .tagcloud a {border-radius: 3px؛ / * Round the corner * / padding-bottom: 1px؛ padding-left: 6px؛ padding-right: 3px؛ padding-top: 1px}
لقد قمت بتدوير زوايا العلامة لتضييق عرض الخط.
إزالة الهوامش تحت عنوان المقال
عندما أضع إعلان google adsense تحت عنوان المقالة ، كنت قلقًا من أن تباعد الأسطر قبل الإعلان وبعده بدا كبيرًا. بعد إزالة الهامش ، تمكنت من تثبيته بشكل مضغوط قدر الإمكان.
/ * معلومات التعريف (محدّثة) احذف الهامش السفلي * / .meta، .post .meta {padding: 5px 0؛ margin-bottom: 0px؛} / * احذف الهامش أعلى وأسفل المقالة * / .post- title-upper،. post-title-under {margin-bottom: 1px؛}
هذا كل شيء.