تبلیغات در اینترنت

تبلیغات در اینترنتگیفت کارت گوگل پلی
نمایش نتایج: از 1 به 2 از 2

مقاله: اختصاص چند لینک به یک تصویر )image map ( با استفاده از وبسایت http://www.image-maps.com

    1. اختصاص چند لینک به یک تصویر )image map ( با استفاده از وبسایت http://www.image-maps.com »

      اختصاص چند لینک به یک تصویر )image map ( با استفاده از وبسایت http://www.image-maps.com

      نگارش: , by (کاربر سایت)
      2011/11/10 04:52 PM
      امتیاز:  (1 رای ، میانگین : 5.00 )

      درود!
      توی آموزشی که به تازگی در مورد منوی پایین سایت گزاشتم اینجا خیلی از دوستان میخواستن بدونن خودشون چطور میتونن به یک تصویر چند لینک بدن که در آموزش زیر به طور کامل و تصویری به اون میپردازیم :

      در اصطلاح اینجور عکس هارو بهش map میگن
      آموزش ساخت map با استفاده از سایت image-map

      1.ابتدا وارد سایت شوید http://image-maps.com و عکس مورد نظر خودرا یا آپلود کنید و یا لینک دهید :


      چند ثانیه صبرکنید و پس از اینکه لینک زیر به نمایش در آمد بررویش کلیک کنید :


      3.در اسطلاح سطحی که با رفتن روی آن میتوان کلیک کرد و به لینکی دیگر وارد شد را Hot Spot میگویند پس برای ساخت هات اسپات مسطتیلی شکل گزینه Rectangle را انتخاب کنید


      4.مستطیل به نمایش در آمده را با شکل مورد نظر فیت کنید . فیلد اول برای لینک مورد نظر است و فیلد دوم برای اینکه وقتی موس برروی هات اسپات میرود چه توضیحی نشان داده شود.. :

      5.در صورتی که میخواهید با رفتن موس برروی آن هات اسپات تغییری در عکس ایجاد شود (به طور مثال آن منطقه روشن تر شود یا بزرگترو یا...) گزینه زیر را فعال کنید و در فیلد اول آدرس عکس دوم را وارد کنید مثلا اگر میخواهید بارفتن موس برروی هات اسپات آن منطقه روشن تر شود باید عکسی در اندازه عکس اصلی بسازید و فقط آن نقطه مورد نظر را روشن تر کنید (امیدوارم مبهم نگفته باشم!) یعنی وقتی موس برروی آن نقطه نیست عکس 1 نشان داده میشود و بارفتن موس برروی آن نقطه عکس 2 پدیدار میشود


      **.حالا میریم سراغ ایجاد هات اسپات برای نقاطی که مسطتیلی شکل نیستند (چند ضلعی و دایره)
      1.گزینه custom shape را انتخاب کنید:
      2.حالا باید راس های آن شکل را علامت گذاری کنید بطور مثال برای مثلث به این شکل میشود :
      (پاورقی : لینک و توضیحات هم باید در سمت راست وارد کنید)

      3.برای شکلی مانند دایره باید مجموعه نقاطی مانند شکل زیررا انتخاب کنید :

      4.در نهایت برروی گزینه Get Code کلیک کنید

      5. در این صفحه به تب HTML Code برید . قبل از کپی عکس خودرا در محلی مطمئن آپلود کنید و با آدرس عکس جایگزین کنید همچنین محل بزرگی که علامت زدم را نیز پاک کنید



      موفق باشید!
      منبع : وی بی ایران
      تشکر فراموش نشه!!
      ویرایش توسط rainyboy : 2011/11/10 در ساعت 06:41 PM دلیل: توضیحات بیشتر
  1. Top | #2
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    2
    میزان امتیاز
    0

    پیش فرض

    واقعا ممنون . خیلی پست به درد بخوری بود لنگ همین کار بودم کدشو بلد نبودم .

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کسانی که این مقاله را دیده اند از این مقاله ها نیز بازدید کرده اند

  1. اسکریپت آپلود سنتر فارسی تصاویر CF Image Hosting
    توسط General.Silent در انجمن دانلود اسکریپت های صد در صد نال شده
    پاسخ: 16
    آخرين نوشته: 2013/07/14, 10:27 AM
  2. پاسخ: 3
    آخرين نوشته: 2013/01/08, 06:07 PM
  3. پاسخ: 1
    آخرين نوشته: 2012/06/23, 11:26 PM
  4. حذف اشیای درون تصاویر با Image Resize Guide 1.1 Final
    توسط Dark Knight در انجمن گرافیکی
    پاسخ: 3
    آخرين نوشته: 2011/03/05, 12:59 PM
  5. اسکریپت آپلود تصویر Scripteen Free Image Hosting
    توسط havo0d در انجمن دانلود اسکریپت های صد در صد نال شده
    پاسخ: 16
    آخرين نوشته: 2010/12/24, 10:01 PM

کلمات کلیدی این موضوع

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •