התאם אישית את חלק הכותרות בבלוג Blogger.com שלך

אַפּרִיל 24, 2024

במדריך האחרון התאיםנו את החלק קישורים לבלוגר שלך^TM בלוג. כעת, אנו נתאים אישית את קטע הכותרת בראש הבלוג. הכותרת מכילה את הכותרת והתיאור של הבלוג שלך. אנו הולכים לשנות את הגופן או הגופן עבור הטקסט ולהוסיף רקע צבעוני.

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

@ מדיה כולם
@ מדיה כף יד
#כותרת הבלוג
# כותרת בלוג א
# כותרת הבלוג א: רחף
#תיאור

החלק הראשון של הקוד (@media all) שולט במאפייני הכותרת כולל הרוחב, השוליים וגודל הגבול. החלק השני (@ handia כף יד) יורש את המאפיינים האלה מהחלק הראשון ומשנה גם את רוחב הכותרת ל- 90 אחוז עבור מסכי כף יד. מכיוון שאנו רוצים להשתמש בצבע הרקע החדש בשימוש בשני המקרים, נוסיף שורת קוד לצבע הרקע בחלק הראשון (@media all). שורת קוד חדשה זו מודגשת למטה. בדוגמה למטה השתמשנו בצבע אפור בהיר אך אל תהסס להשתמש בכל צבע שתרצו.

@media הכל {
#header {
צבע רקע: # EFE3EF;
...
בשלב הבא נשנה את גופן הכותרת לגופן הפופולרי והסגנון הקז'ואל שנקרא Comic Sans MS. כמובן שאתה חופשי להשתמש בכל פונט שאתה אוהב. שלושת החלקים הבאים בקוד ה- CSS של התבנית (# כותרת בלוג, # כותרת בלוג, # כותרת הבלוג א: רחף) שולטים במאפיינים של כותרת הבלוג. החלק הראשון שולט במאפיינים הכלליים ושני החלקים האחרים שולטים במראה הטקסט כאשר הוא מתפקד כהיפר-קישור. כדי להגדיר את סוג הכותרת או הגופן של הכותרת לכל המקרים, נוסיף את קוד ה- CSS של משפחת הגופנים לחלק הראשון (# כותרת הבלוג). מכיוון ששם הגופן שלנו מכיל רווחים, יהיה עליו להציב אותו בתוך סימני מרכאות ("קומיקס sans ms").

#כותרת הבלוג {
font-family: "קומיקס sans ms";
...
לבסוף נעבוד על קוד ה- CSS לתיאור הבלוג שלך (# תיאור). זהו החלק האחרון מבין ששת המקור. כפי שתוכל לראות בהמשך, כל קוד ה- CSS השולט במאפייני הגופן של טקסט התיאור מופיע יחד בשורה אחת. כל שעלינו לעשות הוא להוסיף "קומיקס sans ms" בחזית רשימת הגופנים אשר יהפכו את קומיקס סאנס MS לגופן ברירת המחדל עבור טקסט התיאור.

#תיאור {
...
גופן: 78% / 1.4em "קומיקס sans ms", "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif;
...
}

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

צילומי מסך הודפסו מחדש ברשות גוגל בע"מ. גוגל^TM, בלוגר^TM ו- BlogSpot^TM הם סימנים מסחריים רשומים או סימנים מסחריים של Google Inc. בארצות הברית ו / או במדינות אחרות.

הוראות וידאו: Vidnami Review 2020 (Formerly Content Samurai Reviews 2020) ✅Best discount and your free trial (אַפּרִיל 2024).

התאם אישית את חלק הכותרת של הבלוג שלך ב- Blogger.com, HTML, שנה את הכותרת ואת התיאור של הבלוג שלך ב- Blogger, שנה את הגופן עבור תבנית Blogger, הוסף רקע צבעוני לתבנית Blogger, שנה את קוד ה- CSS לתבנית Blogger, הוסף קוד CSS לתבנית Blogger , גופן תבנית Blogger, תגי גופן-תבנית Blogger, תגיות סגנון CSS

למאמר הקודם

למאמר הבא

מאמרים קשורים

מחשבים

עיצוב כרטיס ביקור תבנית קדמית פוטושופ CC

אַפּרִיל 2024

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

מחשבים

מבוא הטומולט הייפ ו- Pro

אַפּרִיל 2024

Hype ו- Hype Pro מאת Tumult הם יישומי Mac OS X ליצירת אנימציות HTML5 מבוססות keyframe ותוכן אינטראקטיבי שניתן להשתמש בהן בשולחן העבודה, סמארטפונים ואייפד. לרוב חושבים להשתמש ב- Hype ליצירת...