כיצד להתאים אישית את תפריט האתר

תוכן עניינים:

כיצד להתאים אישית את תפריט האתר
כיצד להתאים אישית את תפריט האתר

וִידֵאוֹ: כיצד להתאים אישית את תפריט האתר

וִידֵאוֹ: כיצד להתאים אישית את תפריט האתר
וִידֵאוֹ: wordpress menu customize Tutorial | how to customize menu bar in wordpress | menus in wordpress 2020 2024, מאי
Anonim

Ucoz היא מערכת ניהול אתרים פופולרית. בעזרתו תוכלו להתאים אישית כל אלמנט מהמשאב שלכם וליצור עיצוב עמודים ייחודי. התפריט הוא אחד המרכיבים העיקריים של כל אתר, מכיוון שמשתמש בו מנווט דרך המשאב שלך.

כיצד להתאים אישית את תפריט האתר
כיצד להתאים אישית את תפריט האתר

הוראות

שלב 1

אתה יכול להשתמש בפקדי בניית האתרים כדי להתאים אישית את התפריט ב- Ucoz. לכן, תוכלו לשנות את צבע הרקע של התבנית שנבחרה, את צבע הקישורים ואת הטקסט בגושי התפריטים. עריכת כל האלמנטים נעשית באמצעות תפריט המעצבים "עיצוב" - "ניהול עיצוב (CSS)".

שלב 2

פעולה זו תפתח גיליון סגנונות של CSS, כלומר את התבנית שעל בסיסה מוצגים רכיבי הממשק. מצא את קו navBar בקוד המוצג וערוך אותו כראות עיניך. לדוגמה:

#navBar {ריפוד: 4 פיקסלים; רקע: # 959595; הצפה: אוטומטי; צבע אדום; }

שלב 3

קוד זה מגדיר את כניסת הטקסט מגבולות הגוש שנוצר על ידי 4 פיקסלים, בעוד שרקע התפריט מקבל את הערך # 959595, המתאים לצבע מסוים בפורמט HTML. פרמטר ה- overflow: auto משמש להגדרת תצוגת התוכן שאינו מתאים לאזור שצוין. אין לערוך פרמטר זה ללא צורך מיוחד. אפשרות הצבע מגדירה את רכיבי התוכן של הבלוק לאדום.

שלב 4

כדי לערוך את הפרמטרים של קישור, אתה יכול גם להשתמש באפשרויות שנמצאות באותו בלוק קוד. שנה את #navBar a: קישור (קישור רגיל), a: פעיל (צבע קישור לאחר לחיצה), a: ביקור (קישור ביקר) ו-: רחף (צבע קישור אחרי רחף) לפי רצונך. שנה את צבע תכונת הצבע וערוך את הפרמטר לקישוט טקסט, אשר מגדיר את התכונות לטקסט. ערכים עבור אפשרות זו יכולים להיות קו תחתון, מצמוץ, קו דרך, קו קו.

שלב 5

לאחר העריכה לחץ על כפתור "שמור". באופן דומה, שנה את השורות.subColumn (רקע להצגת פריטי תפריט אנכיים),.boxTable (כותרות של גושי תפריטים),.boxContent (תוכן רשימות קישורי תפריט),. UMenuV (פריטי תפריט אנכיים) לפי רצונך. אתה יכול להסיר פרמטרים מיותרים ולהכניס קוד CSS משלך, כמו גם לערוך את הצבעים של אלמנטים אחרים בעיצוב.

שלב 6

שמור שינויים והצג את התוצאה על ידי מעבר לדף האתר שלך. עריכת פריטי תפריט Ucoz הושלמה.

מוּמלָץ: