
این هک لینک فایل هایی که توسط آپلودر دیتالایف انجین آپلود میکنید رو بصورت زیبا و انیمیشنی در میاره (با استفاده از jQuery )
تاریخ انتشار: 26 خرداد 1389
آخرین ویرایش: 2 خرداد 1390
ارسال کننده: FedoraCore
برچسب ها: فایل, ویرایش فایل, backgroundposition, heightpx, قالب, aligncenter, باز, خود, قرار, spanstopfadeTo, display, position, spanhover, langatt_dcount, right, widthpx, fontsize
simon.revenge، احسان عابدی و ehsan jahangirzadeh و 38 نفر دیگر تشکر کردهاند.
| نام فایل | حجم فایل | تعداد دانلود | عملیات |
| dle_new-attachment_arlopa.zip | 74,75 کيلوبايت | 634 | دانلود فایل |
فایل ضمیمه را دانلود و در پوشه قالب خود قرار دهید.
فایل engine / modules / functions.php رو باز کنید
کد زیر رو پیدا کنید:
<a href=\"{$config['http_home_url']}engine/download.php?id={$row['id']}{$area}\" >{$row['name']}</a> [{$size}] ({$lang['att_dcount']} {$row['dcount']})
و با کد زیر جایگزین کنید :
<table border='0' cellspacing='0' cellpadding='0' align='center' background='{THEME}/imdown/downlod.png' wight='220' height='84'><tr><td align='center' class='downlod_title'>{$row['name']}</td></tr><tr><td><a href='{$config['http_home_url']}engine/download.php?id={$row['id']}{$area}' class='homebutton'></a><a href='{$config['http_home_url']}engine/download.php?id={$row['id']}{$area}' class='downloadbutton'></a></td></tr><tr><td align='center' class='downlod_footer'>({$size}) ({$lang['att_dcount']} {$row['dcount']})</td></tr></table>
فایل main.tpl قالب خود را باز کنید و بعد از تگ {headers} کد زیر رو قرار دهید :
<script type="text/javascript">
$(document).ready(function() {
$('.homebutton,.downloadbutton').append('<span class="hover"></span>').each(function () {
var $span = $('> span.hover', this).css('opacity', 0);
$(this).hover(function () {
$span.stop().fadeTo(500, 1);
}, function () {
$span.stop().fadeTo(500, 0);});});});
</script>
$(document).ready(function() {
$('.homebutton,.downloadbutton').append('<span class="hover"></span>').each(function () {
var $span = $('> span.hover', this).css('opacity', 0);
$(this).hover(function () {
$span.stop().fadeTo(500, 1);
}, function () {
$span.stop().fadeTo(500, 0);});});});
</script>
فایل engine.css قالب خود را باز کنید و در آخر آن کد های زیر رو قرار بدید :
.downlod_title {
font-family: tahoma;
font-size: 10px;
color: #FFFFFF;
padding-top: 2px;
height: 23px;
}
.downlod_footer {
font-family: tahoma;
font-size: 10px;
color: #FFFFFF;
padding-bottom: 2px;
height: 23px;
direction:rtl
}
.downloadbutton {
float: left;
width:107px;
height:38px;
display:block;
background-image:url(../imdown/twobuttons.png);
background-position: top right;
}
.downloadbutton span.hover{
position: absolute;
display: block;
width:107px;
height:38px;
background-position: bottom right;
background-image:url(../imdown/twobuttons.png);
}
.homebutton {
float: left;
width:120px;
height:38px;
display:block;
background-image:url(../imdown/twobuttons.png);
background-position: top left;
}
.homebutton span.hover{
position: absolute;
display: block;
width:120px;
height:38px;
background-position: bottom left;
background-image:url(../imdown/twobuttons.png);
}
font-family: tahoma;
font-size: 10px;
color: #FFFFFF;
padding-top: 2px;
height: 23px;
}
.downlod_footer {
font-family: tahoma;
font-size: 10px;
color: #FFFFFF;
padding-bottom: 2px;
height: 23px;
direction:rtl
}
.downloadbutton {
float: left;
width:107px;
height:38px;
display:block;
background-image:url(../imdown/twobuttons.png);
background-position: top right;
}
.downloadbutton span.hover{
position: absolute;
display: block;
width:107px;
height:38px;
background-position: bottom right;
background-image:url(../imdown/twobuttons.png);
}
.homebutton {
float: left;
width:120px;
height:38px;
display:block;
background-image:url(../imdown/twobuttons.png);
background-position: top left;
}
.homebutton span.hover{
position: absolute;
display: block;
width:120px;
height:38px;
background-position: bottom left;
background-image:url(../imdown/twobuttons.png);
}
برای ویرایش آیکون مربوط به دانلود چکار باید کرد؟
فایل psd داخل فایل ضمیمه موجود است.
فایل psd داخل فایل ضمیمه موجود است.
آخرین های وبلاگ
- حل مشکل سیستم سوال و پاسخ در ورژن 9.6
- اصلاحیه 21/2/1391 دیتالایف انجین نسخه 9,6
- دیتالایف انجین نسخه 9,6 انتشار یافت
- رفع مشکل عدم نمایش مطالب برتر و تصادفی
- دیتالایف انجین نسخه 9,5 انتشار یافت
- اصلاحیه ۱۳۹۰/۰۷/۲۵ دیتالایف انجین نسخه ۹٫۴
- دیتالایف انجین نسخه ۹٫۴ انتشار یافت
- تغییرات و رفع مشکلات در نسخه ۹٫۳,۱
- راه اندازی ویترین سایت های دیتالایف انجین
- دیتالایف انجین نسخه ۹٫۳ انتشار یافت


اطلاعات