آگهی
article

نحوه قرار دادن فاوآیکن (Favicon) در نوار آدرس سایت و وبلاگ

web-favicon

فاوآیکن (Favicon) آیکن کوچکی است که معمولا در گوشه نوار آدرس، کنار نشانی های وب نمایش داده می شود که می تواند معرف لوگوی آن پایگاه یا محتویات صفحه مورد نظر باشد، استفاده از فاوآیکن به نمایش در نوار آدرس مرورگر محدود نمی شود بلکه می توان از آن به عنوان لوگو و نشانه در فیدهای آر اس اس یا قسمت مربوط به بوکمارک ها در مرورگر کاربران استفاده کرد، به همین دلیل بیشتر سایت ها و وبلاگ های حرفه ای ترجیح می دهند حتما از یک آیکن مناسب و منحصر به فرد برای این منظور استفاده کنند، نگاه به پیشینه استفاده از این قابلیت نشان می دهد که در ابتدا تنها فرمت ico توسط مرورگرها پشتیبانی می شد اما به مرور و با پیشرفت تکنولوژی های وب، فرمت های استاندارد gif، jpeg و png نیز توسط مرورگرهایی نظیر فایرفاکس، سافاری و اپرا پشتیبانی شد، با این وجود مرورگر پردردسر اینترنت اکسپلورر همچنان در نمایش این فرمت ها به عنوان آیکن، مشکلاتی داشت.

پیشینه استفاده از فاوآیکن (Favicon) در وب


فاوآیکن ابتدا در سال 1999 میلادی در مرورگر اینترنت اکسپلورر 5 توسط شرکت مایکروسافت معرفی و استفاده شد که یک فایل با عنوان favicon.ico در ریشه سایت (فولدر www یا public_html) بود و با نمونه آدرس زیر فراخوانی می شد:
http://yoursite.com/favicon.ico
کارکرد فاوآیکن نیز همانند کاربردهای امروزی آن استفاده در قسمت بوکمارک ها به عنوان لوگو و نمایش در کنار نشانی URL سایت در نوار آدرس مرورگر بود، هرچند اینترنت اکسپلورر ابتدا فاوآیکن را صرفا برای صفحات بوکمارک شده نمایش می داد و این ساز و کاری برای اطلاع از تعداد افرادی بود که صفحه را به لیست علاقمندی های خود اضافه می کردند اما در مدت زمانی کوتاه این شیوه برای تمام صفحات به کار گرفته شد، در همین سال کنسرسیوم جهانی وب W3C در HTML نسخه 4 و XHTML نسخه 1 استانداردی برای استفاده از فاوآیکن در نظر گرفت که مبتنی بر تگ link و خاصیت rel بود که در قسمت head صفحه درج می شد تا فرمت، نام و آدرس URL فایل آیکن را مشخص کند، بر خلاف آنچه گفتیم در این استاندارد فایل آیکن می توانست جایی خارج از ریشه سایت و با فرمتی غیر از ico نیز باشد.

چگونه فاوآیکن طراحی کنیم؟


همان طور که اشاره شد امروزه فاوآیکن می تواند فرمت و اندازه های مختلف داشته باشد اما پایه و اساس کار همان فرمت ico و اندازه 16 در 16 پیکسل است، برای ساخت و طراحی آیکن با فرمت ico نیاز به برنامه هایی تحت عنوان سازنده آیکن داریم، برای مثال به نظر برنامه Axialis IconWorkshop انتخاب مناسبی است و با یک جستجوی ساده در وب قابل دریافت خواهد بود، پس از نصب این برنامه می توانیم در محیط آن و به کمک ابزارهای موجود آیکن مورد نظرمان را طراحی کنیم، هرچند با توجه به قدرت و انعطاف پذیری بیشتر برنامه های گرافیکی برای طراحی آیکن ترجیحا ابتدا از این برنامه ها استفاده کرده و صرفا برای آماده سازی خروجی نهایی از برنامه های مخصوص ساخت آیکن استفاده می کنیم، لذا در گام اول در برنامه گرافیکی فتوشاپ (Adobe Photoshop) یا سایر برنامه های گرافیکی مانند Inkscape آیکنی ترجیحا در ابعاد 228*228 پیکسل و عمق 32 بیت با طراحی دلخواه و با فرمت png می سازیم، باید سعی کنیم تا حد امکان از ترکیب چند رنگ با قابلیت تمایز مناسب استفاده کنیم، به طور مثال برای متن و پس زمینه از رنگ هایی که شباهت زیادی به هم دارند و در ابعاد کوچک به راحتی از هم تفکیک داده نمی شوند یا از سایه ها کمتر استفاده کنیم چرا که با کوچک شدن اندازه آیکن وضوح کلی تصویر نیز کاهش می یابد و ممکن است فرم مورد نظر را از دست بدهد، آزمون و خطا و بررسی آیکن سایت های معتبر روش خوبی است تا به انتخاب ایده آل و ترکیب رنگی مد نظرمان نزدیک شویم، سپس از تصویرمان با فرمت png خروجی گرفته و فایل را وارد برنامه سازنده آیکن می کنیم و با اندازه 16*16 پیکسل و ترجیحا با استاندارد رنگی True Colors از آن خروجی ico می گیریم، در گام آخر فایل خروجی را در سروری آنلاین یا در فضای سایت خود آپلود و آدرس آن را در تگ link جایگزین کرده و کد را در قسمت head صفحه و بین کدهای HTML قالب قرار می دهیم، نحوه تنظیم فایل ico در تگ link در ادامه توضیح داده می شود.

