دکمه دانلود پیشرفته با کمک CSS

با توجه به اینکه خیلی از دوستان سایت های دانلود دارند و دکمه دانلود بخش اصلی وبشون رو تشکیل میده تصمیم گرفتیم امروز به عنوان یک هدیه یک دکمه دانلود پیشرفته با css براشون آماده کنیم تا با گذاشتن این دکمه حسابی کاربران رو غافلگیر کنند.

این دکمه زیبا که به صورت توسی/نوک مدادی آماده شده (البته از طریق css میتوانید رنگ را تغییر دهید ) به صورتی است که متن “دانلود کنید” با فونت بزرگ به چشم میخورد اما هنگامی که موس روی این دکمه رفت این فونت کوچکتر میشود و نسخه و حجم فایل نمایان میشود. به صورت خیلی زیبا … در صورتی که میخواهید برای وردپرس خود استفاده کنید با تلفیقش با زمینه دلخواه میتوانید یک دکمه اتوماتیک و زیبا آماده کنید
( فایل psd لایه باز هم قرار دادیم ! )
برای دانلود و پیشنمایش همراه ما باشید…

دانلود پیش‌نمایش
آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

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

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

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. همش خوبهفقط نکته منفی اینکه آموزش قرر دادنشو نمیزارید!!
    چه دلیلی داره نمیدونم!

  2. احسنتم.

  3. 10 سال عضو همیار وردپرس

  4. 10 سال عضو همیار وردپرس

    وقتی global رو به ته style.css اضافه میکنم و تو استایلم index رو اضافه میکنم یکی از بیضی ها بالا یکی دیگه که نسخه و اینچیزا شو مینویسه پایین یکی دیگه هم خالیه پایین پایین بالایه هم دانلود کنید با افکتش میاد.
    چی کار کنم؟؟

  5. ممنون

  6. سلام
    ممنون میشم طریقه ی استفاده از این دکمه رو بگید الان یکساله همه دارن کامنت میذارن آموزش بدین شما حتی یه جوابم نمیدید!
    خب حداقل بگید نمیخوام توضیح بدم ما تکلیفمونو بدونیم 😀

    • 13 سال عضو همیار وردپرس

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

  7. درود
    درست و کامل توضیح نمی دید چرا ؟
    لطف کنید “دقیق” بفرمائید “چه کُدهایی” رو “کجا” بایستی بگذاریم.
    نسیه توضیح میدید چرا ؟
    سه ساعته دارم سعی می کنم این دکمه رو وارد سایتم کنم امّا موفّق نشدم.
    دیگران نیز که سئوال می کنند، میگید “کدها رو وارد کنید توی سایتتون”.
    لطفاً لطفاً “دقیــــــــق” بفرمائید “فلان کد” رو “فلان جا” بگذارید، تا اینقدر گیج نشیم..
    عذرخواهی می کنم اگر لحنم کمی تند بود.
    چرا که هرچه کلنجار رفتم، موقّق نشدم. 🙁
    سپاس فراوان

  8. این آموزشی که گذاشتید کاملاً نا مفهومه کاشکی یک آموزش تصویری از گذاشتن این دکمه می گذاشتید.

  9. سلام ممنون از مطلب جالبتون داداش یه سوال فایلو دانلود کردمچجوری به کد تبدیل کنم یعنی .css رو آپلود کردم کجا بگذارم لای کدوم کد یا میخام نمایش بدم چجور در سایت نمایش بدم کمک میکنید؟

  10. سلام اگه میشه یک آموزش کامل در مورد نصب همین دکمه دانلود بدید هی می گید فایل های اضافی رو آپلود کنید و … کسایی مثل من هستن که تازه کارن و نیاز به آموزش کامل برای نصب همین دکمه دانلود دارند.با تشکر.:-)