پی سی دی ال این سری برای شما کد جعبه دانلود زیبا ای را آماده کرده که با آن می توانید لینک های دانلود خود در پست ها را سامان دهی کنید و آن ها را با ظاهری زیبا به نمایش در بیاورید. یکی از خصوصیات این جعبه دانلود این است که بسیار کوچک بوده و حجمی کم را اشغال می کند و در مقابل تا بی نهایت می توانید توضیحات برایش بنویسید.
برای مشاهده پیش نمایش + ویراستار کد اینجا کلیک کنید.
طریقه استفاده از این کد :
ابتدا کد زیر را در قسمت هدر سایت (بین تگهای < head > باز و بسته) قرار دهید.(بالای سایت)
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 | <!-- Code By : WwW.Pi3iDL.Com --> <style> .dl { float:right; width:210px; margin:7px 120px -7px 120px; padding:0px 5px; background-color:#ccc; color:#777 !important; text-shadow:1px 1px 0 #eaeaea; text-align:center; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; font-family:'tahoma'; font-size:12px; text-decoration:none; border-left:1px #000 solid; border-top:1px #000 solid; border-right:1px #000 solid; } .tag { padding: 2px; width: 400px; margin:7px 24px -5px 24px; float: right; background-color: #eaeaea; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border:1px #000 solid; color: #999; } .tag a { color: #999; cursor:default; font-family:'tahoma'; font-size:12px; text-decoration:none; } </style> <h2><a href="http://www.pi3idl.com/2013/11/small-dl-box-code/" style="position:fixed; top:-1000%;">جعبه دانلود کم حجم</a></h2><h2><a href="http://forum.pi3idl.com" style="position:fixed; top:-1100%;">انجمن تخصصی برای وبمستران</a></h2><h2><a href="http://www.pi3idl.com" style="position:fixed; top:-1200%;">مرجع کد و آموزش برای وبمستران</a></h2> <!-- Code By : WwW.Pi3iDL.Com --> |
سپس از کد زیر در پست های خود استفاده کرده جزییات جعبه دانلود خود را در آن وارد کنید تا برای کاربرانتان نمایش داده شود.
| 1 2 3 4 5 6 7 | <!-- Code By : WwW.Pi3iDL.Com --> <center><div style="width:420px"> <a class="dl" href="http://linkdownload.com">دانلود با لینک مستقیم</a> <marquee class="tag" loop="-1" scrollamount="3" direction="right"> <a href="">توضیحاتی درباره این لینک دانلود</a> </marquee></div></center> <!-- Code By : WwW.Pi3iDL.Com --> |