آموزش غیر از ویبولتینآموزش های عمومیانجمنبخش عمومی و مفید سایتعمومی

قرار دادن آیکون برای سایت favicon

قرار دادن آیکون برای سایت favicon
قرار دادن آیکون برای سایت favicon
قرار دادن آیکون برای سایت favicon

Favicon مخفف کلمه “Favorites Icon”می باشد و آیکون کوچکی است که در کنار اسم وب سایت شما قرار میگیرد و در قسمت favorites list یا همان Bookmarks بروزر کاربر در کنار آدرس وب سایت قرار می گیرد . حتما تا کنون تصاویر کوچک یا همان آیکون را در کنار نوار آدرس سایت در حال نمایش یا محل نمایش عنوان سایت، در برنامه مرورگر خود دیده اید، این تصویر کوچک اصطلاحا favicon نام دارد. در این مطلب قصد داریم چگونگی قرار دادن این آیکون ریز را به شما آموزش دهیم.

برای انجام این کار دو مرحله باید صورت گیرد: آماده سازی آیکون – قرار دادن کد نمایش دهنده آیکون در کد قالب وبلاگ یا سایت شما شما باید ابتدا یک تصویر 16 در 16 پیکسل آماده کنید. این کار را می توان با استفاده از برنامه های گرافیکی و یا سایت های مخصوص ارائه favicon انجام داد.فرمت فایل تصویری شما حتی الامکان باید یکی از این فرمت ها باشد تا در مرورگر قابل نمایش باشد: ico , png , gif
چنانچه با نرم افزارهای گرافیکی آشنایی ندارید یا امکان طراحی برای شما نیست ، سایتfavicon.cc favicon.cc ‌این امکان را برای شما به راحتی میسر کرده است. کافی است به سایت مراجعه کرده و آیکون دلخواه خود را بسازید. این سایت قابلیت تبدیل تصویر مورد نظر شما به favicon را نیز دارد.
با توجه به اینکه در favicon محدودیت نمایش تعداد رنگ وجود دارد ممکن است طرح شما چندان چشمگیر در نیاید، پس نمی توان از گرافیک بالا یا جزییات زیادی بهره برد.
پس از طراحی در آن سایت ، فایل favicon را دانلود کنید. فایل دانلود شده بدین نام خواهد بود : favicon.ico
این فایل را در یک فضا آپلود کنید و آدرس آن را در کد زیر قرار دهید:

<link href=”http://adres-shoma/blogskin.ico” rel=”shortcut icon”>

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

سلام

من بعد از عوض کردن نام دامنه این آیکن بغل آدرس سایت اومد هر چی میگردم توی سی پنل پیداش نمیکنه کسی میدونه در سی پنل میتونه کجا باشه

اینم آدرسش هستش

http://www.fcchat.ir/favicon.ico

توی cpanel dh aیا admincp
باید برید توی استایل ها و قالب ها>جستجو
بعدش جستجو کنید Headinclude و
<link href=”http://adres-shoma/blogskin.ico” rel=”shortcut icon”>
رو عوض کنید به آیکون جدیدتون

نقل قول نوشته اصلی توسط HiDd#N
توی cpanel dh aیا admincp
باید برید توی استایل ها و قالب ها>جستجو
بعدش جستجو کنید Headinclude و
<link href=”http://adres-shoma/blogskin.ico” rel=”shortcut icon”>
رو عوض کنید به آیکون جدیدتون

این آدرسی که شما فرمودین را من پیدا نکرم من از موقعی که اسم دامین را تغییر دادم انجوری شده قبلا که یه اسم دیگه داشت اینجوری نبود در سی پنل من فقط همین چند تا فایل وجود دارد ممنون میشم راهنمایی کنید متشکرم

این که جاش تو سی پنل نیست.
داخل ادمین سی پی هست.
ادمین سی پی=====>استایل ها و قالب ها=====>جست و جو در قالب ها=====>Headinclude
CTRL F رو بگیر بعد سرچ کن:
<link href=” rel=”shortcut icon”>
بین ” ” آدرس عکس رو قرار بده.
همین.
موفق باشید.

