تبلیغات
دانلود آثار سینمایی دفاع مقدس - قرار دادن عكس كنار آدرس وب(4)








 

هـدف بـسـط و نـشـر آثـار مـانـدگـار دفـاع مـقـدس و انـقـلاب اسـلامـی اسـت و بـس ...
 

    
قرار دادن عكس كوچك در كنار آدرس سایت :
   



برای گذاشتن عکس کنار آدرس سایت ابتدا وارد سایت زیر می شوید:

http://www.favicon.cc

به قسمت Import Image میروید

عکس مورد نظرتون رو اونجا آپلود کنید

حالا روی Download Faviicon کلیک کنید و فایل رو دانلود کنید

این فایل جدید رو توی یک سرور آپلود کنید

حالا میرید توی وبلاگتون در قسمت ویرایش قالب و بعد از خط خط زیر رو قرار بدبد:

LINK REL="SHORTCUT ICON" HREF="favicon.ico">

و به جای favicon.ico آدرس فایل آپلود شده رو قرار می دید .


======================================
 آموزش قرار دادن  فاوآیکن Favicon در سایت یا وبلاگ


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

 
1 ) برای قرار دادن Favicon به کنار آدرس سایت . باید یه تصویر ۱۶ در ۱۶ پیکسل تهیه نمایید .

برای انجام این کار برنامه هایی مخصوصی هستند که با این برنامه Favicon  را ایجاد کرد . خوب اگر برنامه ایی در این زمینه ندارید میتوانید از سایت های آنلاین کمک بگیرید .

برای انجام این در گوگل جستجو کنید .

2 ) اگر از طریق سایت های آنلاین این کارو انجام دادید . باید Favicon را دانلود نمایید .

3 ) تصویر را آپلود نمایید . اگر وبلاگ دارید میتوانید از سایت هایی مثل Persiangig.com آپلود نمایید .

4 ) حالا به تنظیمات ویرایش وبلاگ خود رفته و کد زیر را در بین تگ های <head> و <head/>  قرار دهید .

 <link href=”http://niaztarin.ir/niaz.ico” rel=”shortcut icon”>

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

================================================

    طریقه قرار دادن آیکن یا عکس کنار آدرس وبلاگ یا سایت


    شاید تا بحال سایت هایی باز کرده باشید که کنار آدرسشون یه آرم یا لوگو هست
    به قسمت favicon می گویند.
    مثلا وقتی موتور جستجوی گوگل را باز میكنید در بالای صفحه و كنار نوار آدرس حتما شكلی شبیه به حرف"g" مشاهده می کنید.



    البته باید بگم که متاسفانه در مروگر اینترنت اکسپلورر ممکنه آیکن ها دیده نـشـه ولی در مرورگرهایی مثل : موزیلا فایرفاکس ، اپرا ، گوگل کروم و ... دیده میشه
    کد زیر بهتر است در قسمت هد قالب (head)باشه
    مانند :
    <head>
    <link href="آدرس آیکن" rel="shortcut icon">
    </head>
    نمایش فایو آیکن در همه مرورگرها مخصوصاً اینترنت اکسپلورر
    با این روش در همه مرورگرها فایو آیکن نمایش داده میشه ، در مرورگر های دیگه نام فایل آیکن هر چی باشه و با هر پسوندی قبول میکنه ، اما در اینترنت اکسپلورر باید حتما نام فایل : favicon و پسوند فایل هم ico باشه
    مثل :

    <link href="http://bernard.persiangig.com/template/aftabgardoon/favicon.ico" rel="shortcut icon">


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

    بهتره که اندازه آیکن هم 16×16 باشه!

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

    نکته دوم : اگر دوباره آیکن نمایش داده نشد ، برای آدرس عکس ، www بزاید.
    مثل :
    http://www.bernard.persiangig.com/te...on/favicon.ico

    نکنه سوم : ممکن است تمامی مراحل درست رفته باشید ولی آیکن نمایش داده نشه :
    سایتتون رو باز کنید و کلید های Ctrl و F5 را همزمان فشار دهید.


    برای همه مرورگرها به جزء اینترنت اکسپلورر:
    اندازه عکس هم 16×16 فرمت یا پسوند عکس هم باید یکی از : jpg یا ico یا gif باشه ...
    ایتدا عکس خود را آپلود کنید ، سپس در کد زیر بجای نوشته قرمز رنگ آدرس عکس رو قرار بدید
    <link href="آدرس آیکن" rel="shortcut icon">

=================================================

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


حتما تا کنون تصاویر کوچک یا همان آیکون را در کنار نوار آدرس سایت در حال نمایش یا محل نمایش عنوان سایت، در برنامه مرورگر خود دیده اید، این تصویر کوچک اصطلاحا favicon نام دارد. در این مطلب قصد داریم چگونگی قرار دادن این آیکون ریز را به شما آموزش دهیم.

برای انجام این کار دو مرحله باید صورت گیرد: آماده سازی آیکون – قرار دادن کد نمایش دهنده آیکون در کد قالب وبلاگ یا سایت شما

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

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

این کد را باید حتما بین عبارت های <head> و </head> قرار دهید (در سطر های اول کد قالب عبارت <head> را پیدا کنید و کد آیکون را در سطر بعدی این عبارت قرار دهید)



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

==================================================

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

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

چگونه یک آیکن برای قرار دادن در نوار آدرس بسازیم؟


