۱۰۲چگونه favicon بسازیم

    16,200 views

   www.taktemp.com

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

در ضمن می تونید favicon رو برای وبلاگ و سایت و حتی اکانتهایی مثل پرشین گیگ بذارید! پس از دست ندید و همین الان یه سر به ادامه مطلب بزنید….

برای گذاشتن فیو آیکن در وبلاگ باید از کد زیر استفاده کنید.جای این کد در بالای قالب و در بالای فایلهای Css هست.(بین <head> و <head/> قرار بدید)

<link href=“http://url/favicon.ico” rel=“SHORTCUT ICON”>

دقت کنید که پسوند یک فیو آیکن باید Windows Icon باشد.یعنی آخرش یک پسوند .ico داشته باشه.

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

بهترین راه اینه که یک تصویر با سایز ۱۶*۱۶ در فتو شاپ بسازید.بعد روش زوم کنید و به راحتی طراحی کنید.دقت کنید که در یک محیط کوچک مثل فیو آیکن باید حرف اول سایتتون یا یه نماد ساده بزارید..

-بعد ازاین که طراحی کردید اونو سیو کنید.اما این که پسوند ایکون نداره؟پس شما باید اونو تبدیل به آیکون کنید.و بهترین برنامه در این زمینه Any to Icon (دانلود) هست که همه چیزو به آیکون تبدیل می کنه…برنامه ای بسیار جالب هست که سعی میکنم واسه دانلود براتون بذارم.اما شما می تونید مستقیما تو یه برنامه مثل IconXP آیکون بسازید و اونو علاوه بر فرمت آیکن با فرمتهای جالب دیگه ای مثل cur اونو ذخیره کنید.

نکته جالب وقابل ذکر:سعی کنید فیو آیکن خودتون رو تو پرشین گیگ آپلود کنید!؟ چون هم فرمتش قابل پذیرش هست وهم تمام عکس های آپلود شده اون فیو آیکن رو به خودشون می گیرن.یعنی شما می تونید با این کار واسه فضاتون هم فیو آیکون بذارید!

اینم یه نمونه فیو آیکن با کدش:

 <LINK REL=”SHORTCUT ICON” HREF=”http://taktemp.com/favicon.ico”>

در ضمن این سایت هم در همین ضمینه هست.عکس آیکون رو به فرمت آیکون تبدیل کنید.(اینم لینک سایتش)

دیگه ما هم چی رو گفتیم.حالا شما هم یه تشکر اون پایین بنویسید بد نیست.

توضیحاتی در باب نویسنده

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

Visit Saeed's Website

آموزش اسرار فتوشاپ به زبان فارسی Photoshop Top Secret

پجموعه پیش رو یکی از کامل ترین و برترین مجموعه های آموزشی در زمینه فتوشاپ می باشد که  ویژگی های خاص این مجموعه آن را از سایر مجموعه های مشابه متمایز نموده، از جمله این ویژگی ها قرار گیری هفت دوره آموزشی Adobe Photoshop CS4 ارائه شده توسط برترین اساتید جهان، به همراه مجموعه ای از نکات و ترفند های کار با فتوشاپ در قالب 101 پروژه آموزشی توسط آقای Mark Monciardini مدرس مجموعه Photoshop Top Secret، همچنین مجموعه ی بی نظیر و نفیس Photoshop Top Secret با زبان و محیط 100% فارسی (با کمترین دستکاری)، در قالب 6 دی وی دی است، که در بسته بندی اختصاصی تقدیم شما می گردد.