ondition=”$stylevar[‘favicon’]”>
<link href=” error 404!!!!! rel=”shortcut icon”>

1″>{vb:rawphrase page_x, {vb:raw pagenumber}}-{vb:raw foruminfo.description_clean}” />

{vb:raw facebook_opengraph}

<!–
if (typeof YAHOO === ‘undefined’) // Load ALL YUI Local
{
document.write(”);
document.write(”);
var yuipath = ‘clientscript/yui’;
var yuicombopath = ”;
var remoteyui = false;
}
else // Load Rest of YUI remotely (where possible)
{
var yuipath = ‘{vb:stylevar yuipath}’;
var yuicombopath = ‘{vb:stylevar yuicombopath}’;
var remoteyui = true;
if (!yuicombopath)
{
document.write(”);
}
}
var SESSIONURL = “{vb:raw session.sessionurl_js}”;
var SECURITYTOKEN = “{vb:raw bbuserinfo.securitytoken}”;
var IMGDIR_MISC = “{vb:stylevar imgdir_misc}”;
var IMGDIR_BUTTON = “{vb:stylevar imgdir_button}”;
var vb_disable_ajax = parseInt(“{vb:raw vboptions.disable_ajax}”, 10);
var SIMPLEVERSION = “{vb:raw vboptions.simpleversion}”;
var BBURL = “{vb:raw vboptions.bburl}”;
var LOGGEDIN = {vb:raw bbuserinfo.userid} > 0 ? true : false;
var THIS_SCRIPT = “{vb:raw this_script}”;
var RELPATH = “{vb:raw relpath}”;
var PATHS = {
forum : “{vb:raw vboptions.vbforum_url}”,
cms : “{vb:raw vboptions.vbcms_url}”,
blog : “{vb:raw vboptions.vbblog_url}”
};
var AJAXBASEURL = “{vb:raw ajaxbaseurl}”;
// –>

{vb:raw template_hook.headinclude_javascript}

{vb:cssfile main-rollup.css}
{vb:raw template_hook.custom_css_links}

{vb:cssfile bbcode.css,editor.css,popupmenu.css,reset-fonts.css,vbulletin.css,vbulletin-chrome.css,vbulletin-formcontrols.css{vb:raw template_hook.custom_css_list}}


{vb:cssfile popupmenu-ie.css,vbulletin-ie.css,vbulletin-chrome-ie.css,vbulletin-formcontrols-ie.css,editor-ie.css}

{vb:raw template_hook.headinclude_css}

سلام ببخشید مزاحم شدم این کد قالب Headinclude که هر چه سعی کردم موفق به تغییر ان نشدم.
ممنون میشم یکی از دوستان برای من ادیتش کنند و در اختیارم بگذارند.
ادرس فاو ایکون:taktooti.ir/favicon.ico
با تشکر

درود
این رو بذارین:

کد:


ondition="$stylevar['favicon']">




 1">{vb:rawphrase page_x, {vb:raw pagenumber}}-{vb:raw foruminfo.description_clean}" />



{vb:raw facebook_opengraph}









