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

להעביר תפריט מעל תמונת הכותרת העליונה ב-Twenty Ten

3 בינואר 2011 | מאת רמי | אין תגובות | תגיות: , , , , ,

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

הקוד לשינוי מיקום

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

#header #access{
    top: -240px;
    position: relative;
}
#site-title {
    margin:0 0 44px;
}
#main {
    padding-top:0;
}

התוצאה

תפריט ניווט מתחת לתמונת הכותרת העליונה ב-Twenty Ten

תפריט ניווט מתחת לתמונת הכותרת העליונה ב-Twenty Ten

תפריט ניווט מעל תמונת הכותרת העליונה ב-Twenty Ten

תפריט ניווט מעל תמונת הכותרת העליונה ב-Twenty Ten

מאת רמי

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

הוסף תגובה !

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

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