کد قرار دادن فاوآیکن در نوار آدرس مرورگر، فرمت ico


اگرچه فرمت اولیه favicon فرمت ico است اما امروزه اغلب مرورگرها از فرمت های دیگری نیز پشتیبانی می کنند که بعضا نیاز به درج کدهای اضافه و تنظیمات اختصاصی دارند، به همین دلیل جهت جلوگیری از سردرگمی و پیچیده شدن مبحث در گام اول از نمونه کد زیر به صورت استاندارد برای درج فاوآیکن در صفحات HTML استفاده می کنیم که با تمام مرورگرها سازگار است و حداقل نیاز صفحات وب یعنی نمایش آیکن در نوار آدرس و قسمت بوکمارک ها را تامین می کند.
<link rel="shortcut icon" type="image/x-icon" href="http://yoursite.com/favicon.ico">
توضیح:
- برای درج فاوآیکن از تگ link با صفت rel و مقدار shortcut icon استفاده می کنیم، در HTML5 این مقدار معمولا به صورت icon استفاده می شود اما جهت سازگاری با مرورگرهای قدیمی از جمله نسخه های ماقبل 11 اینترنت اکسپلورر بهتر است از مقدار shortcut icon استفاده کنیم.
- در صفت type نیز باید نوع MIME را برابر image/x-icon قرار دهیم، اگرچه MIME اصلی برای فرمت ico طبق استاندارد IANA (مخفف Internet Assigned Numbers Authority) به صورت image/vnd.microsoft.icon است اما این پارامتر با مقدار image/x-icon برای سازگاری با مرورگر اینترنت اکسپلورر مورد نیاز بود و در حال حاضر نیز به همین ترتیب استفاده می شود.
- در قسمت href آدرس URL فایل فاوآیکن قرار می گیرد که بهتر است با همین نام یعنی favicon.ico ذخیره و آپلود شده باشد.
- در نهایت کد فاوآیکن باید در قسمت head صفحه درج شود.

کد قرار دادن فاوآیکن در نوار آدرس مرورگر، سایر فرمت ها


در حال حاضر با توجه به تنوع دستگاه های رایانه، تبلت ها، تلفن های همراه و... اغلب مرورگرهای معروف نظیر فایرفاکس، گوگل کروم، سافاری و نظایر آنها از آیکن های متحرک با فرمت gif و آیکن های دارای اندازه و کیفیت های متفاوت با فرمت png و svg در کنار فرمت معمول ico پشتیبانی می کنند که به عنوان یک راه حل می توانیم فرمت ها و اندازه های مختلف را با هم ترکیب کرده تا در دستگاه هایی که از این قابلیت ها پشتیبانی می کنند آیکن مناسب آنها به صورت متحرک یا با اندازه و کیفیت های متفاوت نشان داده شود و در سایر مرورگرها آیکن پیش فرض با فرمت ico بارگذاری گردد.
<link rel="icon" type="image/gif" href="http://yoursite.com/gif-favicon.gif">

<link rel="icon" type="image/png" href="http://yoursite.com/png-favicon.png">