چگونه در فتوشاپ کمربند مشکی بگیریم؟!
مجموعه ی نفیس Photoshop Top Secret همان گونه که از نامش می توان حدس زد مجموعه ای کم نظیر، حرفه ای و محرمانه است که دریچه ای از اسرار و ترفند های ناشناخته فتوشاپ را پیش روی کاربران قرار می دهد. اکثر کاربران نرم افزار فتوشاپ همیشه دنبال آموزش ها و در واقع یادگیری نکات جدید و ترفندهایی از این نرم افزار در جهت ارتقاء سطح کار و توانائی های خود بوده اند که این امر باعث بوجود آمدن هزاران سایت آموزشی در این زمینه، کتب مختلف آموزش ترفند ها، نکته ها و نیز دوره های آموزشی با هزینه های بالا تحت عناوینی مانند جلوه های ویژه فتوشاپ و ... شده است. این مجموعه گرانبها که شامل بیش از 18 گیگابایت فیلم آموزش است در بردارنده ی آموزش های فوق العاده کاربردی و حرفه ای در زمینه های مختلفی، مانند آموزش ترکیب تصاویر، ساخت پوستر های سینمایی و تبلیغاتی، آموزش های حرفه ای روتوش تصاویر، ایجاد جلوهای ویژه، ساخت افکت های هیجان انگیز و رویایی، کار با متون، گرافیک وب و Digital Painting و موارد دیگری است. که در ادامه تصاویر آنها، به همراه توضیحات اجمالی از هر آموزش قرار داده شده است.

"کمربند مشکی" در نرم افزار Adobe Photoshop را از آن خود کنید !

iconقیمت : 10000 تومان
icon تعداد: DVD 5

پروژه های آموزشی این مجموعه ی نفیس عبارتند از: :: پروژه های DVD 1


alt
Movie Poster Design I : در این پروژه شما با هنر مونتاژ تصاویر افراد که یکی از بارزترین کارها در ساخت پوستر فیلم های سینمایی می باشد آشنا می شوید. Movie Poster Design II : دراین آموزش شما مشاهده می کنید که چگونه با تصاویری بسیار ساده و فقط با اعمال افکت ها و ترکیب تصاویر با یکدیگر پوستر فیلم بسیار حرفه ایی طراحی می شود.

