دیتالایف انجین فارسی

تغییر شکل فایل های ضمیمه بصورت jQuery

تاریخ انتشار: 26 خرداد 1389
ارسال کننده: FedoraCore
تغییر شکل فایل های ضمیمه بصورت jQuery


این هک لینک فایل هایی که توسط آپلودر دیتالایف انجین آپلود میکنید رو بصورت زیبا و انیمیشنی در میاره (با استفاده از jQuery )
  • دانلود
  • آموزش نصب
  • سوالات متداول
  • تصاویر
نام فایلحجم فایلتعداد دانلودعملیات
جهت دانلود این فایل، وارد سایت شوید. در صورتی که حساب کاربری ندارید، از طریق صفحه ثبت نام عضو شوید.

فایل ضمیمه را دانلود و در پوشه قالب خود قرار دهید.

فایل 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>

فایل 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);
}
برای ویرایش آیکون مربوط به دانلود چکار باید کرد؟
فایل psd داخل فایل ضمیمه موجود است.
تغییر شکل فایل های ضمیمه بصورت jQuery
41 نفر (41 کاربر و 0 میهمان) از این مطلب تشکر کرده اند.
تشکر
عضو سایت
26 خرداد 1389 - 20:57
خیلی قشنگه موفق باشید
عضو سایت
26 خرداد 1389 - 21:18
افرین
عضو سایت
26 خرداد 1389 - 21:21
ممنون عالی بود loveu
به شدت نیاز داشتم fellow
پ.ن: تست هم شد بدون مشکل

--------------------
عضو سایت
26 خرداد 1389 - 21:32
سلام

خیلی خوبه ولی من سر درنیاوردم این چیه

منظور از آپلودر دیتالایف انجین چیه

یه دمو اگه دارید بزارید ممنون میشم

تشکر flower
مدیر بازنشسته
26 خرداد 1389 - 22:57
Ebrahim,
mr.mahdi,
AHMAD-SE,
ممنون دوستان خوبم
ایشالا مطلب بیشتر میزارم
blogadsir,
یعنی آپلود کردن از طریق آپلود کننده ادیتور مطالب دیتالایف انجین

لینک دانلود رو توی صفحه دمو ببینید

دمو


--------------------
عضو سایت
26 خرداد 1389 - 23:10
بسیار عالیه یه هک بسیاز توپ lol
عضو سایت
26 خرداد 1389 - 23:16
FedoraCore,
دمو رو نگاه کردم، تو IE درست نمایش نمیده !
تو ff قشنگه، موفق باشین flower
عضو سایت
27 خرداد 1389 - 00:10
درسته تویه آی ای دو تیکه شده!
اگه درست بشه عالیه
مدیر سایت
27 خرداد 1389 - 13:38
آقای فرهادینا منتظریم تا شما هم نظر خودتون رو اعلام کنید verylol haha

هنوز منتظریم با نظرات گرانقدرتون ما رو به فیض برسونید donoghted

--------------------
مدیر بازنشسته
27 خرداد 1389 - 13:39
چرا گیرش دادی به فرهادینا یه مدته! am lol

این هم یه بک گراند دیگه واسه دانلود :

http://up.iranblog.com/Files/7e492aaf6936478d8b5e.png

--------------------
عضو سایت
27 خرداد 1389 - 22:03
ممنون . این جور گرافیکی حال میده

--------------------
عضو سایت
28 خرداد 1389 - 11:38
عالیه . تنها مشکلش اینه که توی" آی ای " دو تکه میشه . اکثر افراد هم از این مرورگر استفاده میکنند . اگه بشه درستش کرد حرف نداره . میشه درستش کرد؟
مدیر بازنشسته
28 خرداد 1389 - 16:14
متاسفانه توی لوکال با آی ای من درست نشون میده
چجوری میتونم روش کار کنم؟! belay

width در استایل رو 1 px کم و زیاد کنید ببینید درست میشه؟

--------------------
عضو سایت
28 خرداد 1389 - 19:30
فعلا که نمیرسم چکش کنم . فردا چکش میکنم نتیجه رو میگم .
راستی داشت یادم میرفت . دیروز یه پست داشتید که تم غیر فعال بودن سایت بود . امروز که اومدم توی سایت نبودش !!!
پاکش کردین ؟
مدیر بازنشسته
28 خرداد 1389 - 22:30
darbar,
نه دوست من توی بخش توسعه دادن قالب در قسمت گرافیک موجوده fellow

--------------------
عضو سایت
05 تیر 1389 - 11:22
با سلام من این رو نصب کردم ولی نمی دونم چجوری میشه ازش استفادخ کرد میشه کمکم کنید؟
مدیر بازنشسته
05 تیر 1389 - 12:24
وقتی هنگام ارسال مطلب یه فایل ضمیمه میکنید (توی هاست خودتون آپلود میکنید) بصورت اتوماتیک میاد .

--------------------
عضو سایت
21 تیر 1389 - 11:50
خیلی عالی بود
عضو سایت
19 مرداد 1389 - 10:36
بابا آخرشی خیلی باحاله دستت دردن کنه
Ilove You FedoraCore love
عضو سایت
01 شهریور 1389 - 02:14
توی اکسپلورر چجوری درست میشه پس ؟
عضو سایت
28 اردیبهشت 1390 - 04:49
عالی بود بدون هیچ مشکلی
عضو سایت
07 خرداد 1390 - 05:14
+++++++++++++++A
عضو سایت
12 دی 1390 - 09:22
من از بدلیل کم بود جا فایلی رو نمیتونم ضمیمه کنم از روی سرور دیگه لینک میزارم نمیشه کاری کرد اونجوری هم جواب بده؟
عضو سایت
12 دی 1390 - 10:25
تم من فایل engine.css رو نداره .
این فایلو از کجا بیارم؟
جهت ارسال نظر، فرم زیر را تکمیل نمائید:
نام:*
ایمیل:*
متن نظر:

 
پررنگکج خط دارخط دار در وسط|سمت چپوسط سمت راست|قرار دادن شکلکانتخاب رنگ|پنهان کردن متنقراردادن نقل قولتبدیل نوشته ها به زبان روسیقراردادن Spoiler
کد امنیتی: *