رفتن به مطلب

کد جعبه دانلود فلت


Saberian

پست های پیشنهاد شده

  • مدیریت کل سایت

. این جعبه دانلود بسیار زیبا با رنگ های روشن و آیکون های متحرک هست. این جعبه دانلود دارای افکتی جالبی هست. کارایی این افکت این هست که زمانی که موس بر روی لینک دانلود میرود ، ایکون تغییر رنگ میده، لینک تغییر رنگ میده و جا به جا میشه ، جلوی لینک دانلود یک متن به صورت چشمک زن به نمایش در میاد. و با بازگشت موس از روی آن این اتفاقات بر میگردد به حالت اولیه.

 

 

 

1442730356091.png

 

 

 

 

جهت استفاده ابتدا کد زیر رو داخل قالبتون قرار دهید.

 

<!-- Code by : WwW.20Script.iR --><script src="http://livicons.com/js/jquery-1.9.1.min.js"></script><script src="http://livicons.com/js/raphael-min.js"></script><script src="http://livicons.com/js/livicons-demo-1.3.min.js"></script><style>.pi3idlmainbox{direction:rtl; text-align:right}.box-downloads{background:#f6584c;display:inline-flex;border-radius:1em 1em 0px 0px;width:25%;}.box-downloads b{font-size:25px;margin-top:3px;display:block;float:right;font:13px b yekan,tahoma;color:#f2f2f2;text-shadow:1px 1px 0px #e55247;text-align:right;}.box-downloads span{font-size:25px;margin:3px 6px 1px;display:block;float:right;color:#f2f2f2;text-shadow:1px 1px 0px #e55247;}.download-links{background:#f2f2f2;padding:2px 5px;border-radius:5px 0px 5px 5px;border:1px solid #E5E5E5;}.download-links li:last-child{border-bottom:medium none;}.download-links ul li{transition:all 0.3s ease-out 0s;font:13px b yekan,tahoma;padding:3px 5px;color:#444;margin:2px 0px;border-bottom:1px solid #E5E5E5;list-style:none;}.download-links ul li a{color:#444;text-decoration:none;color:#1a1a1a;transition:all 0.3s ease-out;}.download-links ul li a:hover{color:#e55247;padding:3px 6px;}.download-links ul li p{opacity:0;float:left;transition:all 0.3s ease-out 0s;font:11px tahoma;color:#F6584C;direction:ltr;margin:1px 0px;}@keyframes logo{from{color:#f2f2f2;}to{color:#F6584C}}.download-links ul li:hover p{opacity:0.5;animation:logo 0.6s infinite;}.download-links > ul li:before{font-family:FontAwesome;font-size:13px;margin-left:6px;color:#878787;}</style><h2 style="position:fixed; top:1000%"><a href="https://go.20script.ir/index.php?url= لینک ها تنها برای اعضای سایت قابل نمایش است.  ">کد وبلاگ</a></h2><!-- Code by : WwW.20Script.iR -->

 

 

 

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

 

 

<!-- Code by : WwW.20Script.iR --><div class="pi3idlmainbox"><div class="box-downloads"><span class="livicon" data-n="cloud-down" data-s="30" data-c="white" data-hc="false"></span><b>دانلود باکس</b></div><div class="download-links" itemprop="contentUrl"><ul><li><span class="livicon" data-n="angle-double-left" data-s="20" data-c="silver" data-hc="black" data-hc="true"></span><a href="https://go.20script.ir/index.php?url= لینک ها تنها برای اعضای سایت قابل نمایش است.  " rel="nofollow" target="_blank">دانلود با لینک مستقیم</a><p> Download Now! </p></li><li><span class="livicon" data-n="angle-double-left" data-s="20" data-c="silver" data-hc="black" data-hc="true"></span><a href="https://go.20script.ir/index.php?url= لینک ها تنها برای اعضای سایت قابل نمایش است.  " rel="nofollow" target="_blank">دانلود با لینک غیر مستقیم</a><p> Download Now! </p></li></ul></div></div><h2 style="position:fixed; top:1000%"><a href="https://go.20script.ir/index.php?url= لینک ها تنها برای اعضای سایت قابل نمایش است.  ">کد وبلاگ</a></h2><!-- Code by : WwW.20Script.iR -->

 

 

موفق باشید.

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

بایگانی شده

این موضوع بایگانی و قفل شده و دیگر امکان ارسال پاسخ نیست.

مهمان
این موضوع برای عدم ارسال قفل گردیده است.
×
×
  • اضافه کردن...