<link rel="icon" type="image/svg+xml" href="http://yoursite.com/svg-favicon.svg">
چند توصیه:
- بهتر است از آیکن های متحرک در صفحات وب استفاده نکنیم، چرا که نظر کاربران به جای اینکه به مطالب سایت یا وبلاگمان جلب شود، بیشتر به آیکن متحرک در نوار آدرس جلب می شود.
- اندازه فایل را در حد امکان کم حجم ایجاد کنیم، ارزش این کار مخصوصا زمانی که کاربران با وسایلی نظیر تلفن همراه در حال مرور صفحات یا فید آر اس اس سایت یا وبلاگمان هستند مشخص می شود.
- سعی کنیم آیکنی ساده و واضح بسازیم، به یاد داشته باشیم که فاوآیکن تنها یک نشانه است و قرار نیست تمام محتوای صفحات خود را در آن نشان دهیم.
- در HTML نسخه 5 صفت sizes جهت در نظر گرفتن ابعاد مختلف برای آیکن ها پیش بینی شده است که با استفاده از این امکان می توان آیکن هایی در ابعاد متفاوت داشته باشیم تا دستگاههای مختلف در صورت پشتیبانی و نیاز، با توجه به آیکن و استاندارد مد نظر یک مورد را بر سایر موارد ترجیح دهند، ابعاد آیکن ها می تواند به صورت 32*32، 96*96، 128*128، 192*192 و 228*228 پیکسل باشد که انواع مختلف دستگاههای امروزی را پوشش می دهد.
<link rel="icon" type="image/png" href="http://yoursite.com/png-favicon.png" sizes="96x96">
یا
<link rel="icon" type="image/png" href="http://yoursite.com/png-favicon.png" sizes="96x96 128x128">
در حالت اخیر آیکن با ابعاد 128*128 طراحی شده که در دو اندازه مختلف قابل نمایش است.
نکته: نکته جالب در مورد صفت sizes استفاده از عبارت x است که برای تعیین ابعاد آیکن ها توسط HTML در نظر گرفته شده است، این عبارت را نباید با علامت ضربدر (×) اشتباه بگیریم، در HTML باید از علامت X یا x برای تعیین ابعاد آیکن استفاده کنیم.

قرار دادن کد آیکن مخصوص سیستم عامل Android و iOS


