דף הבית » טריקים וטיפים, סקירת תבניות

להסיר גבולות מתמונת הכותרת העליונה של Twenty Ten

27 בדצמבר 2010 | מאת רמי | 2 תגובות | תגיות: , ,

בתבנית ברירת המחדל של וורדפרס – Twenty Ten – הוגדר כי מעל ומתחת לתמונת כותרת העליונה יהיה גבול שחור כדי שזה יתאים לצבע של תפריט הניווט. הגבול השחור, לא תמיד יפה עם תמונות שבוחר המשתמש. לכן היום נלמד איך להסיר את הגבול העליון והגבול התחתון מתמונת הכותרת של Twenty Ten.

הגדרות בסיס

יוצרי התבנית הגדירו שלתמונה יהיה הגבול העליון בגודל 4px בצבע שחור והגבול תחתון בגודל 1px שגם הוא בצבע שחור, הגדרות אלה הוגדרו בקובץ style.css של התבנית:

#branding img {
    border-top: 4px solid #000;
    border-bottom: 1px solid #000;
    clear: both;
    display: block;
}

הסרת הגבולות

על מנת להסיר גבול עליון ותחתון מתמונה הכותרת, אנו ניצור תבנית-בת, ונכניס לקובץ style.css שלה את הקוד הבא:

#branding img {
    border-top: none;
    border-bottom: none;
}

התוצאה

תמונת הכותרת העליונה של Twenty Ten לפני השינוי

תמונת הכותרת העליונה של Twenty Ten לפני השינוי

תמונת הכותרת העליונה של Twenty Ten אחרי השינוי

תמונת הכותרת העליונה של Twenty Ten אחרי השינוי

מאת רמי

אחראי על אתר וורדפרס בעברית ועל תרגום ושחרור גרסאות וורדפרס בעברית. מפתח ליבה, בכל גרסה החל מגרסה 2.8, מפתח מוביל בגרסה 4.4 ובגרסה 4.6. מספק שירותי פיתוח אתרים, פיתוח תוספי וורדפרס לסטרטאפים ופיתוח כלים למפתחי וורדפרס - GenerateWP.com.

2 תגובות »

  • גיא פיק כותב :

    בהקשר הזה – נשאר לי ToolBar שחור מתחת לתמונה
    איפה אני משנה את הצבע שלו ?

    גיא

  • רמי כותב :

    גיא, התפריט (השחור) לא משתנה, בפוסט זה דיברתי רק על הגבולות של תמונת הכותרת.

הוסף תגובה !

נא לא לשאול שאלות שלא קשורות לפוסט, זהו לא פורום תמיכה. לבעיות אישיות ונושאים מורכבים אפשר ליצור איתי קשר.

תגיות HTML מורשות לשימוש:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>