چگونه لوگوی توزیع دلخواهمون رو به صفحه خانه فایرفاکس اضافه کنیم

آموزش امروز جنبه تفریح داره ! برای دوستانی که دوست دارند لوگوی توزیعشون به صفحه خانه فایرفاکس بیاد . صفحه خانه پیش فرض فایرفاکس مثل تصویر پایین هست .

 

با آموزش امروز میتونید به این شکل تبدیلش کنید . من توی تصویر پایین لوگوی آرچ لینوکس رو جایگزین فایرفاکس کردم

 

 

اول از همه باید لوگوی توزیعتون (یا هر لوگویی که دوست دارید !)رو با فرمت png و با سایز ۱۹۲×۱۹۲ داشته باشید (سایزش رو دقت کنید! چون سایز لوگوی اصلی فایرفاکس هم همین قدر هست)

بهتر هست اول لوگو رو سرچ کنید و بعد با برنامه gimp سایز اون رو تغییر بدید .

برای دوستان تازه کار :

فرض کنید توزیع شما آرچ هست ! کافی هست توی گوگل و … سرچ کنید Arch linux + logo + png

و لوگوی دلخواهتون رو با فرمت png پیدا کنید و روی کامپیوترتون ذخیره کنید . بعد فایل رو با برنامه ویرایش عکس Gimp باز کنید . ببینید طول و عرضش مساوی هست یا نه! اگر مساوی نبود باید لوگو رو clip کنید . برای این کار از ابزار crop tool توی گیمپ استفاده کنید (آیکنش شبیه چاقو یا تیغ هست!) . اگر این کار رو بلد نیستید این لینک رو بخونید . 

با crop یه تیکه از لوگوتون با طول و عرض مساوی! جدا کنید ! حالا برای اینکه سایزش رو به ۱۹۲×۱۹۲ تغییر بدید . از منوی image برنامه گیمپ گزینه scale image رو انتخاب کنید و سایز عکس رو به ۱۹۲×۱۹۲ پیکسل تغییر بدید .

حالا باید از فایلتون export بگیرید! برای این کار میتونید از کلید های Ctrl + shift + E استفاده کنید یا از منوی فایل برنامه گیمپ گزینه export As رو انتخاب کنید و فایلتون رو با فرمت png ذخیره کنید . من این کارها رو با لوگوی آرچ کردم و این لینک فایل لوگوی من هست.

اسم فایلتون رو به brandlogo.png تغییر بدید .

وارد این پوشه بشید.

~/.mozilla/firefox

در این پوشه یه پوشه وجود داره که آخر اسمش کلمه .default هست . برای من اسمش این هست(برای شما ممکن هست متفاوت باشه) :

۳۱mqg501.default

وارد این پوشه بشید و داخل این پوشه دنبال پوشه chrome بگردید و اگر وجود نداره یه پوشه به اسم chrome درست کنید و واردش بشید .

فایل لوگوتون رو (brandlogo.png) به داخل پوشه chrome انتقال بدید .

داخل پوشه chrome یه فایل به اسم userContent.css درست کنید(اگر وجود نداره!) و با یه text-editor بازش کنید(مثلا با برنامه gedit یا … ) . این خطوط رو به آخر فایل اضافه کنید.

 

@-moz-document url("about:home") {
#brandLogo { background-image: url("brandlogo.png") !important; }
}

فایلتون رو ذخیره کنید!

فایرفاکس رو باز کنید و دکمه alt رو بزنید تا منوی برنامه نمایش داده بشه . از منوی edit وارد قسمت preferences بشید و برای When Firefox starts گزینه Show my homepage رو انتخاب کنید(مثل تصویر پایین!) .

 

 

حالا هر پنجره ای از فایرفاکس هست رو ببندید و فایرفاکس رو دوباره اجرا کنید! لوگو تغییر کرده 🙂

امیدوارم خوشتون اومده باشه 😉