با وجود در نظر گرفتن استانداردی خاص در HTML نسخه 5 برای درج آیکن در صفحات وب، سیستم عامل های موبایل از جمله Android و بخصوص iOS علاقمند هستند تا همچنان از شیوه های مد نظر خود استفاده کنند، در همین چارچوب با توجه به کثرت کاربرانی که صفحات وب را با موبایل خود مرور می کنند و اهمیت پیش بینی تنظیمات مخصوص موبایل می توانیم کدهای مربوط به آیکن های مخصوص این سیستم عامل ها را در قسمت head صفحه درج کنیم، خوشبختانه سیستم عامل اندروید بیشتر از رقیب خود به استاندارد HTML5 وفادار بوده و تنها کافی است ابعاد مناسب را برای این سیستم عامل در نظر بگیریم، برای iOS نیز باید از عبارت apple-touch-icon در قسمت rel تگ link استفاده کنیم که در ادامه به صورت موردی خواهیم دید.
برای سیستم عامل اندروید و مرورگر Google Chrome از همان روش در نظر گرفته شده در HTML5 استفاده می کنیم، گوگل کروم برای نمایش آیکن در قسمت های مختلف (Favicon، Bookmark، Home Screen) از ابعاد متفاوت و فرمت PNG استفاده می کند، این ابعاد می توانند به صورت 16*16، 96*96، 128*128، 160*160، 196*196 باشند که این اندازه ها صرفا حالت پیشنهادی است و در صورت نیاز آیکن ها در ابعاد دیگر نیز به صورت خودکار توسط مرورگر تغییر اندازه داده شده و مورد استفاده قرار خواهند گرفت، در نسخه های اخیر گوگل کروم به جای اندازه 196*196 اندازه 192*192 پیکسل مورد استفاده قرار می گیرد و اگر کد این اندازه درج نشده باشد، ابعاد پائین تر جایگزین خواهند شد، همین قانون در مورد سایر اندازه های مد نظر مرورگر صدق می کند یعنی هر کجا آیکن مد نظر با ابعاد ایده آل در دسترس نباشد اندازه کوچکتر جایگزین خواهد شد.
<link rel="icon" type="image/png" href="http://yoursite.com/png-favicon.png" sizes="16x16">
<link rel="icon" type="image/png" href="http://yoursite.com/png-icon-128.png" sizes="128x128">
<link rel="icon" type="image/png" href="http://yoursite.com/png-icon-160.png" sizes="160x160">
<link rel="icon" type="image/png" href="http://yoursite.com/png-icon-192.png" sizes="192x192">
نکته: برای تعیین ابعاد آیکن در کد HTML از حرف x انگلیسی استفاده می کنیم.
نکته جالب در خصوص گوگل کروم این است که در حال حاضر ظاهرا این مرورگر در صورت وجود تنظیمات مخصوص iOS ترجیح می دهد از آیکن های در نظر گرفته شده برای رقیب سنتی خود (شرکت اپل) استفاده کند و اولویت دوم را به HTML می دهد!
برای سیستم عامل iOS شرکت اپل و مرورگر Safari باید عبارت apple-touch-icon را در قسمت rel تگ link با ابعاد مختلف در نظر بگیریم، این ابعاد پیشنهادی با توجه به طیف وسیع دستگاه های شرکت اپل می توانند به صورت 60*60، 76*76، 120*120، 152*152، 167*167، 180*180 باشند.
<link rel="apple-touch-icon" type="image/png" href="http://yoursite.com/png-icon-60.png" sizes="60x60">
<link rel="apple-touch-icon" type="image/png" href="http://yoursite.com/png-icon-76.png" sizes="76x76">
<link rel="apple-touch-icon" type="image/png" href="http://yoursite.com/png-icon-120.png" sizes="120x120">
<link rel="apple-touch-icon" type="image/png" href="http://yoursite.com/png-icon-152.png" sizes="152x152">
<link rel="apple-touch-icon" type="image/png" href="http://yoursite.com/png-icon-167.png" sizes="167x167">
<link rel="apple-touch-icon" type="image/png" href="http://yoursite.com/png-icon-180.png" sizes="180x180">
علاوه بر مقدار apple-touch-icon می توانیم از مقدار apple-touch-icon-precomposed نیز استفاده کنیم، در حالت اخیر سیستم عامل iOS افکت درخشش و انعکاس را روی آیکن اعمال نخواهد کرد و این کار می تواند در هنگام طراحی آیکن صورت گیرد.

نتیجه گیری و کد نهایی پیشنهادی