برای ساخت یک آیکن با فرمت ico نیاز به برنامه هایی تحت عنوان سازنده آیکن دارید برای مثال axialis iconworkshop انتخاب مناسبی است، سپس در فتوشاپ آیکنی در ابعاد 16×16، 32×32 یا 64×64 پیکسل با طرحی دلخواه و با فرمت png بسازید (در نهایت ما به اندازه 16×16 پیکسل نیاز داریم)، سعی کنید از ترکیب رنگی یک دست و به صورت متمایز استفاده کنید، مثلا از رنگهایی که شباهت زیادی به هم دارند یا از سایه ها کمتر استفاده کنید، چرا که با کوچک شدن آیکن، وضوح تصویر نیز کاهش می یابد و ممکن است فرم مورد نظر را از دست بدهد، آزمون و خطا روش خوبی است تا به انتخاب ایده آل خود نزدیک شویم؛ سپس تصویر مورد نظر را وارد برنامه سازنده آیکن کنید و با اندازه 16×16 پیکسل و ترجیحا با استاندارد رنگی true colors از آن خروجی بگیرید، آنگاه فایل خروجی را در سروری آپلود و آدرس آن را در لینک زیر جایگزین نمائید و کد را در قسمت هدر صفحه یا قالب (بین تگهای head) قرار دهید.

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


همانطور که گفتیم، فرمت استاندار favicon، فرمت ico است، اما برخی از مرورگرها از فرمتهای دیگر نیز پشتیبانی می کنند، به هرصورت کد زیر به صورت استاندارد برای این کار استفاده می شود.
<link rel="shortcut icon" href="http://yoursite.com/favicon.ico" type="image/x-icon" />

کد قرار دادن آیکن در نوار آدرس، سازگار با برخی از مرورگرها


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

==================================================

آموزش کامل قرار دادن آیکون و تصویر کوچک

 favicon.ico

در کنار آدرس و عنوان سایت و وبلاگ

آموزش قرار دادن آیکون کوچک در آدرس وبلاگ favicon

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

برای انجام این کار 3 مرحله باید صورت گیرد :  آماده سازی  و ایجاد آیکون مورد نظر - آپلود تصویر آیکون  -  قرار دادن کد نمایش دهنده آیکون در کد قالب وبلاگ یا سایت شما

مرحله اول : ایجاد فایل Favicon.ico

شما باید ابتدا یک تصویر ۱۶ در ۱۶ پیکسل آماده کنید. این کار را می توان با استفاده از برنامه های گرافیکی و یا سایت های مخصوص ارائه favicon انجام داد ، فرمت یا پسوند فایل تصویری شما حتما باید ico باشد (  سایز آن هم  بهتر است  16*16 باشد )
چنانچه با نرم افزارهای گرافیکی آشنایی ندارید یا امکان طراحی برای شما نیست ، 
سایت  http://favicon.cc  ‌این امکان را برای شما به راحتی میسر کرده است. کافی است به سایت مراجعه کرده و آیکون دلخواه خود را بسازید. در این سایت علاوه بر امکان رسم و طراحی دستی آیکون شما می توانید تصویر مورد نظر خود را از سیستم خود انتخاب کنید .

در این سایت شما در محل مشخص شده تصویر خود را رسم  و طراحی می کنید و به صورت همزمان در پایین صفحه شکل خروجی آیکون شما نمایش داده می شود ، از قسمت import image هم می توانید فایل تصویری موجود در کامپیوتر خود را به سایت معرفی کنید تا از آن تصویر برای شما فایل favicon.ico ایجاد کند و در نهایت فایل ایجاد شده توسط این سایت ( همانطور که گفتیم به نام favicon.ico خواهد بود  ) را با زدن دکمه Download favicon  که در انتهای صفحه موجود است در سیستم خود ذخیره می کنید .

با توجه به اینکه در favicon محدودیت نمایش تعداد رنگ وجود دارد ممکن است طرح شما چندان چشمگیر در نیاید، پس نمی توان از گرافیک بالا یا جزییات زیادی بهره برد.


مرحله دوم  : آپلود فایل favicon.ico در فضای اینترنت

در این مرحله لازم است که شما فایل تان را در یک فضای اینترنتی رایگان یا اختصاصی آپلود کنید و لینک آن را دریافت کنید ، برای این کار سایت های بیشماری وجود دارند که این خدمات را به صورت رایگان در اختیار شما قرار می دهند من در اینجا آدرس چند تا از آنها را ذکر می کنم ، پس از آپلود فایل آدرسی مانند زیر را خواهید داشت :

http://weblog-skin.persiangig.com/favicon.ico

آدرس سایت های آپلود رایگان  عکس و تصویر  :

مرحله سوم : افزودن کد مربوطه به وبلاگ و وبسایت

در این مرحله بعد از اینکه آدرس favicon خود را که در مرحله قبل بدست آوردید در قسمت قرمز رنگ کد زیر  قرار دادید می توانید آن را به کد وبلاگ و وبسایت خود اضافه کنید .

<link href="http://weblog-skin.persiangig.com/favicon.ico" rel="shortcut icon">

این کد را باید حتما بین عبارت های <head> و </head> قرار دهید (در سطر های اول کد قالب عبارت <head> را پیدا کنید و کد آیکون را در سطر بعدی این عبارت قرار دهید)


آموزش قرار دادن آیکون کوچک در آدرس وبلاگ favicon

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

===================================================




.: Weblog Themes By Pichak :.






تماس با مدیر Online User
لـطـفـا بـه صـفـحـات بـعـدی هـم مـراجـعـه کـنـیـد ***** بـا کـلـیـد کـردن روی نـشـانـه سـمـت چـپ بـه بـالـای صـفـحـه مـیـرویـد