کدهای جذاب و دیدنی ( Contact Icons Animation ) : حالت هاور زیبا برای آیکونهای تماس با ما

- visibility ۸ mode_comment

در این قسمت میخوام یک کد ( Contact Icons Animation ) جالب رو در اختیارتون بزارم.

Contact Icons Animation

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

بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.

موفق باشید.

یا علی

Source

comment دیدگاه کاربران
moslem shirodi

با سلام وتشکر از سایت خوبتون،بنده دنبال کد html تماس هستم اما تماس اتوماتیک یک شماره خاص نه به صورت tel:09123456789 دنبال این هستم دستور تماس اتومات هم به این کد اضافه بشه،ممنون میشم بنده رو راهنمایی بفرمائیدن.با تشکر

محمد اسفندیاری

متوجه منظورتون نمیشم ….تماس اتوماتیک چیه؟

moslem shirodi

منظورم اینه که با زدن دکمه لینک تماس،مستقیما تماس برقرار بشه و نیاز به زدن مجدد تماس در گوشی نباشه،مثل اجرای خودکار یک کد ussd در موبایل از طریق کد لینک html

مثل کد زیر فقط دستور تماس بهش اضافه بشه

Tel:09123456789

محمد اسفندیاری

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

moslem shirodi

ممنون از راهنماییتون،این کار رو الان در حال حاضر انجام میدن کاربرها،فقط دنبال راهی بودم که مستقیم تماس برقرار بشه و نیاز به تایید و دیدن شماره نباشه،مثلا کد ussd طولانی دارم برای خرید شارژ و نمیخوام مشتری کد رو ببینه

محمد اسفندیاری

متاسفانه من چنین چیزی رو نمیدونم
موفق باشید

moslem shirodi

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

محمد اسفندیاری

تنها کاری که شما میتونین بکنین اینه که این آیکونها رو درون a قرار بدین و بعد درون href اون مقدار tel:123456789 رو قرار بدین. بجای این شماره، شماره مورد نظر خودتون رو قرار بدین. زمانی که بر روی این لینک کلیک بشه، مستقیما صفحه تماس گوشی باز میشه و شماره تلفن مورد نظر شما هم درونش قرار داره، حالا کاربر باید خودش با میل خودش بر روی دکمه تماس کلیک کنه و نمیشه اتوماتیک این کار رو انجام داد….میتونین این لینک رو هم مشاهده کنید:
https://www.elegantthemes.com/blog/tips-tricks/telephone-links-how-to-add-call-able-links-ctas-to-your-website
موفق باشید

نیاز به لاگین

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