دکمه دانلود حرفه ای با افکت بسیار زیبا
دسته‌ها : کد های کاربردی , منوها و دکمه ها ۱۶ مرداد ۱۳۹۴ - ۶:۳۵ امیر رضائی نظر ۵
خانه کد های کاربردیمنوها و دکمه ها دکمه دانلود حرفه ای با افکت بسیار زیبا

۱۰۱۴

سلام به همه دوستان و همراهان بلاگ تم

در این پست براتون دکمه ای رو آماده کردم که داراری افکت بسیار زیبا و حرفه ای برای استفاده در قالب های شماست این دکمه دارای حجم خیلی پایین هست و حجم کلی قالبتون رو بالا نمی بره

اگه پیش نمایش این دکمه رو ببینید حتما” شما هم خوشتون میاد

کار استفاده هم خیلی راحت و آسون هست فقط کافیه کد زیر رو در قسمت head قالب خودتون قرار بدین:

<link rel="stylesheet" media="screen" href="http://blog-theme.ir/demo/codex/dl-button/style.css" />

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

<div class="button">
<a href="#">دانـلــود فایل</a>
<p class="top">رمز: www.blog-theme.ir</p>
<p class="bottom">28 کیلوبایت</p>
</div>

به همین راحتی امیدوارم که به کارتون بیاد

پیش نمایش

حتما بخوانید  ساخت دکمه ی سه بعدی با html و css

امیر رضائی وبسایت


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

بهترین و راحت ترین راه برای ارتباط با شما کانال تلگرام بلاگ تم

5 دیدگاه برای “دکمه دانلود حرفه ای با افکت بسیار زیبا

  • آریا مقصودی در تاریخ مهر ۸, ۱۳۹۴ گفت:

    خیلی زیباست از همه نظر.
    ولی رمز رو نمیشه کپی کرد 😐
    موفق باشید

    • امــــیر رضائـــی در تاریخ مهر ۸, ۱۳۹۴ گفت:

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

  • مهدی در تاریخ آبان ۱۵, ۱۳۹۴ گفت:

    با سلام و خسته نباشید
    کد دکمه را کجای Head کپی کنم ؟ قالب بهم میریزه و چطوری لینک دانلود تو دکمه قرار بدم ؟
    ممنون میشم راهنماییم کنین
    با تشکر از زحمات شما

    • امــــیر رضائـــی در تاریخ آبان ۱۶, ۱۳۹۴ گفت:

      در پست به طور کامل توضیح داده شده منظور از head مابین دو تگ زیر می باشد:

      <head>
      کد بخش head
      </head> 
      

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

      <div class="button">
      <a href="#">دانـلــود فایل</a>
      <p class="top">رمز: www.blog-theme.ir</p>
      <p class="bottom">28 کیلوبایت</p>
      </div>
      
  • امیر در تاریخ دی ۲۷, ۱۳۹۴ گفت:

    آقا ممنون مشکلمون حل شد

newslatter

با اشتراک در خبرنامه از آخرین آموزش ها و خدمات مطلع شوید !

از عضویت شما در خبرنامه بلاگ تم متشکریم!
best web design software

امتیاز دهید