بسیاری از قابلیت های دنیای وب به مرور زمان شکل گرفته و رفته رفته تکمیل شده اند که در مورد فاوآیکن نیز این فرآیند صدق می کند، اگر پیش از این صرف استفاده از فرمت ico در ابعاد 16*16 کفایت می کرد امروزه با وجود طیف وسیعی از دستگاه های مورد استفاده مخاطبان بهتر است همگام با این نیاز، صفحات وبی با تکنولوژی به روز و آیکن هایی بهینه و در ابعاد متنوع داشته باشیم، بر همین اساس به نظر ترکیب روش های گفته شده به صورت کد نهایی پیشنهادی زیر می تواند برای استفاده های امروزی و پوشش حداکثری دستگاه ها و پلتفرم های مختلف مناسب باشد.
<link rel="shortcut icon" type="image/x-icon" href="http://yoursite.com/favicon.ico">
<link rel="icon" type="image/png" href="http://yoursite.com/png-favicon.png" sizes="16x16">
<link rel="icon" type="image/png" href="http://yoursite.com/png-icon-32.png" sizes="32x32">
<link rel="icon" type="image/png" href="http://yoursite.com/png-icon-96.png" sizes="96x96">
<link rel="icon" type="image/png" href="http://yoursite.com/png-icon-128.png" sizes="128x128">
<link rel="icon" type="image/png" href="http://yoursite.com/png-icon-160.png" sizes="160x160">
<link rel="icon" type="image/png" href="http://yoursite.com/png-icon-192.png" sizes="192x192">
<link rel="icon" type="image/png" href="http://yoursite.com/png-icon-192.png" sizes="228x228">
<link rel="apple-touch-icon" type="image/png" href="http://yoursite.com/png-icon-60.png" sizes="60x60">
<link rel="apple-touch-icon" type="image/png" href="http://yoursite.com/png-icon-76.png" sizes="76x76">
<link rel="apple-touch-icon" type="image/png" href="http://yoursite.com/png-icon-120.png" sizes="120x120">
<link rel="apple-touch-icon" type="image/png" href="http://yoursite.com/png-icon-152.png" sizes="152x152">
<link rel="apple-touch-icon" type="image/png" href="http://yoursite.com/png-icon-167.png" sizes="167x167">
<link rel="apple-touch-icon" type="image/png" href="http://yoursite.com/png-icon-180.png" sizes="180x180">
sectionدسته بندی: مهارتهای وب » وبلاگ نویسی
related مطالب بیشتر:
» محافظت از مطالب وبلاگ در مقابل کپی غیر مجاز!
» پاسخ به سوالات و حل مشکلات وبلاگ نویسان
» آنچه برای شروع طراحی قالب یک وبلاگ باید بدانیم
» اشتباهات رایج در وبلاگ نویسی غیر حرفه ای!
» نحوه قرار دادن کلیپ فلش در سایت و وبلاگ
commentنظرات (۳۰ یادداشت برای این مطلب ارسال شده است)
more یادداشت های جدید بر اساس تاریخ ارسال در انتهای یادداشت های موجود نمایش داده می شوند.
نویسنده: ERTY
زمان: ۱۸:۰۱:۰۴ - تاریخ: ۱۳۹۲/۰۴/۲۳
ALIIIII BOOOOOOOD
نویسنده: حمید
زمان: ۱۳:۰۷:۲۹ - تاریخ: ۱۳۹۲/۰۵/۱۰
سلام خسته نباشید .
من همه کارهای بالا را انجام دادم . آدرسی که نهایتا به اون رسیدم این آدرس شد :
http://s4.picofile.com/file/7872426983/favicon.ico.html
جریان این html آخر آدرس چیه ؟ اشکالی ایجاد نمی‌کنه ؟
چون تا حالا به نتیجه‌ای نرسیدم .
پاسخ: 
دقیقا html انتهای آدرس باعث عدم نمایش آیکن خواهد شد!
لینک به فایل باید مستقیم باشد، یعنی زمانی که آدرس را در مرورگر وارد می کنیم فایل دانلود شده یا نمایش داده شود، در اینجا به جای دانلود یا نمایش به سایت سرویس دهنده منتقل می شویم که صفحه دانلود را نمایش می دهد!
نویسنده: حمید
زمان: ۱۵:۰۴:۰۳ - تاریخ: ۱۳۹۲/۰۵/۱۰
لطفا راهنمایی بیشتر کنید باید چه کار کنم . پیکوفایل این آدرس رو به من میده . و البته در مورد آیکن ها اینطوره . در مورد فرمتهای دیگه با این مشکل مواجه نشدم و آدرس درست دریافت کردم .
پاسخ: 
باید از سرویس دهنده ای استفاده کنید که برای فرمت ico لینک مستقیم در اختیارتان قرار دهد، یا اینکه یک هاست شخصی داشته باشید.
نویسنده: حمید
زمان: ۱۵:۵۳:۲۷ - تاریخ: ۱۳۹۲/۰۵/۱۰
از توضیحات بسیار بسیار عالیتون ممنون .
از طریق سایت
http://www.iconj.com
لینک مستقیم گرفتم و چند ثانیه طول نکشید که فاوآیکن وبلاگم درج شد . بازم ممنون
نویسنده: مریم
زمان: ۲۱:۳۲:۱۲ - تاریخ: ۱۳۹۲/۰۵/۱۸
سلام
ممنون از مطالب مفیدتون.
من فایل آیکون رو درست کردم. بعد توی یک سایت هم آپلود کردم و لینک مستقیم رو دریافت کردم. لینک هم سالمه. فقط وقتی آدرس رو تو قالب وبلاگم پیست می کنم، عملی نمیشه. شاید جایی که کد رو پیست می کنم اشتباهه. میشه لطف کنید بگید بین تگ های header کجاست؟ ممنون می شم.
پاسخ: 
الزامی به درج در قسمت هدر نیست، چه کدی را در قالب وبلاگ قرار می دهید؟ لطفا نمونه کامل آن را درج کنید تا بررسی گردد.
نویسنده: amir
زمان: ۰۶:۵۲:۴۵ - تاریخ: ۱۳۹۲/۰۷/۱۹
من با فتوشاپ درست کردم بعد فقط پسوندش رو عوض کردم بعدم آپلود کردم و خیلی راحت جواب داد
ممنون همیشه دوست داشتم این رو یاد بگیرم چجوریه :*
نویسنده: صالحی
زمان: ۲۰:۱۴:۴۵ - تاریخ: ۱۳۹۲/۱۰/۰۱
خسته نباشید
ببخشید من اگه بخوام یه فاوایکن متحرک بسازم چی کار باید بکنم؟ ممنون میشم جواب بدین
پاسخ: 
کافی است آیکن مورد نظرتان را به صورت یک تصویر متحرک (با فرمت gif) بسازید و در نمونه کدی به شکل زیر آدرس آن را جایگزین کنید:
<link rel="shortcut icon" href="image/favicon.gif" type="image/gif">
نویسنده: جواد
زمان: ۱۹:۳۲:۴۳ - تاریخ: ۱۳۹۲/۱۰/۰۳
سلام و خسته نباشید
خیلی ممنون از این آموزش ، دستتون درد نکنه واقعا
تو یه سایت دیدم که به این شکل آموزش داده بود
آیکون رو منتقل کنید به قالب و در آنجا اسم آیکون را به این شکل favico تغییر بدین ، درست میشه
تعجب برانگیز بود
نویسنده: جواد
زمان: ۱۶:۰۱:۰۷ - تاریخ: ۱۳۹۲/۱۰/۰۴
سلام و درود فراوان
طبق آموزش آیکون رو ثبت کردم و در کروم و موزیلا نمایش داده شد
اما نمیدونم چرا تو اکسپلورر درست نمیشه
پاسخ: 
استاندارد آیکن را در نرم افزار طراحی بر روی 16 در 16 True Color قرار دهید (سایر استانداردها را نیز تست کنید).
نویسنده: فرزاد
زمان: ۱۷:۱۳:۱۰ - تاریخ: ۱۳۹۲/۱۰/۲۶
ممنون خوب بود
زمان: ۱۶:۴۳:۵۲ - تاریخ: ۱۳۹۲/۱۱/۰۴
دمتون گرم
خیلی مرسی
نویسنده: fereshte
زمان: ۱۱:۰۸:۱۶ - تاریخ: ۱۳۹۲/۱۲/۰۶
سلام
من سایت و هاست اختصاصی دارم اما نه با کد و نه با آپلود مستقیم توی قسمت public_html باز هم درج نمیشه. مشکل از چیه؟؟
پاسخ: 
ظاهرا فایل favicon.ico در ریشه سایت شما وجود ندارد!
این آدرس را تست کنید:
www.fookachoob.com/favicon.ico
نویسنده: Tarlan
زمان: ۱۱:۳۸:۰۷ - تاریخ: ۱۳۹۲/۱۲/۲۳
چه طوری کد ها رو بدون تغییر تو text area بزاریم؟؟
پاسخ: 
آموزشی مرتبط با این موضوع در سایت وجود دارد، لطفا عبارت "لوگوی حمایتی" را در قسمت جستجو وارد کنید.
نویسنده: مهدی معینی
زمان: ۱۶:۲۸:۵۵ - تاریخ: ۱۳۹۳/۰۱/۰۳
سلام
من تمام مراحل رو درست انجام دادم ولی آیکون در فایر فاکس نمایش داده نمیشه
چی کار کنم؟؟؟
پاسخ: 
آیکن را با اندازه 16×16 پیکسل و با استاندارد رنگی True Color بسازید، ظاهرا آیکن فعلی به این صورت نیست، در صورتی که با این روش هم مشکل حل نشود، مسئله به سایت میهن بلاگ ارتباط دارد.
نویسنده: farzam
زمان: ۲۰:۴۷:۵۸ - تاریخ: ۱۳۹۳/۰۱/۰۶
سلام برای من هیچ مرورگری نشون نمیده اگه میشه کمکم کنید
پاسخ: 
پارامتر
type="image/x-icon"
در دستور شما وجود ندارد! در صورتی که با افزودن آن نیز مشکل حل نشد، دقت کنید که فایل ico با استاندارد 16 در 16 پیکسل و به صورت True Color باشد.
نکته: آیکن شما در حال حاضر در مرورگر فایرفاکس نمایش داده می شود (سایر مرورگرها تست نشده).
more لطفا پیش از ارسال یادداشت نکات زیر را مد نظر داشته باشید:
- مواردی که به کلی خارج از موضوع این مطلب هستند را در فرم منوی "تماس با ما" مطرح و پاسخ را از طریق ایمیل دریافت کنید.
- به سوالات کلی، مبهم، غیرضروری و مشکلاتی که تلاشی برای رفع آن نکرده باشید پاسخ کوتاه و مختصر داده خواهد شد!
- کدها و اسکریپت های طولانی را ترجیحا در یک صفحه وب آنلاین قرار دهید تا امکان تست و بررسی وجود داشته باشد.
- تمام یادداشت ها بررسی و برای هر کاربر زمان مشخصی جهت پاسخگویی در نظر گرفته می شود، لطفا از طرح سوالات متعدد در بازه زمانی کوتاه خودداری کنید.





