آموزش ساخت دکمه راهنمایی ظاهر شدنی با CSS3

سوال و مشکلی دارید؟

● در تلگرام، پاسخگوی شما هستیم :)

صفحه اصلی » آموزش » css3 » آموزش ساخت دکمه راهنمایی ظاهر شدنی با CSS3
برگشت به صفحه اصلی
فروشگاه پروان وب قالب موزیک و سریال پارسبان 2 قالب حرفه ای نوین دانلود

آموزش ساخت دکمه راهنمایی ظاهر شدنی با CSS3

۲ دیدگاه

منتشر شده توسط صالح طالبی در تاریخ ۱۹ آذر ۱۳۹۳
css3 / آموزش

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

اولین گام کد های HTML

خوب اولین کاری که باید انجام بدید باید یه پاراگراف ساده با یه کلاس به نام help-tip در یه div قرار بدید.

خوب این پاراگراف به صورت عادی مخفی هست و هر زمان که موس روی دکمه میاد با کمی انیمیشن زیبا و افکت ظاهر میشه.

دومین گام کد های CSS3

کد های استایل رو می تونید در فایل CSS جداگانه ای قرار بدید و به صفحه ای که دکمه در اون قرار داره لینک کنید یا هم تو همون صفحه با تگ STYLE کد ها رو بزارید.

این هم از کد های CSS3

در ضمن واسه اینکه مرورگر کروم پشتیبانی کنه از کد ها باید کلمه webkit در اول کد های CSS3 گذاشته بشه که ما واستون گذاشتیم اگه دیدید واسه مرورگر های دیگه مثل موزیلا کار نمی کنه کلمه moz ، و برای اوپرا o و برای اینترنت ایکسپلورر ms رو داخل دو خط تیره مثل همون webkit که در خط ۲۳ هست قرار بدید اگه هم مشکلی داشتین حتما بگین که مشکلتون رو برطرف کنم درضمین این اجزا رو واسه هر قسمتی دیگه می تونید استفاده کنید.

در آخر هم یه پیشنمایش از این کد ها به صورت عکس:

inline_help_tooltip

افزونه موشک وردپرس | افزایش شگفت انگیز سرعت سایت

افزونه سئو وردپرس نسخه حرفه ای Yoast SEO Premium کاملا فارسی

افزونه عضویت و ورود کاربران وردپرس


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

مطالب پیشنهادی ما

معرفی 14 اسکنر امنیتی وردپرس برای شناسایی بدافزار و هکرها - بررسی آنلاین امنیت سایت

معرفی 14 اسکنر امنیتی وردپرس برای شناسایی بدافزار و هکرها – بررسی آنلاین امنیت سایت

آموزش / وردپرس
۱ تیر ۱۳۹۷
افزونه و ابزار های بررسی کاربران و همچنین گوگل آنالیز در وردپرس

افزونه و ابزار های بررسی کاربران و همچنین گوگل آنالیز در وردپرس

آموزش / افزونه وردپرس / سئو و بهینه سازی / وردپرس / وردپرس
۲۸ خرداد ۱۳۹۷
نحوه انتخاب کلمات کلیدی مناسب + بررسی رتبه کلمه کلیدی در گوگل

نحوه انتخاب کلمات کلیدی مناسب + بررسی رتبه کلمه کلیدی در گوگل

آموزش / سئو و بهینه سازی / وردپرس
۱۹ خرداد ۱۳۹۷
چگونه به کاربران وردپرس اجازه آپلود تصاویر در نظرات را بدهیم؟

چگونه به کاربران وردپرس اجازه آپلود تصاویر در نظرات را بدهیم؟

آموزش / افزونه وردپرس / وردپرس / وردپرس
۱۵ خرداد ۱۳۹۷

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

صالح طالبی
صالح طالبی

سلام خدمت شما، صالح هستم مهندس نرم افزار ، عضو کوچکی از پروان وب، بیش از 6 سال هست تو حوزه وب هستم و در کنار وبلاگ نویسی در پروان وب، به ارائه خدمات نیز می پردازم، خوشحال میشم اگه سوالی داشته باشید با بنده مطرح کنید.

دیدگـاه ها

۲ پاسخ به “آموزش ساخت دکمه راهنمایی ظاهر شدنی با CSS3”

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

    • سلام محمد امین خان
      خواهش، سایت پرن دیزاین به دلایلی به سایت پروان وب کلا دامنه و نام سایت تغییر کرد. نه ممنون باشه اگه قسمت شد یه سایتی الان در حال طراحیه یه سایت قرض الحسنه اگه بشه میدم رو سرور شما.

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

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

اَللّهُمَّ عَجِّل لِوَلیِّکَ الفَرَج
استخدام نویسنده

پنل کاربری

پکیج های آموزشی

  • پکیج تصویری آموزش فارسی طراحی بنر فلش
    پکیج آموزش طراحی بنر فلش

آخرین های فروشگاه

جدید ترین ها

پست نامه ما

پست نامه پروان وب راه اندازی شد!

با عضویــــت در پسـت نامه ی ما هر روز جدیـدترین پست های سایت را در ایمیل خود داشته باشد و از آنها استفاده کنید عضویت با یه تایپ ساده ایمیلتون انجام میشه !