.
altMovie Poster Credits : دراین پروژه شما با نحوه درست نمودن یک بلوک اعتباری یا همان Credit Block واقعی جهت پوستر فیلم های خود آشنا می شوید. Dark Faces : در این پروژه شما با خلق تصویر ترسناک آشنا می شوید که کاربرد این افکت در شکل های دیگر در مجلات و تصاویر تبلیغاتی زیاد می باشد. .
  • ادامه مطلب را بخوانید »

    • ۱۰۲ دیدگاه ارسال شده شما هم دیدگاهتان را ارسال کنید »

      روح الله در گفت:

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

      پاسخ ↓
      mojiri در گفت:

      سلام :

      آقاجون من این کدی که دادی (favicon ) برای وبلاگ دادی رو بردم کپی کردم جایی که گفتی ولی چیزی نیومد .
      چیکار کنم ؟؟؟
      جوابشو تو وبلاگ بصورت نظر خصوصی یا تماس با مدیر – با ما بدین .

      باتشکر از شما …

      پاسخ ↓
      رئوف در گفت:

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

      پاسخ ↓
      amin-anjoman در گفت:

      دستت درد نکنه.
      دستت درد نکنه.
      دستت درد نکنه.
      دستت درد نکنه.
      دستت درد نکنه.
      دستت درد نکنه.
      دستت درد نکنه.
      دستت درد نکنه.
      دستت درد نکنه.
      دستت درد نکنه.
      دستت درد نکنه.
      دستت درد نکنه.

      پاسخ ↓
      احمد خلفی در گفت:

      سلام مرسی از کمک شما

      من یک سوال دارم که هرچی میخوام فکر کنم نمیتونم جوابش و پیدا کنم کمکم کنید

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

      ممنون میشم اگه زیر میزی میخوای میدم ههه

      پاسخ ↓
      علی در گفت:

      ممنون از اموزشتون ولی من هر کاری کردم نتونستم تو بلاگ اسکای انجام بدهم… احتیاج به راهنمای بیشتر دارم اگه امکانش هست

      ممنون ممنون

      پاسخ ↓
      مهدی در گفت:

      مسعود جان دستت درد نکنه
      راستی من هر کاری کردم واسه بلاگفا کار نکرد
      توی قالب وبلاگ لینک آیکن رو گذاشتم وسط اما کار نکرد
      بعد قرار دادم کار نکرد . پایین قرار دادم بازم کار نکرد
      اینم لینک آیکن :
      http://parsaspace.com/files/6275938884/favicon.ico
      ببین این درسته؟ شاید مشکل از همینه:

      ممنون میشم کمکم کنی

      پاسخ ↓
        مسعود رضایی در گفت:

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

      دختر کوچلو در گفت:

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

      پاسخ ↓
      MAJID ART در گفت:

      سلام سعید جان
      دستت درد نکنه ، من همیشه دنبال این میگشتم الان دیدم شما آموزششو گذاشتی

      سعید جان من هرکاری کردی نشد که نشد !!! هرجائی که بلد بودم همون کد نمونه که داده بودین را گذاشتم ولی آیکن قبلی سایت میوفته :(

      سعید جان میدونم باید برای رفع مشکل به فروم مراجعه کنم ،اما باور کن وقتش جستجو برام مقدر نیست ،اگه میشه از طریق ایمیل راهنمائیم کنید !

      لینک مطلب را هم از طریق ایمیل برام برسونی ممنون میشم .

      ” در ضمن وبلاگ من سرورش (رویا بلاگ ) هست که تمام کدهایی که در بلاگفا کار میکنه ، در اینجا هم قابل قبوله “

      پاسخ ↓
      Ali در گفت:

      سلام.
      خسته نباشید.
      ممنون از این آموزش.
      شما گفتین بین تگهای head بزاریم اما فایده ای نداره.
      اگه ممکنه راهنمایی کنید.
      در ضمن من از کد دوم استفاده کردم.
      با سپاس.

      پاسخ ↓
      مائده در گفت:

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

      پاسخ ↓
      benyamin در گفت:

      آقامن نمی دونم چطوری آیکونی که ساختم رو قراربدهم
      بــــــــــــــــــنــــــــــــــیــــــــامــــــــــیــــــــــــــن

      پاسخ ↓
      جواد در گفت:

      خیلی ممنون از این که برنامه any to icon رو برای دانلود گذاشتین اگه ممکنه در میل طریق ساخت آن را بنویسید ممنون میشم.
      از طرفی این برای من جالب که بتونم از طریق این برنامه وبلاگ خود را درست راست کنم.

      پاسخ ↓
      احسان در گفت:

      من وبلاگی در بلاگفا دارم که کدهای قالبش رو از خودتون گرفتم.اما این کد را هر جا قرار مدم کار نمیکنه…خواهشا توضیح بدید…

      پاسخ ↓
      ماهر در گفت:

      سلام تو رو خدا اگه میشه به من بگو که چطوری فایل رو برای دانلود بزاریم یا اگه میشه برام اموزش رو برام از ایمیل بفرست ممنون .

      پاسخ ↓
      Arezoo در گفت:

      Salaaam Doste Khooobaam ,, Maan Kheili Dooost Daaraam Icon ii Ro Ke Doooroos Kardaaam To Weblogaam Gharar Bedaam Vali Ba In Ke Upload Kardaam Ba FormaT e .ico Baazam Vaghti To Ghalebaam Gharaar Midaam Chiizi Kenare URL Ghaarar Nemigire ,, Mamnoon Mishaam Age komakam Kooni !

      پاسخ ↓
      sahar در گفت:

      سلام
      من فیو آیکن طراحی کردم و با پسوند ico دارم ولی نمی تونم هیچ جا آپلودش کنم . می شه لطف کنید آدرس دقیق پرشین گیگ ور بذارید لطفا
      بازم ممنون

      پاسخ ↓
      ramin در گفت:

      رفیق خلیلی باحاله دستت درد نکنه واقعه بدردم خورد
      سایت فقط تک تمپ دوستدارم تک تمپ
      راستی کمک خواستی به ما ایمیل بزن
      رامین

      پاسخ ↓
      manabse در گفت:

      دستت درد نکنه، خیلی عالیه، فقط یک سایت هم ادرس بده که بشه اون را اپلود کنیم و عضویتش هم دردسری نداشته باشه! این سایت باید یکی از اعضای اون برات دعوت‌نامه بفرسته که کسی هم پیدا نکردم؛ منظورم این سایته:
      http://www.html-kit.com/favicon

      پاسخ ↓

    ارسال دیدگاه