جعبه دانلود

جعبه دانلود یک ابزار بسیار کاربردی برای ارائه اطلاعات مربوط به دانلود میباشد یک لرنی های عزیز هم اکنون میتوانید جعبه دانلود بسیار زیبایی را از این پست دریافت کنید و در سایت خود از آن استفاده کنید پیش نمایش را مشاهده و سپس برای توضیحات تکمیلی و دریافت به ادامه مطلب مراجعه فرمایید …

پیش نمایش
 

ابتدا کد زیر را قبل از تگ < /head >در قالب خود قرار دهید .
برای ویرایش این جعبه دانلود به سلیقه خود به نکات زیر توجه کنید
1- برای تغییر عرض این جعبه دانلود مقدار موجود در خط سیزدهم یعنی 400 را تغییر دهید .
2- برای تغییر بک گراند این ابزار لینک بک گراند خود را در خط 39 جایگزین لینک فعلی کنید .
3- برای تغییر آیکون موجود در ابزار لینک آیکون خود را در خط 85 جایگزین لینک فعلی کنید .
4- برای تغییر بولت لینک بولت مورد نظر خود را در خط 113 جایگزین لینک بولت فعلی کنید .
5- برای تغییر رنگ چهار ایتم موجود باید رنگ های مورد علاقه خود را در خطوط 77 و 131 وارد کنید .
6- برای تغییر رنگ لینک هنگامی که موس روی ان رفت باید رنگ مورد علاقه خود را در خط 145 جایگزین کنید
<script type="text/javascript"src="http://dl.1learn.ir/admin/1learn/1learn.js"></script>
<style>
/*
طراحی توسط تیم یک لرن
www.1learn.ir
محمد مهدی محمودی
*/
a{
    text-decoration:none;
}
#download-links {
 
width: 400px;
 
height: auto;
 
background-repeat: repeat;
 
-webkit-border-radius: 10px;
 
-moz-border-radius: 10px;
 
border-radius: 10px;
 
-moz-transition: all 0.5s ease-out 0s;
 
margin-top: 0px;
 
margin-bottom: 0px;
 
margin-right: auto;
 
margin-left: auto;
 
font-size: 14px;
 
text-decoration: none;
 
background-image: url(http://dl.1learn.ir/admin/posts/dlbox3/background.png);
 
paddin-webkit-border-radius: 10px;
 
-moz-border-radius: 10px;
 
border-radius: 10px;
 
g-right: 10px;
 
padding: 15px;
 
border: 1px solid #999;
 
}
 
#download-links:hover {
 
-moz-transition: all 0.5s ease-out 0s;
 
border-radius: 3px 3px 3px 3px;
 
text-shadow: 1px 1px #FFFFFF;
 
-webkit-border-radius: 10px;
 
-moz-border-radius: 10px;
 
border-radius: 10px;
 
}
 
#download-links ul {
 
text-decoration: none;
 
padding: 0px;
 
color: #AFAFAF;
 
font-family: B Yekan,Tahoma, Arial, Helvetica, sans-serif;
 
font-size: 14px;
 
text-shadow: 1px 1px #FFFFFF;
 
background-image: url(http://dl.1learn.ir/admin/posts/dlbox3/download_icon.png);
 
background-position: 30px center;
 
background-repeat: no-repeat;
 
list-style-type: none;
 
height: 120px;
 
margin-top: 0px;
 
margin-right: 0px;
 
margin-bottom: 10px;
 
margin-left: 0px;
 
}
 
#download-links ul li {
 
text-decoration: none;
 
margin: 0px;
 
list-style-type: none;
 
background-image: url(http://dl.1learn.ir/admin/posts/dlbox3/li.png);
 
background-repeat: no-repeat;
 
background-position: right;
 
padding-top: 0px;
 
padding-right: 12px;
 
padding-bottom: 0px;
 
padding-left: 0px;
 
}
 
#download-links ul li a {
 
color: #AFAFAF;
 
font-family: B Yekan,Tahoma, Arial, Helvetica, sans-serif;
 
font-size: 14px;
 
text-shadow: 1px 1px #FFFFFF;
 
}
 
#download-links ul li a:hover {
 
text-decoration: none;
 
color: #CC3333;
 
-moz-transition: all 0.5s ease-out 0s;
 
}
</style>
کد زیر را در قسمت ویرایش کد هر پست قرار دهید .
به توضیحات زیر توجه کنید .
1- متون فارسی ابزار را میتوانید در خطوط 4 و 7 و8 و9 و10 تغییر دهید .
2- لینک های دانلود خود را در خط های 7 و 8 به جای عبارت های ” لینک دانلود ” وارد کنید
<!-- 1learn.ir -->
<div id="download-links">
<div class="download-title" dir="rtl" style="font-family:Tahoma, Geneva, sans-serif;">
لینک های دانلود
</div><br />
<ul dir="rtl"> 
    <li class="download"><a href="لینک دانلود" target="_blank">دانلود</a></li> 
    <li class="download"><a href="لینک دانلود" target="_blank">دانلود</a></li> 
  <li class="size">حجم فایل</li>
 <li class="password">رمز دانلود</li>
</ul><br><br>
</div>
<!-- 1learn.ir -->

فرادرس

برچسب ها : ، ، ، ، ،