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

این جعبه دانلود توسط mohamad_77 طراحی و برای ما ارسال شده است. این جعبه با استفاده از CSS شده و در آن از CSS3 هم استفاده شده است که به همین دلیل در مرورگر های قدیمی عملکرد مناسبی نخواهد داشت.

برای دریافت کد و دمو اینجا کلیک کنید.

-- یا --

این کد را درون head صفحه خود قرار دهید:

<style> #download-box { direction:rtl; width: 220px; background: #c00; padding: 10px 15px; border-bottom: 3px solid #401; border-top: 3px solid #401; color: #000; -moz-box-shadow:inset 0 0 17px #600; -webkit-box-shadow:inset 0 0 17px #600; -o-box-shadow:inset 0 0 17px #600; -ms-box-shadow:inset 0 0 17px #600; -khtml-box-shadow:inset 0 0 17px #600; box-shadow:inset 0 0 17px #600; -moz-border-radius:9px; -webkit-border-radius: 9px; -o-border-radius: 9px; -ms-border-radius: 9px; -khtml-borderradius: 9px; border-radius: 9px; color:#fff; text-shadow:0px 1px 0px #000,0 0 1px #000; -moz-text-shadow:0px 1px 0px #000,0 0 1px #000; -o-text-shadow: 0px 1px 0px #000,0 0 1px #000; -ms-text-shadow: 0px 1px 0px #000,0 0 1px #000; -webkit-text-shadow: 0px 1px 0px #000,0 0 1px #000; -khtml-text-shadow:0px 1px 0px #000,0 0 1px #000; -moz-transition:all 0.7s; -o-transition:all 0.7s; -khtml-transition:all 0.7s; -webkit-transition:all 0.7s; -ms-transition:all 0.7s; transition:all 0.7s; direction:rtl; font:11px tahoma; cursor:default; text-align:right; } #download-box:hover { width: 350px; border:3px solid #401; border-top:1px solid #401; border-bottom:1px solid #401; margin:2px 0; -moz-box-shadow:inset 0 0 25px #900; -webkit-box-shadow:inset 0 0 25px #900; -o-box-shadow:inset 0 0 25px #900; -ms-box-shadow:inset 0 0 25px #900; -khtml-box-shadow:inset 0 0 25px #900; box-shadow:inset 0 0 25px #900; } #download-box a, .download-box a:link { color: #fff; padding: 3px 4px 4px; text-decoration: none; } #download-box a:hover { color: #000; text-shadow: 0 1px 1px #fff; padding: 3px 4px 4px; background-color: #fff; -moz-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; -o-border-radius:3px; border-radius:3px; text-decoration: none; } #download-box li:hover { color: #F9F900; text-shadow:1px 1px 1px #000,0 0 5px #F9F900; -moz-text-shadow:1px 1px 1px #000,0 0 5px #F9F900; -o-text-shadow:1px 1px 1px #000,0 0 5px #F9F900; -ms-text-shadow:1px 1px 1px #000,0 0 5px #F9F900; -webkit-text-shadow:1px 1px 1px #000,0 0 5px #F9F900; -khtml-text-shadow:1px 1px 1px #000,0 0 5px #F9F900; text-shadow:1px 1px 1px #000,0 0 5px #F9F900; } </style>

این کد را درون body صفحه خود قرار دهید:

<center> <div id="download-box"> <h3>«قسمت دانلود»</h3> <ul> <li class="download-link"><a href="http://moisrex.rozblog.com/" target="_blank">دانلود با لینک مستقیم</a></li> <li class="download-other">پسورد : moisrex.rozblog.com</li> <li class="download-other">منبع : کسدتان</li> <li class="download-other">فرمت فایل : html</li> </ul> </div> </center>