با سلام خدمت همه کاربران گرامی وب‌سایت زرین هور. امروز میخواهیم آیکون سایت خودمون رو تغییر بدیم که کار خیلی تاثیر گذاری هست در کیفیت وبسایت شما. این کار ساده رو تنها میخوایم با زبان های نشانه گذاری HTML و CSS انجام بدیم!

بریم سراغ آموزش!

برای اینکار به سه فایل index.html، style.css و logo.png نیاز داریم.

حالا باید کد معرف رو وارد کنیم:

<link rel=”icon” href=”logo.png”> توجه کنید که دو مقدار rel و href اجباری هستند. مقدار rel برابر با icon، مشخص کننده نیاز ما است و href نیز مسیر دهی مارا تعریف خواهد کرد.

این هم سورس کد های کار و نتیجه هم ببینیم!

اکنون لوگوی ما در قمست Hello, World-zarrinhoor قرار داده شده است.

برای این کار میتوان از زبان javascript هم استفاده کرد اما نیازی نیست

پیشنهادات برای لوگوی سایت

1 ماه پیش
98

تغییر آیکون مرورگر با HTML

با سلام خدمت همه کاربران گرامی وب‌سایت زرین هور. امروز میخواهیم آیکون سایت خودمون رو تغییر بدیم که کار خیلی تاثیر گذاری هست در کیفیت وبسایت شما. این کار ساده رو تنها میخوایم با زبان های نشانه گذاری HTML و CSS انجام بدیم!

بریم سراغ آموزش!

برای اینکار به سه فایل index.html، style.css و logo.png نیاز داریم.

حالا باید کد معرف رو وارد کنیم:

<link rel=”icon” href=”logo.png”> توجه کنید که دو مقدار rel و href اجباری هستند. مقدار rel برابر با icon، مشخص کننده نیاز ما است و href نیز مسیر دهی مارا تعریف خواهد کرد.

این هم سورس کد های کار و نتیجه هم ببینیم!

اکنون لوگوی ما در قمست Hello, World-zarrinhoor قرار داده شده است.

برای این کار میتوان از زبان javascript هم استفاده کرد اما نیازی نیست

پیشنهادات برای لوگوی سایت

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

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

مطالب پر بازدید

آ
آموزش تغییر رنگ اجسام در فتوشاپ،آموزش تغییر رنگ اجسام ،فتوشاپ،آموزش فتوشاپ ،آموزش تغییر رنگ در فتوشاپ،آموزش تغییر رنگ

آموزش تغییر رنگ اجسام در فتوشاپ

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

microsoft

ذخیره چند مورد در کلیپ‌‌برد ویندوز

تغییر آیکون

تغییر آیکون مرورگر با HTML

دستورات پر کاربرد لینوکس،آموزش لینوکس،دستورات مهم لینوکس،آموزش رایگان لینوکس،ترمینال لینوکس،دستورات ترمینال لینوکس همراه آموزش،کدهای ضروری لینوکس

دستورات پر کاربرد لینوکس

کم کننده-حجم-ویدیو-سایت-آنلاین-رایگان-کم-کننده-حجم-ویدیو-حذف-صدا-در-همون-سایت

آموزش کم کننده حجم ویدیو