وبلاگ شخصی حامد رستمی

طراح وب و رابط کاربری

۵ مطلب با موضوع «آموزش» ثبت شده است

اضافه کردن امکانات جدید به آپلود سنتر (قسمت 1)

 

آموزش اضافه کردن اسم تصادفی به اول نام فایل در آپلود سنتر

 

سلام به همه دوستان ، امیدوارم حالتون خوب باشه.

 

آموزش ساخت آپلود سنتر ساده مون رو که یادتون هست! اگه ندیدین میتونین اینجا مشاهده کنین.

بعد از دریافت کلی پیام مبنی بر اینکه به اسکریپت یه امکان اضافه بشه که اسم فایل های تکراری رو تغییر بده ،
تصمیم گرفتم به اسکریپت یه امکانی اضافه کنم که به اول فایل آپلود شده یه اسم رندم(تصادفی) اضافه بشه.

 

حاشیه : همونطور که میدونین(یا شایدم نمیدونین:D) این اسکریپت نیازی به دیتابیس نداره.


خب بریم سراغ آموزش

 

 

اگه یادتون باشه ما توی فایل up-file.php یه شرطی اضافه کرده بودیم که : اگه فایلی با اون نام در پوشه موجود بود ، خطا بده و بگو که این فایل موجوده

این خط رو میگم:

 


if (file_exists("upload/" . $file_name))
نمایش خطا
{

خب حالا اول به جای اون نمایش خطا میخوایم یه کد جدید اضافه کنیم.
اول از همه یه متغیر اضافه میکنیم که تابع رندم رو انتخاب کنه

$new_name = rand();

 

بعدش میایم میگیم که اسم فایل رو تغییر بده به : " اسم رندم + اسم فایل". بعدش بیا اون فایل رو منتقل کن به پوشه

در php برای تغییر نام فایل از rename استفاده میشه

خب کدمون این شکلی میشه (اینو زیر همون تابع رندم بنویسین)

 

@rename($file_name , $new_name .= $file_name);
move_uploaded_file($_FILES["file"]["tmp_name"] , "upload/" .$new_name);

اون علامت @ که اول rename گذاشتم برای این هست که پیام ها و خطاها رو نشون نده.

بعد از اون یه دستور else هستش ، دوباره همون کدهای بالا رو بهش اضافه کنین.

 

 

$new_name = rand();
@rename($file_name , $new_name .= $file_name);
move_uploaded_file($_FILES["file"]["tmp_name"] , "upload/" .$new_name);

یه چند تا تغییر جزئی دیگه هم باید بدین (البته این واسه اونایی هست که میخوان همون نسخه قبلی رو خودشون ویرایش کنن)

1- توی جداول که ساخته شده برای نمایش اطلاعات (پایین تر از نوشته ی "فایل پشتیانی نشد") : $file_name رو به $new_name تغییر بدین.
2- یه کم پایین تر از اون یه تگ <img> هستش . توی اینجا هم هون کارهای بالا رو انجام بدین.
3- بازم یه سطر پایین تر همون کار رو بکنین.

در ضمن به جای localhost هم آدرس سایت رو بنویسید.

 

دانلود فایل نهایی (ورژن 1.1 اسکریپت)

 

اگه وقت کردم :(  اضافه کردن یه سری امکانات دیگه هم یاد میدم

 

۲۰ بهمن ۹۱ ، ۲۰:۵۹ ۱ نظر موافقین ۳ مخالفین ۰
حامد رستمی

فعال کردن دکمه تایید بعد از پذیرش قوانین با جی کوئری

البته این عنوانی که گذاشتم خیلی مبتدیانه هست. صرفا واسه این گذاشتم که افراد تازه کار هم بتونن جستجوش کنن.

 

فعال کردن دکمه تایید بعد از پذیرش قوانین - جی کوئری

 

نمونه این کدها رو میتونین توی ثبت نام در انجمن ها مشاهده کنین. که یکسری قوانین سایت میاد و شما اگه اون قوانین رو قبول کنین دکمه ثبت نام فعال میشه.

 

خب  حالا ما میخوایم این کار رو با جی کوئری انجامش بدیم.

 

ادامه مطلب...
۱۹ بهمن ۹۱ ، ۱۷:۳۱ ۰ نظر موافقین ۲ مخالفین ۰
حامد رستمی

آموزش ساخت آپلودسنتر ساده با php

آموزش ساخت آپلود سنتر با php

سلام به همه دوستان

امروز میخوام بهتون یاد بدم که چطوری یه آپلود سنتر ساده  با php  بسازین.

سطح این آموزش مبتدی هست . و سعی شده طوری نوشته بشه که اونایی که تازه دارن php یاد میگیرین هم ازش سردربیارن.

سعی کردم  تا اونجایی که امکان داره ساده توضیح بدم و از اصطلاحات تخصصی استفاده نکنم. دوستانی که یه کم کهنه کار هستن به بزرگی خودشون ببخشن.

 

خب بریم سراغ آموزش ،

برنامه هایی مورد نیز:

  1. ویرایشگر ساده متن مثل notepad++  (میتونین از نرم افزارهای طراحی وب مثل dreamweaver  یا aptana studio  و... هم استفاده کنید)
  2. یه برنامه وب سرور هم میخوام(نترسین همون لوکال هاست خودمون :دی). من از Xampp استفاده میکنم.

ادامه مطلب...
۲۵ دی ۹۱ ، ۰۶:۱۷ ۴ نظر موافقین ۲ مخالفین ۰
حامد رستمی

نمایش آیکنهای فرمتهای پیوند داده شده

تا حالا شده به این فکر بیفتید که چطوری میشه وقتی یه لینکی رو که توی سایتتون میزارید کنارش آیکن فرمتش هم نشون داده بشه ؟؟؟!!!

مثلا وقتی یه لینک عکس با فرمت png میزارین ، کنار لینک یه آیکن png باشه (یا هر آیکن دیگر..)

 

این کار رو به سادگی میشه با css انجام داد.

 

 

a[href$="فرمت"]{

background: url(آدرس آیکن) no-repeat right center;

}

 

فقط دقت کنین که هر فرمتی که میخواین تعریف کنین به شکل .png باشه. (یعنی قبل از نوشتن هر فرمت یه نقطه ( . ) بزارین.

۲۰ دی ۹۱ ، ۲۲:۱۸ ۱ نظر موافقین ۲ مخالفین ۰
حامد رستمی

آموزش سه بعدی کردن متن با css

سلام به همه
این اولین مطلبی هست که دارم از وبلاگم منتشر میکنم و امیدوارم که خوشتون بیاد.

شاید تو خیلی از سایت ها دیده باشین که یک نوشته (مثلا عنوان سایت در سربرگ) حالت سه بعدی داشته باشه و براتون سوال پیش اومده باشه که چطوری به نوشته بعد دادن ؟ .
در پاسخ به این سوال باید بگم  با استفاده از text-shadow در css براحتی میشه این کار رو کرد.

در پایان آموزش شما قادر به ساخت چنین متنهایی خواهید بود.
ادامه مطلب...
۱۹ دی ۹۱ ، ۰۶:۱۱ ۰ نظر موافقین ۳ مخالفین ۰
حامد رستمی