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

۱۰۱۴

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

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

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

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

<link rel="stylesheet" media="screen" href="https://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>

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

پیش نمایش

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


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

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

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

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

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

ارتباط با ما
Email: info@blog-theme.ir
Adress: IRAN

پیوند ها

best web design software