هل قمت بإنشاء مكون سمة جديد وإضافته إلى سمة air في هذه الحالة؟
لقد رأيت تعديلاتي أعلاه. هل تحاول تجاوز أجزاء من إعدادات السمة أو إضافة تعديلات/إصلاحات مثل منشوري أعلاه؟
شكرا لك دان! تمكنت من معرفة كيفية إضافة مكون جديد ثم إضافة CSS مخصص هناك.
إعجاب واحد (1)
إذا كنت ترغب في تجاوز إعداد. استخدم “!” مهم
على سبيل المثال
.some-selector {
padding-top: 2.5em !important;
{
ما زلت أتعلم بنفسي. الخطاب متنوع للغاية.
إعجابَين (2)
شكرا على السمة الرائعة. كل شيء يعمل. ولكن لدي سؤال كيف يمكنني تغيير صورة الخلفية؟
شكرا على المساعدة
إعجابَين (2)
إنشاء مكون سمة وإضافته مع صورة الخلفية الخاصة بك
html .background-container {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background-image: url();
background-size: cover;
opacity: 1;
/* background: linear-gradient(90deg, var(--tertiary-hover) 0%, var(--tertiary) 100%); */
clip-path: unset;
background-color: var(--secondary) !important;
}
3 إعجابات
مرحباً يا رفاق،
هل هناك طريقة لإضافة بعض الروابط الخارجية في الترويسة بالقرب من الشعار؟
شكراً!
يوجد هذا الرابط
و
يوجد أيضًا رابط يضيف شريطًا بقوائم منسدلة أسفل رأس الموقع
إعجابَين (2)
مرحباً،
شكراً جزيلاً لك على تخصيص الوقت للرد.
كنت أستخدم هذا ولكن لم أكن راضياً تماماً: Custom Top Navigation Links
اقتراحك الثاني هو بالضبط ما أحتاجه، أنا سعيد جداً بالنتيجة.
شكراً جزيلاً لك على مساعدتك!
إعجاب واحد (1)
مرحباً بالجميع،
آسف لهذه الرسالة المزدوجة ولكن هل هناك طريقة لعرض الفئات الفرعية على كل من سطح المكتب والجوال وفي نفس الوقت عرض عناوين الفئات الكاملة على الجوال عندما تكون طويلة بعض الشيء؟
إعداداتي هي “صناديق الفئات مع الفئات الفرعية” ولكن دون استخدام “الفئة الحديثة + مربعات المجموعات”.
النتيجة رائعة على سطح المكتب والجوال عندما أستخدم إصدار سطح المكتب. ولكن مع إصدار الجوال لا يمكنك قراءة نهاية بعض عناوين الفئات.
شكراً جزيلاً لمساعدتكم!
هل يمكنك نشر لقطة شاشة؟
إعجاب واحد (1)
هل ترى فئات فرعية معروضة في كليهما. هل تتطلع إلى وجود وصف للفئة في كليهما؟ أو عكس سطح المكتب بدون وصف؟
عذرًا إذا لم أكن واضحًا.
أود رؤية عناوين الفئات الكاملة
على سبيل المثال، في إصدار سطح المكتب لديك «Discussions Générales sur la mode» ولكن في إصدار الهاتف المحمول لديك فقط «Discussions Générales»
إعجاب واحد (1)
لست متأكدًا من رمز CSS عن ظهر قلب. ولكن يجب أن تكون قادرًا على جعل عنوان الفئة يلتف كما في الصورة الأولى التي نشرتها.
ربما حاول فحص العنصر على سطح المكتب لمعرفة ما إذا كان يمكنك تحديد CSS المستخدم لالتفاف اسم الفئة لاستخدام سطرين.
لقد جربت بعض أكواد CSS مع ChatGPT و Claude على سبيل المثال:
.category-box-heading,
.category-box-heading a,
.category-box-heading h3 {
max-width: 100%;
width: 100%;
display: block;
word-break: break-word;
overflow-wrap: break-word;
white-space: normal !important;
overflow: visible !important;
text-overflow: clip !important;
line-height: 1.4;
padding: 5px 0;
}
.parent-box-link {
display: block;
width: 100%;
}
@media screen and (max-width: 767px) {
.category-box-heading h3 {
font-size: 16px; /* اضبط هذه القيمة حسب الحاجة */
}
}
لكنها لا تعمل.
هل هناك طريقة لفرض عرض سطح المكتب على الهاتف المحمول؟ سيكون من المثالي الحصول على الوصف والفئات الفرعية.
شكرا!
هل جربت كيف تبدو الواجهة المكتبية على الهاتف المحمول؟ إنها ليست رائعة جدًا على بعض الهواتف المحمولة.
شكرا على ردك.
لقد جربت للتو على جهازي iPhone وكان الأمر كذلك.
وهو بالضبط ما أبحث عنه.
من الناحية المثالية، أود أن يكون لدى المستخدمين هذا العرض مباشرة دون العبث بالإعدادات.
تعطيل المكون المخصص الخاص بك. إنشاء مكون اختبار جديد في CSS للجوال، جرب هذا
.category-box-heading h3 {
//* قد تحتاج إلى إلغاء التعليق على السطرين أدناه.
// Overflow: unset !important;
// Text-overflow: unset !important;
text-wrap: balance !important;
}
أنا متأكد تمامًا من أنك لن تحتاج إلى أي تعديلات CSS أخرى.
تم الاختبار للتو. لا يعمل مع المقتطف الخاص بي أيضًا.
أحدث إصدار من الكود الفعال:
.full-width .contents .topic-list thead th.posts {
width: 10%;
}
.full-width .contents .topic-list thead th.activity {
width: 10%;
order: 4;
}
th.num.views {
width: 10%;
order: 3;
display: block;
}
.full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.posts {
width: 10%;
order: 2;
}
.full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.age {
width: 10%;
order: 4;
}
.topic-list .views {
width: 10% !important;
order: 3 !important;
display: flex !important;
visibility: visible !important;
justify-content: center;
}
.full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.views {
width: 10% !important;
order: 3 !important;
display: flex !important;
justify-content: center;
align-items: center;
}
إعجابَين (2)