3 × 2
 refresh
آخرین دیدگاه ها
more برای دسترسی سریع به یادداشت مربوطه می توانید از لینک مطلب در کادر زیر استفاده کنید.
form Oliver
در:
چطوری دستور background رو برای جدلمون عکسش رو تنظیم کنیم و بهش طول و عرض بدیم
۱۶:۰۷:۱۷ ۱۳۹۹/۰۴/۱۸

form محمد
در:
با عرض سلام ببخشید چطوری میتونم واسه اشتراک کاربر انقضا بزارم مثلا یک ماه داخل دیتابیس ردیف تایم رو درست کردم البته تاریخ رو تبدیل...
۱۹:۱۴:۵۹ ۱۳۹۹/۰۴/۱۵

form آیدا
در:
سلام من در حال طراحی با html هستم اما طبق فیلم آموزشی پیش میرم از یه جایی به بعد هم تغییرات اعمال نمیشه...
۲۲:۴۷:۴۴ ۱۳۹۹/۰۴/۱۴

form علی
در:
سلام اگه میشه یه تکه کدی بفرستید که کاربر نتونه عکس مورد نظر رو دانلود کنه و با نگه داشتن روی عکس فقط لینکو ببینه...
۰۹:۳۰:۴۹ ۱۳۹۹/۰۴/۱۴