<!--
if (typeof YAHOO === 'undefined') // Load ALL YUI Local
{
document.write('');
document.write('');
var yuipath = 'clientscript/yui';
var yuicombopath = '';
var remoteyui = false;
}
else // Load Rest of YUI remotely (where possible)
{
var yuipath = '{vb:stylevar yuipath}';
var yuicombopath = '{vb:stylevar yuicombopath}';
var remoteyui = true;
if (!yuicombopath)
{
document.write('');
}
}
var SESSIONURL = "{vb:raw session.sessionurl_js}";
var SECURITYTOKEN = "{vb:raw bbuserinfo.securitytoken}";
var IMGDIR_MISC = "{vb:stylevar imgdir_misc}";
var IMGDIR_BUTTON = "{vb:stylevar imgdir_button}";
var vb_disable_ajax = parseInt("{vb:raw vboptions.disable_ajax}", 10);
var SIMPLEVERSION = "{vb:raw vboptions.simpleversion}";
var BBURL = "{vb:raw vboptions.bburl}";
var LOGGEDIN = {vb:raw bbuserinfo.userid} > 0 ? true : false;
var THIS_SCRIPT = "{vb:raw this_script}";
var RELPATH = "{vb:raw relpath}";
var PATHS = {
forum : "{vb:raw vboptions.vbforum_url}",
cms : "{vb:raw vboptions.vbcms_url}",
blog : "{vb:raw vboptions.vbblog_url}"
};
var AJAXBASEURL = "{vb:raw ajaxbaseurl}";
// -->


{vb:raw template_hook.headinclude_javascript}







{vb:cssfile main-rollup.css}
{vb:raw template_hook.custom_css_links}

{vb:cssfile bbcode.css,editor.css,popupmenu.css,reset-fonts.css,vbulletin.css,vbulletin-chrome.css,vbulletin-formcontrols.css{vb:raw template_hook.custom_css_list}}


{vb:cssfile popupmenu-ie.css,vbulletin-ie.css,vbulletin-chrome-ie.css,vbulletin-formcontrols-ie.css,editor-ie.css}

{vb:raw template_hook.headinclude_css}

تک طوطی||بزرگترین انجمن تخصصی و تفریحی
ببخشید قسمت بالای هدر رو مشاهده کنید یه کدی میاد چجوری باید اونو بردارم؟

روی استایل های دیگه هم همین جوری هست؟

خیر فاوایکون گذاشتیم اینطوری شد!!


(1) قرار دادن آیکون برای سایت و وبلاگ favicon
قرار دادن آیکون برای سایت و وبلاگ favicon


(2) نحوه گذاشتن آیکون برای وبسایت favicon
نحوه گذاشتن آیکون برای وبسایت favicon


(3) اموزش قرار دادن ایکون در کنار اسم سایت
اموزش قرار دادن ایکون در کنار اسم سایت یا وبلاگ favicon


(4) قرار دادن آیکون برای سایت favicon
قرار دادن آیکون برای سایت favicon گروه کامپیوتر دانشگاه آزاد


(5) آموزش قرار دادن آیکون در کنار اسم سایت یا وبلاگ FavIcon
آموزش قرار دادن آیکون در کنار اسم سایت یا وبلاگ FavIcon 5 راه برای راه اندازی یک فروشگاه اینترنتی معرفی 9 مشخصه ای که نباید در یک وب سایت وجود داشته باشند


(6) نحوه گذاشتن آیکون برای وبسایت favicon
وقتی شما favicon برای وبسایتون قرار می دید این آیکون در چند قسمت نشون داده می شه در کنار آدرس سایت در قسمت bookmark هاتون و که در زیر هم یک عکس نمونه قرار دادم


(7) قرار دادن آیکون در کنار اسم سایت یا وبلاگ FavIcon
حتما شما هم Icon یا شکلک هایی که در کنار عنوان سایت ها در مرورگر نمایش داده می شود را دیده اید قرار دادن آیکون در کنار اسم سایت یا وبلاگ FavIcon - انستیتو انفورماتیک فنی کار


(8) آموزش قرار دادن Favicon برای سایت - مسترکد
آموزش قرار دادن Favicon برای سایت - مسترکد


(9) اسم سایت یا وبلاگ
آموزش قرار دادن آیکون در کنار اسم سایت یا وبلاگ FavIcon


(10) قرار دادن آیکون برای سایت favicon
تا حالا حتما آیکون های کوچک کنار آدرسهای سایت ها در نوار آدرس مرورگر رو حتما دیدید. به این آیکون ها favicon می گویند. برای ایجاد یکی از همین آیکون ها

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

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

دوازده − ده =

دکمه بازگشت به بالا