علامات التبويب واجهة المستخدم مسج الرئيسية تغيير نمط

Question

أنا باستخدام علامات التبويب واجهة المستخدم مسج و أريد أن مجورلي تغيير التصميم على ذلك.أريد أن rempve صورة الخلفية, الحدود, كل شيء تقريبا.أحتاج أن تبدو ضئيلة و لا كأنه يرد النفس.

ما هي أفضل طريقة للقيام بذلك ؟ أنا بحاجة إلى استخدام واجهة المستخدم الافتراضية التصميم التقويم القطعة ولكن الذي هو في نفس الصفحة.لقد فعلت الكثير من البحوث و يبدو أن الجميع يشير إلى موضوع الاسطوانة.ومع ذلك ، لا ترغب فقط في تغيير ألوان الحدود الاقطار.لا تحتاج إلى حذف حماقة.موضوع الاسطوانة يبدو أن مجرد تغيير أشياء مثل الألوان (ليس من المفيد حقا العالم الحقيقي).كيف يمكنني التكيف مع css علامات التبويب دون تغيير أنماط واجهة المستخدم الأخرى الحاجيات على نفس الصفحة (أريد التقويم أن يبقى كما هو) ؟

هل يستحق حتى باستخدام مسج UI بلدي علامات التبويب ؟

Answer 1

يجب أن تحقق كيث الخشب مفصلة بلوق وظيفة على التصميم علامات التبويب واجهة المستخدم مسج.

الإجابة على السؤال الخاص بك محددة

أريد أن rempve صورة الخلفية, الحدود, كل شيء تقريبا.أحتاج أن تبدو ضئيلة

في هذا القسم "إزالة معظم التنسيق"كيث الخشب بعد.

وبالإضافة إلى ذلك, هناك أكثر من 10 تغييرات في نمط كاملة مع CSS المطلوبة لتحقيق التأثير المطلوب.

علامات التبويب واجهة المستخدم مسج التصميم - كيث الخشب بلوق وظيفة

Answer 2

وأنا اختار أن يكتب بلدي وظائف علامات بسيطة عندما أدركت أنني لم أكن في حاجة أكثر من المدمج في الميزات، مثل محتوى AJAX التحميل وديناميكية إضافة / إزالة علامات التبويب. إذا كنت بحاجة تلك الميزات، فإنه يكون من السهل تنفيذها نفسي. ما دفعني للتخلي مسج UI علامات غير أنه كان على هيكل العناصر DOM بلدي بشكل مختلف. أنا في حاجة أيضا إلى أسلوب علامات التبويب لي أن ننظر الحد الأدنى، واعتقدت أن بناء من الصفر سيكون أقل جهد من محاولة لتجريد بعيدا كثيرا.

وميزة افتقد أكثر من غيره هو كيف يختار مسج UI علامات تلقائيا أشار التبويب من قبل # في URL (وأنا أعلم أنا فقط يمكن نسخ ذلك - فقط لم نصل الى ذلك حتى الآن)

.

---

وUPDATE: ولكن، نعم، إذا كنت العالقة مع ذلك، يمكنك تجاوز CSS باستخدام أي معرفات لديك:

#my-tabs .ui-state-default {
    background-image: none; /* remove default bg image */
}

ووهلم جرا ..

Answer 3

وحاول يلي في المغلق توليكم صفك هو .mytabs لالمغلق تجاوز. يجب أن تحصل بدأت في

.mytabs li {
        background :  white !important;
        border-top: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important; 

    }
    .mytabs li.ui-state-active {
        background :  white !important;
        border-top: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important; 
        margin: 0;


    }

.mytabs li a 
    {
        color:          Black !important;
        font-size:      1.4em !important;
        font-weight:    bolder;
        padding:        4px 1.5ex 3px !important;
    }

Answer 4

وانها سهلة مع بعض CSS يمكنك بسهولة تجاوز CSS القياسية تسليمها مع مسج UI. قد لا تحتاج! مهم إذا كان لديك تعديل يظهر CSS بعد CSS مسج UI.

ويمكنك أيضا إزالة / إضافة فئات إلى كل عنصر مع مسج على الحمل، ولكن يبدو أن لا لزوم له قليلا.

Answer 5

ووينبغي أن تكون صريحة إلى حد ما مع CSS. العناصر الخاصة بك لها معرفات والطبقات عليها، ويمكنك لمسها مع CSS. شكل رولر هو مجرد سريع الذهاب إلى شيء.

إذا ما أذكر، هل يمكن أيضا ضبط علامات التبويب شبيبة وضبط خطوط التي تضيف الصور (إذا كان هذا هو نفس البرنامج المساعد) أو مجرد إزالة هذا الخط تماما ترضيك.

Answer 6

وأتساءل عما إذا كان! سمات هامة ينبغي أن تكون في قوالب واجهة المستخدم مسج الافتراضي في المقام الأول. على سبيل المثال، إذا قمت بتغيير علامات التبويب لتكون على الجانب الأيمن أو الأيسر بدلا من أعلى، ويجب أن لا يكون "الحدود القاع" و! مهم، لأن الكتابة هذه عادة.

Answer 7

وتغطي تقريبا كل شيء هنا، ولكن كنت أبحث حول وجدوا طريقة لإرم الأشياء التي حقا لا تحتاج بسهولة تامة مع فئة واحدة، في حين ثم تحرير سمات المتبقية.

*[class*="ui-"] {
     border-radius:0;
     background-image: none;
     .
     .
     .
}

وبهذه الطريقة يمكنك تحديد كل فئة أن يبدأ مع "ui-" وإزالة كل ما تريد إزالته من مسج UI.

Answer 8

 #my-tabs * {
    background-image: transparent;
}