form sina2000
در:
با سلام و خسته نباشید طبق کد زیر استفاده میگه متغیر Pdc برای PDO است لطفا نمونه کد برای لایبرری...
۱۵:۰۳:۵۱ ۱۳۹۹/۰۴/۱۳

form محمد امین
در:
سلام ممنون از مطلبتون ببخشید من یه سایتی با شی گرایی کامل زدم الان میخوام آدرسشو بهینه کنم آدرس الان من به این صورته:...
۱۸:۲۸:۲۴ ۱۳۹۹/۰۴/۱۱

form ترنم
در:
سلام وقتتون بخیر ببخشید من کدهای مربوط منو و زیر منو رو نوشتم ولی موقع اجرا منوی اصلی رو میاره ولی زیر منوها رو...
۱۱:۰۶:۲۹ ۱۳۹۹/۰۴/۱۱

form ا
در:
سلام چرا وقتی مطالب مربوط که تو وبلاگم هست رو جستجو میکنم نمیاره ؟؟؟
۲۰:۳۱:۰۸ ۱۳۹۹/۰۴/۰۷

form amir
در:
سلام من اگه بخوام با وارد کردن یه id داخل یک text کل اون ردیف پاک بشن باید چه کنم مثلا یک text دریافت میکنم...
۰۱:۴۸:۰۵ ۱۳۹۹/۰۴/۰۷

form محمدباقر حسیبیان
در:
من این مشکل برام پیش اومده که موقع ورود به پروژه م توی لوکال هاست wamp صفحه سفیده و هیچی رو نشون نمیده و کد...
۱۶:۴۲:۳۸ ۱۳۹۹/۰۴/۰۶

form ...
در:
سلام دو سایت نوشته ای مربوط به من رو چند سال قبل لینک دانلود قرار دادن من ازشون خواستم بردارنش ولی اینکارو نکردن سایت...
۱۷:۲۶:۴۲ ۱۳۹۹/۰۴/۰۵

form مجتبی
در:
سلام میشه یک کد جاوا رو به php تبدیل کرد تا لود سایت سریع تر بشه؟
۱۳:۰۴:۲۳ ۱۳۹۹/۰۴/۰۴

