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

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

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

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

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

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

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

  1. ببخشد چطور سی اس اس رو واردکنم وجای فایل سی اس اس رو تغیر بدم
    لطفا کمک کنید

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

      والا اون بحث قالب میشه ولی از templatepath استفاده کن

  2. چطور این رو تتوی وردپرس بزارم ممنون میشم جوابم رو بدین

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

      با وارد کردن این سی اس اس! و اضافه کردن کد ها

  3. سلام جناب یه سوال این کد ها را کجا و چگونه باید بذارم ممنون میشم راهنمایی کنید

  4. سلام . ممنون از این قرار دادن این مطلب . اما می شه آموزش قرار دادن داخل قالب رو هم بزارید . من که گذاشتم داخل هدر هم css رو فرا خوانی کردم . قالب خراب شد . البته من فایل html رو قرار ندادم .اگه یه راهنمایی کلی کنید ممنون میشم

  5. بسیار عالی و موفق باشید

  6. سلام
    من خیلی گشتم… ببین من یه چیزی می خوام مثل همین دکمه های سایت خودتون … که پیش نمایش و دریافت فایل را پایین مطلبم قرار بدم …
    شما از چه افزونه ای استفاده می کنید ؟؟؟

    میشه راهنمایم کنین؟؟

    • آقای حاجی محمدی …فکر میکردم یه تفاوتی بین ما کاربران قدیمی سایت و بقیه هست … حداقل یه راهنمایی می کردین…

  7. سلام.
    من دو تا سوال در مورد این مطلب داشتم:
    1.وقتی این قابلیت رو به قالب اضافه می کنم فونت تمام قالب تغییر می کنه.
    2.به جای اینکه دکمه به طرف چپ بره به طرف راست میره و نسخه ی دانلود زیرش پنهان میشه.
    موفق باشید/.

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

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

      فایل های اضافی را جایی دیگر آپلود کنید و کد ها را بر اساس آن آدرس ها در وب خود قرار دهید

  9. جالب بود ممنون

  10. چرا این مطالب رو صفحه اول نمیذاری؟
    خیلی حیف هستن…
    مطلب جالبیه 🙂
    منم شانسی از FB اومدم این مطلب رو دیدم.

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

      خب عزیزم باید یه فرقی بین هوادارای ما در سایر شبکه های اجتماعی با غیر هوادارها باشه… البته فقط فیس بوک منظورم نیست بقیه شبکه ها هم هستیم