עזרה:שינוי לוגו האתר/הדגמה

הדגמה עריכה

 
גודל מקורי - יש לשים לב כי הלוגו קטן מאד ולכן על העיצוב להיות ברור וגדול

שלב א': העלאת הלוגו עריכה

יש להעלות את הקובץ לשרת, ניתן להעלות גם כגרסה חדשה של הקובץ:Wikipedia-custom-old-logo.svg או הקובץ:Wiki.png עובר עיצוב וקטור ישן, וקובץ:Wikipedia-custom-tagline-he.svg עבור עיצוב וקטור חדש

שלב ב': עריכת דף ה-css עריכה

הדגמה עבור שינוי הקבצים:

יש להוסיף את השורות הבאות לדף מדיה ויקי:Vector.css:

/* לוגו עבור עיצוב ישן */
.mw-wiki-logo {
    background-image: url("//upload.wikimedia.org/wikipedia/he/b/b6/Wikipedia-custom-old-logo.svg") !important;
    background-size: 145px !important;
}

/* עיצוב הלוגו עבור וקטור חדש */
.mw-logo {
  position: relative;
}

@media ( min-width: 720px ) {
	.mw-logo:before {
	    content: '';
	    background-image: url("//upload.wikimedia.org/wikipedia/he/7/78/Wikipedia-custom-tagline-he.svg") !important;
	    width: 50px;
	    height: 50px;
	    background-repeat: no-repeat;
	    background-size: 50px auto;
	    position: absolute;
	    top: 2px;
	    right: 0px;
	}
}

עבור עיצוב מחוץ לזמן:

יש להוסיף את השורות הבאות לדף מדיה ויקי:timeless.css:

.mw-wiki-logo {
  position: relative;
  background-image: none !important;
}

.mw-wiki-logo:before {
	    content: '';
	    background-image: url("//upload.wikimedia.org/wikipedia/he/7/78/Wikipedia-custom-tagline-he.svg") !important;
	    width: 135px;
	    height: 135px;
	    background-repeat: no-repeat;
	    background-size: 135px auto;
	    position: absolute;
	    top: 17px;
	    right: 32px;
}