form متین
در:
سلام ؛ من تازه شروع به یادگیری کردم ؛ مطلب بسیار کاربردی بود ؛ ممنون از شما دوست عزیز.
۰۱:۵۰:۰۵ ۱۳۹۹/۰۴/۰۴

form mahdi
در:
سلام استاد عزیز و گرامی امیدوارم که حالتون خوب باشه ، اگه براتون ممکنه لطفا یه آموزش خوب در زمینه وردپرس بهم معرفی کنید ،...
۲۱:۴۸:۱۳ ۱۳۹۹/۰۴/۰۳

form امید
در:
در برنامه نویسی کاربر با چه دستوری میتواند به صفحه اصلی برگردد
۱۹:۰۶:۵۶ ۱۳۹۹/۰۴/۰۳
form ali
در:
با سلام من یک پروژه طراحی کردم میخوام که وقتی کاربر روی ادامه مطلب کلیک کرد در خود صفحه بقیه مطالب را ببینه...
۱۸:۴۷:۲۲ ۱۳۹۹/۰۴/۰۳
form علی
در:
سلام و تشکر از زحمات ارزشمند شما احتراما بنده امروز از یک شماره تلفن ثابت از طریق یک رایانه و یک موبایل به طور...
۱۸:۰۱:۱۰ ۱۳۹۹/۰۴/۰۳
form oscar
در:
درود. اگر بخوایم در نمایش تاریخ و زمان که به صورت لحظه ای خودش در صفحه رفرش میشه، فقط عبارت " Mon Jun 22 2020...
۱۵:۵۹:۳۲ ۱۳۹۹/۰۴/۰۲
form علی
در:
با سلام چطور میشه فقط یک صفحه مورد نظرمون رفرش بشه نه همه صفحات سایت
۰۰:۰۳:۴۱ ۱۳۹۹/۰۳/۳۱
form Farzad
در:
الان وقتی فایل رو میخواد دانلود بکنه از خودش فایل میسازه ، به این صورت یعنی بعد از پوشه file هر پوشه ای باشه...
۱۸:۵۶:۲۱ ۱۳۹۹/۰۳/۳۰
form Farzad
در:
سلام ، خسته نباشید من فایل هایی که در هاست میزارم به این شکل هست: یعنی مشخص نیست فایل ها تو چه پوشه...
۱۳:۳۳:۴۰ ۱۳۹۹/۰۳/۳۰
form شیما طیبی
در:
سلام خیلی مطلب مفیدی بود . همیشه به وبلاگ نویسی به چشم یه کار خسته کننده نگاه میکردم ولی خب یه مقدار نظرم تغییر کرد....
۲۳:۵۲:۳۲ ۱۳۹۹/۰۳/۲۹
form احسان
در:
سلام من یک کد اسکریپت دارم که به صورت عددی تبدیل شده است. میخواستم بپرسم چطوری میتونم اسکریپت به حالت اولیه نوشته شده برگردانم و...
۲۱:۰۲:۱۳ ۱۳۹۹/۰۳/۲۷
form علی
در:
ممنون از پاسختون اما روش بالا جهت دانلود فایل کاربرد داره . من میخواستم به صورت استریم ویدئو پخش بشه اما آدرس مستقیم ویدئو...
۰۰:۳۷:۴۶ ۱۳۹۹/۰۳/۲۷
form محمد
در:
سلام مجدد ببخشید طبق فرمایش شما من در دیتابیس جدولی ساخته بودم فقط مشکلم اینجاست چطوری میتونم توسط کوکی یا سیشن با تابع دیت انقضا...
۲۲:۳۸:۰۳ ۱۳۹۹/۰۳/۲۵
form محمد
در:
با عرض سلام ببخشید چطوری میشه واسه اشتراک خریدن زمان ۱ ماهه گذاشت که بعد از گذشت ۱ ماه پیام بده دوباره اشتراک تهیه کنید...
۱۳:۱۳:۵۵ ۱۳۹۹/۰۳/۲۵
form ehsan
در:
سلام و خسته نباشید. من قالب جدید تهیه کردم ولی ایکن هاش کار نمیکنن. اگه وبلاگم نگا کنین متوجه میشین. ایکن شبکه های اجتماعی...
۱۷:۱۹:۴۰ ۱۳۹۹/۰۳/۲۴
form ملیکا
در:
سلام به شدت کمک میخام
۱۶:۳۱:۱۰ ۱۳۹۹/۰۳/۲۱
در انتظار بررسی: ۰