بروز خطا
   [message]
اشتراک در سوال
رای ها
[dataList]
پرسش و پاسخ

اشتراک پروژه هایی که کامل کردید

مشاهده پاسخ‌ها 10
مدیریت گفتگو
Mr Mehdi 11 سال پیش
آخرین تغییر: 9 سال پیش

این بخش، چیزی بود که واقعا جاش توی سایت خالی بود و برای همین ایجادش کردم

حتما می دونید که برای تسلط روی طراحی وب باید تمرین کنید و فقط به آموزش ها اکتفا نکنید. مثلا من دوست دارم پروژه هایی که استاد در ویدئو ها در نظر دارند رو کامل کنم. این بخش هم دقیقا برای این ایجاد شده که پروژه هایی که تمام می کنید رو به اشتراک بگذارید تا بقیه بتونند سورس هاتون رو بررسی کنند.

توجه کنید که منظور من از پروژه سایت کامل نیست و فقط کافیه فایهای پروژتون رو آپلود کنید

حتما این نکات رو در نظر بگیرید:

  1. حتما چندتا اسکرین شات از UI پروژه قرار بدید و در صورت امکان دموی آنلاین هم قرار بدید
  2. در متن اگر به بعضی از امکانات پروژتون هم اشاره کنید بهتر هست
  3. حتما دیتابیس پروژتون رو Export کنید و در فایلها قرار بدید

نظرات

کاشی زاده 11 سال پیش
دوست عزیز قبلا این تاپیک در این لینک منتشر شده لطفا پروژه هاتون رو در این تاپیک درج کنید . با نشکر
Mr Mehdi 11 سال پیش
فکر می کردم اون بخش برای سایتهایی هست که راه انداختیم نه اینطور پروژه ها. این بخش رو ایجاد کردم که اگه کسی حتی یک اسکریپت کوچک هم نوشته اینجا بگذاره
کاشی زاده 11 سال پیش
البته مانعی نداره ولی میتونید اونجا هم اسکریپت ها و ماژول ها مفید که نوشتید رو به اشتراک بذارید.

پاسخ‌ها 10

Mr Mehdi 11 سال پیش

این پروژه اصلش مربوط به بخش 4 هست اما من یه کم بیشتر روش کار کردم تا یک خروجی قابل قبول داشته باشم

قابلیتهایی که اضافه کردم:

  1. ظاهر جذاب با زبان طراحی متریال گوگل
  2. باز شدن فرم اضافه کردن به دیتابیس بدون رفرش صفحه
  3. انیمشین های جالب؛ مثلا وقتی یک دنبال یک اسم می گردید نوار کپی رایت و لوگو حذف میشن و وقتی فیلد خالی باشه و روی صفحه کلیک کنید بر می گردن. یا مثلا انیمشین اسم من توی کپی رایت و ...
  4. توی دیتابیس می گرده تا اسم کسی رو که دارید شمارش رو اضافه می کنید پیدا کنه و اگه پیدا کرد دیگه اسمش اضافه نمیشه

یادتون باشه حتما فایل دیتابیس که توی فایلها قرار دارم رو Import کنید. یکسری باگهای جزئی هم وجود داره که شاید پیدا کنید حتما بهم بگید اما همه تا حد امکان همه از بین رفتن. فقط هم روی Chrome آزمایش کردم و نتیجه خوب بود 

آپدیت:

  • پشتیبانی از IE و FireFox
  • اضافه شدن فونت Roboto به عنوان فونت اصلی
  • خوانایی بیشتر کدها

حتما دوباره دانلود کنید و نظر بدید
دانلود پروژه 

نظرات

reza piry ghadim 11 سال پیش
اینو چطوری بار گذاری کنیم؟؟ من یه هاست ساختم براش ولی خیلی بد نشون داد که هیچ و این که هیچی رو نمیتونمثبت کنم تون فایل SQL رو باید چیکار کنیم؟
Mr Mehdi 11 سال پیش
من روی کروم درستش کردم و اصلا فایرفاکس ندارم! فایل SQL رو باید برید توی PHPMyAdmin و بعد گزینه Import از بالا رو بزنید فایل رو انتخاب کنید و Go رو بزنید. اگه میشه یه عکس هم بگذارید که چطور نشون داده میشه
Mr Mehdi 11 سال پیش
آپدیت شد. تغییرات رو توی پست نوشتم
reza piry ghadim 11 سال پیش
کاش میشد هر کسی که پروژش رو میزاره یا تو یه نوت پد یا سورس کد هاش توضیحاتی در مورد کد ها هم میداد
Mr Mehdi 11 سال پیش
اگه یه کم روی کدها تغییر ایجاد کنی با Inspect Element قشنگ متوجه کار کد میشی. اما اگه وقت کردم اینطور چیزی درست می کنم
reza piry ghadim 11 سال پیش

توی فایر فاکس خیلی خوب نشون نمیده

ولی تو کروم عالی کار میکنه

عکس الان نمیتونم اپیود کنم

مهدی اگه میخوای انیمشن ها و ترنسفر هات تو فایرفاکس هم کار کنه عین همون ها رو مینویسی ولی این بار به جای -webkit-  اینبار -moz-   بزار برای IE هم بنویس -ms- اگه بخوای کدت تو اکر مرورگر ها کار کنی باید کد هر سه رو بنویسی

ولی پروژت خیلی عالی بود سعی میکنم از روش یکی کار کنم

دستت درد نکنه

نظرات

Mr Mehdi 11 سال پیش
فکر نکنم این موضوع ربطی به انیمیشن ها داشته باشه. همشون با jQuery درست شدند. البته توی IE هم امتحان کرده بودم انیمیشن ها کار می کردند فقط یک peoperty از CSS کار نمی کرد (top)
reza piry ghadim 11 سال پیش
مهدی جان یه background هم برای cancel براز بهتر میشه راستی همه کد ها رو خودت نوشتی از جمله script ها رو؟ خیلی خوب نوشتی
Mr Mehdi 11 سال پیش
این از اصول Material Design هست. برای دکمه اصلی بک گراند بذاری اما برای دکمه هایی که کمتر اهمیت دارند بصورت عادی باشن. اسکریپت ها رو هم خودم نوشتم. همین تیکه 132 خطی رو حدود چهار بار عوض کردم تا کار کنه. داشتم روی کدهای فایرفاکس هم کار می کردم همون کروم هم خراب شد :))
reza piry ghadim 11 سال پیش
عالی بود در کل من خودم چیزه زیادی از جوااسکریپت و JQuery بلد نیستم منبع خوبی داری اگه معرفی کن با اون هم یکم تمرین کنم
Mr Mehdi 11 سال پیش
سایت کد آکادمی که به زبان انگلیسی هست خیلی از زبان های طراحی وب از جمله PHP ، Jquery ، Ruby و ... رو آموزش داده خیلی هم مفید هست حتما امتحانش کن www.codecademy.com/
reza piry ghadim 11 سال پیش
این تگ غیر رایگان چطوری خورده رو مطلبت خودت میزاری تگ رو ؟؟ جریان این تگ دار شدن مطالب چیه؟
Mr Mehdi 11 سال پیش
مدیر فقط می تونه تگ بزنه. فکر کنم محمد حسین زده.
reza piry ghadim 11 سال پیش
مهدی نظرت رو در مورد پروژه من بگو
reza piry ghadim 11 سال پیش

اینم پروژه ای که من برای اموزش های قسمت چهارم کار کرده بودم

 

کار زیاد شاخی نیست در برابر کار اقا مهدی میشه گفت مالی نیست ولی از اندک خواصی که اضافه کردم بهش

1- header و footer نه چندان بد و مناسب سایت

2- embed کردن تمام فونت های فارسی درون سایت و ایجاد کلاس برای هر یک که میتونید از اون ها در سایت خودتون استفاده کنید کاملا اماده سرو اند(فونت ها در سه فرمت ttf وwoffوeot  وجود دارد که کدی هم که توش زدم تقریبا همه جا کار برد داره تو همه مرور گر ها و نسخه های قدیم و جدید به جز سیستم عامل ios اونم نسخه زمان بوقش که svg قبول میکرد فقط که الان درست شده اونم)

3- طراحی نسبتا جذاب

امید وارم خوشتون بیاد و شما هم کاراتون رو اپلود کنید.

اینم لینک پروژه

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

نظرات

Mr Mehdi 11 سال پیش
من درباره کدها چیزی نمی تونم الان بگم چون واقعا وقت می خواد تا بررسی بشه. اما درباره طراحی: طراحیت از اساس مشکل داره D: (البته من خودم حدودا کمتر از 5 سال هست که سعی کردم طراحی وب و فتوشاپ یاد بگیرم و طراحی رو هم تو این چند سال یاد گرفتم). اول از همه پیشنهاد می کنم یا کل سایتت رو فارسی بساز یا انگلیسی. اصولا طراحی ای که درونش از پس زمینه استفاده میشه مربوط به طراحی مینیمال هست لینک (مثل طراحی iOS7 به بعد). رنگ بندیت هم اصلا خوب نیست. هیچوقت از رنگ صورتی و سبز روی پس زمینه بنفش استفاده نکن! (مخصوصا این بک گراند که بعضی جاها رنگ روشن هم شده). اکثر فونتهای فارسی هم برای طراحی وب بدرد نخور هستند ازشون استفاده نکن. غیر از فونت هایی مثل یکان و ... که خیلی ها روش کار کردند و توی اکثر سایتها استفاده میشه. پیشنهاد هم می کنم اصلا توی هیچ طراحی ای از border هایی که انیمیشن دارند (مثلا این دکمه وسط بصورت پیشفرض انیمیشن داره) یا سایه (غیر از طراحی متریال) استفاده نکنی
Mr Mehdi 11 سال پیش
محتوا هم کامل وسط چین نیست! این مشکلی بود که منم تو پروژه ام با فایرفاکس داشتم اما آخرش درستش کردم :))
reza piry ghadim 11 سال پیش
من با مارجین بالا و پایین میکنم اکثرا داداش دمت گرم ها همه مشکل هامو گفتی منم خیلی خوشم اومد ولی خب من دوماه که وارد این طراحی سیت و .. شدم ولی از فردا باید بشینم از پایه و اساس تغیرش بدم که البته نمیدونم از کجا شروع کنم من رنگ بندی و مینیمال ومتریال رو از کجا یاد بگیرم اخه؟
Mr Mehdi 11 سال پیش
متریال خودش سایت داره: لینک مینیمال هم من از روی سایتهای نمونه یاد گرفتم. البته برای مینیمال و متریال خیلی مقاله وجود داره. این لینک رو هم چک کن مقالات فارسی خوبی برای استفاده داره لینک
reza piry ghadim 11 سال پیش
مهدی جان میشه یه مختصر بگی مینیمال چیه متریال چیه؟
Mr Mehdi 11 سال پیش
مثلا ما برای طراحی وب چندین زبان طراحی داریم. PHP، Ruby، Python که مربوط که سمت سرور هستن و HTML و CSS و ... . برای طراحی ظاهر هم زبان طراحی داریم. مثل Flat و Minimal (که توی iOS ازش استفاده میشه) و Material (توی Android از استفاده میشه) و ... که فقط یکسری قوانین دارن برای طراحی. مثلا توی Material می گن برای طراحی وبسایت علاوه بر حفظ سادگی در طراحی و اصول طراحی تخت باید با سایه به طراحی عمق ببخشی و طراحی ای تولید کنی که کاملا به هر حرکت کاربر واکنش نشون بده.
reza piry ghadim 11 سال پیش
جالبه . امید وارم منم بتونم یاد بگیرم
Mr Mehdi 11 سال پیش

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

این هم پروژه مربوط به بخش 3. یه ترکیب از دو استایل Truly Simple و Keep it Simple. 
ساده هست اما قشنگه

حتما نظراتتون رو بگید
لینک پروژه

نظرات

reza piry ghadim 11 سال پیش
چیزه خیلی خاصی نیست که بشه گفت خوبه یا بد ولی کلا من انتخاب رنگ ها تو دوست دارم بعد میشه بگی اون buz دقیقا جطور کار میکنه خیلی باحاله
reza piry ghadim 11 سال پیش
میدونی کدوم تیکشو نمیتونم بفهمم؟ فقط اون درصد ها که نوشتی 10 درصد و بیست و ... اونا یعنی چی ؟
Mr Mehdi 11 سال پیش
خراب شد. این لینک رو بخون yon.ir/jMxs
ARROW 11 سال پیش
پروژه ای که استاد داره کار میکنه رو میشه اینجا آپلود کنید .مال من مشکل داره کلی گشتم اصلا پیدا نشد مشکلش تا ادامه آموزشی ها رو دنبال کنم.
Mr Mehdi 11 سال پیش
من سه فصل آخر رو به خاطر امتحانات فعلا هنوز کار نکردم. بهتر این هست که ویدئوها رو ببینی و به ترتیب با استاد پیش بری نه اینکه از پروژه خود استاد استفاده کنی چون اونطوری زودتر یاد می گیری. اما اروری که گرفتی رو بذار من بهت می گم مشکلش چیه
reza piry ghadim 11 سال پیش
من که هنوز قسمت نه رو کامل تموم نکردم چند روز دیگه امتحانات شروع میشه نمیتونم زیاد کار کنم ولی تا اینجاش مشکلی نداشتم.
ARROW 11 سال پیش
مشکلم حل شد دوستان .
reza piry ghadim 11 سال پیش
دوستان کسی پروژه ای جدید کار نکرده؟
Mr Mehdi 11 سال پیش

خب تقریبا باگ هایی که گفتید رو بصورت موقت حل کردم تا راه حل اساسی پیدا کنم :)

الان هم سایت Down شد و الان یه قالب HTML جدید که احتمالا میخوام توی صفحه اصلیش کار بزارم رو آپلود کردم تا ببینید و ایده هاتون رو بگید. 

لینک

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

خودم فکر می کنم صفحه خیلی خالی هست اگه ایده ای دارید برای پر کردن صفحه بگید. درضمن به متن ها هم توجه نکنید. من دراوردی هست :|

ویرایش: قالب یه ویرایش کلی شد که خیلی بنظر خودم عالی شد. دوستان یه نگاه بندازید :|

نظرات

Mr Mehdi 11 سال پیش
ویرایش شد. ممنون از همه دوستانی که همکاری می کنند :|
محسن موحد 11 سال پیش
قالب خوبی شده.بنظرم بک گروند قسمت ورود میتونه بهتر هم بشه.
Mr Mehdi 11 سال پیش
قضیه بک گراند، اسم سایت هست :) ... پارچه ترمه
Mr Mehdi 11 سال پیش

درود دوستان
این تاپیک داشت خاک میخورد گفتم یه کم بیارمش بالا :)

توی عید یه کم نشستم و هم گام با استاد (!) کد زدم و یه cms نسبتا داغون ساختم :D و میخوام توی یه سایت که بزودی افتتاح میشه از طرف من (!) ازش استفاده کنم اما خب دیدم خیلی نقص داره (مخصوصا امنیتی) اینجا هم زیاد هستن بچه هایی که هم کنجکاو هستن و هم اطلاعات دارن

پس این پروژه رو میزارم تا بچه هایی که میتونن، توی باگ گیری و ارتقا کمکم کنن

  1. اول حتما با یه اکانت ثبت نام کنید و کار کنید تا عضو ساده رو امتحانش کرده باشید
  2. بعد اگه خواستید از اکانت زیر به عنوان ادمین استفاده کنید :)
    id: mahdizakizadeh
    pass: 1111111

لینک

فقط بگم که طراحی خیلی داغون هست و دیدم اگه بخوام طراحیش رو الان کامل کنم خیلی طول میکشه و ایراد طراحی زیاد داره. مثلا آلرت بدون پیام گذاشتم بعضی جاها :) پس کلا ایراد طراحی نگیرید

امکاناتی که داره:

  1. سیستم ساده وبلاگ
  2. سیستم محیط کاربری
  3. سیستم ثبت تیکت 
  4. routing نسبتا خوب

هر نفر هم اگه یه ایراد پیدا کنه یا یه پیشنهاد بده کلی سیستم ارتقا پیدا میکنه :))
ایراد ها رو یا برام پی ام کنید یا همینجا نظر بدید

نظرات

reza piry ghadim 11 سال پیش
اقا مهدی دمت گرم خوشگل بود . منم یکی نوشتم . انشالله اخر این ماه میارمش بالا دوستان ببینند ماله من کلا امنیت نداره ولی یکم زیاده کاری کردم توش. خوب بود در کل . راستی خودمو هم مدیر کل کردم :))))))
reza piry ghadim 11 سال پیش
ایمیل ثبت نام هم رسید . عالی بود :)
Mr Mehdi 11 سال پیش
امیدوارم مال تو مثل من اینقدر داغون نباشه :) البته هنوز اون بخش اصلی ای که قراره بخاطرش سایت رو باز کنم رو کد نویسی نکردم :))
Mr Mehdi 11 سال پیش
اولین باگ پیدا شد. نمیدونم کی بود که اون یوزر سومی رو ثبت کرد اما به هرحال یه باگ پیدا کردش :))
Mr Mehdi 11 سال پیش
دوستان ایده هاتون رو هم بگید برام خیلی ارزش داره :)
reza piry ghadim 11 سال پیش
نفر سومی چطوری تونسته اونجوری ثبت نام کنه؟ ببینم چرا جزئیات رو نمیاره؟
Mr Mehdi 11 سال پیش
فک کنم از باگ XSS استفاده کرده
Mr Mehdi 11 سال پیش
چرا حذفش کردی؟ =))
محسن موحد 11 سال پیش
سلام. آقا مهدی کارت قشنگ بود ادامه بده و سیستمتو کاملتر کن. روی امنیت سیستمت حتما کار کن.من الان بدون داشتن username و password و از طریق باگ sql injection ای که لاگین داشت تونستم لاگین کنم.ان شالله در آینده در این مورد وقت شد مطلبی میزارم توو سایت. نکته ی دیگه الگویی که برای چک کردن email استفاده کردین , بخوبی تشخیص نمیده.من قبلا خودم یک regex خوب نوشتم , خواستین بهتون میدمش. حتما همین چک کردن مقادیری که سمت کلاینت انجام میدین , سمت سرور هم توسط php انجام بدید. جاوااسکریپتو میشه غیر فعال کرد. نکته ی بعدی سیستمی که نوشتی باگ xss داره.من یک آلرت تزریق کردم که نشون داده میشه.حتما این مطلبی که قبلا نوشتمو نگاهی بنداز. لینک موفق باشید.
محسن موحد 11 سال پیش
برای تست sqli داخل تکست باکس username این عبارتو بنویسید و روی ورود کلیک کنید: test' or 1=1;#
Mr Mehdi 11 سال پیش
ممنون از نظرتون. در مورد sql injection اطلاعی نداشتم اما می گردم سریع برطرفش کنم. بله دنبال یک regex خوب هم می گشتم اما فعلا از همین استفاده کردم که کارها سریعتر پیش بره. در مورد xss هم اصلا یادم نبود این رو هم زود درستش میکنم. بازم ممنون :)
Mr Mehdi 11 سال پیش
دیگه مدیر سایت نمیاد از باگ xss بر علیه خودش استفاده کنه :| آخه چرا عنوان مطلب وبلاگ رو عوض کردید؟ =))
Mr Mehdi 11 سال پیش
جالب بود. فکر می کردم وقتی جلوگیری کردم از دسترسی به فایل php دیگه باگ sqli بوجود نمیاد
محسن موحد 11 سال پیش
تو مسائل امنیتی همه ی روزنه ها باید بسته بشه , حتی واسه خود مدیر :دی
Mr Mehdi 11 سال پیش
ممنون رضا یه اشتباه دیگه توی بخش تیکت ها رو معلوم کردی :)
Mr Mehdi 11 سال پیش
یه اشتباه دیگه هم توی بخش ویرایش پست وبلاگ پیدا کردم. کل محتوای بین تگ رو میاره توی textarea. اووه چقدر اشتباه :))
محسن موحد 11 سال پیش

قبلا این ریجکسو نوشتم میتونید در جاوااسکریپت ازش استفاده کنید:

^[a-zA-Z0-9]+([\._][a-zA-Z0-9]+)*@[a-zA-Z0-9]+([\.\-][a-zA-Z0-9]+)*(\.[a-zA-Z]{2,3})$


در php هم میتوانید از این regex استفاده کنید و هم میتوانید از filter_var خود php استفاده کنید.

برای جلوگیری از حمله ی sql injection , از متد prepare استفاده کنید.

نظرات

Mr Mehdi 11 سال پیش
متاسفانه ارور میده :( Uncaught SyntaxError: Invalid regular expression: /^[a-zA-Z0-9]+([\._][a-zA-Z0-9]+)*+@[a-zA-Z0-9]+([\.\-][a-zA-Z0-9]+)*(\.[a-zA-Z]{2,3})$/: Nothing to repeat
محسن موحد 11 سال پیش
تصحیح شد.یک علامت + اضافی داشت.
Mr Mehdi 11 سال پیش
میشه یه توضیح بدی که با اون قبلی چه فرقی داره؟
محسن موحد 11 سال پیش
علامت + در regex یعنی 1 یا بیشتر و علامت * یعنی 0 یا بیشتر (بیشتر تعدادش مهم نیست) که من قبل @ میخواستم از * استفاده کنم که اشتباها +* گذاشتم.
reza piry ghadim 11 سال پیش

سلام دوستان . یه سایتی طراحی کردم فارغ از یه خط کد سمت سرور

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

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

نظرتون رو در باره طراحی و رنگ بندی بدید

www.webkral.ir

به متن ها زیاد گیر ندید (حرفای من نیست :)

نظرات

Alireza 11 سال پیش
وردپرسه؟
Alireza 11 سال پیش
با وردپرس درستش کردی؟
reza piry ghadim 11 سال پیش
نه هیچ فریم ورکی در کار نیست . فقط html و css و jquery هست.
محمد 11 سال پیش
بسم الله الرحمن الرحیم سلام علیکم منو سایت کم دقتی کردید! یک پیکس باید به کادر ابیه اضاف بشه در کل انگار طراحی خاصی نیست پایین صفحه وسطاش خیلی بهتر از اول صفحه هست بنظر من اگر اون اسلاید شورو بزرگتر کنید تا کل صفحه رو بگیره منظور اینکه کل صفحه ای که اول نمایش داده میشه در مرورگر از نظر ارتفاع فکر میکنم متوجه منظورم شدید... بعد از اون اسکرول بزنه کاربر و مطالب پایینش رو ببینه زیبایی بهتری داشته باشه البته این ها صرفا نظر شخصی بنده بود
محمد 11 سال پیش
رنگ بندی سایت زیاد باهم تناسب نداره و انگار یک مقداری بیش از حد کمرنگه انگار خاک خوردس! منو بالا بهتر بود کشیده بشه و width :100% میبود این سبک طراحی خیلی انجام میشه و یک ایده نیست دلخور نشید ازم بزرگوار یکبار!!!اا! ههه منظورم این نیست که شما قراره بوده یک پدیده طراحی کنید نه منظورم این هست که شما یک سبک طراحی شده رو پیاده سازی کردید همین منظور دیگه ای نمیخواستم بگم خبری بود هههه اون قسمتی که توانایی رو به درصد نشون میده بنظرم رنگش اصلا با صفحه همخونی نداره پایین صفحه نوشتید توضیح بیشتر در این مورد قشنگ تر بود که بجای اینکه زیر مطلب باشه قسمت مقابلش بیوفته میدونم متوجه منظورم شدید.... منو خیلی خیلی ساده بود برخلاف اینکه شما طوری وسط صفحه رو ساختید که انگار یک سایت کاملا قشنگ و پر انیمیشنی روبه رو هستیم! یک جست و جو در منو کم هست بهتره جست و جو در قسمت اخر کادر جایی که اسمتان هست نوشته بشه! اصلا لزومی نداشت که اسمتون رو بالا بنویسید و بهتر بود در پایین صفحه در قسمت فوتر این کار را انجام میدادید فوتر کاملا زشت هست! خیلی ببخشید اینطور میگم ههه شرمنده بزرگوار ... رنگ سبز خیلی جلوه بدی بهش داده و چشم ادم رو میزنه استفاده از یک عکس خوشکل بحساب لوگو سایت در فوتر به شما توصیه میکنم در قسمت پایین سمت چپ برای اینکه منظورمو بهتر متوجه بشید سایت pstuts دات ای ار یا کامش رو نمیدونم ولی ایرانی هست برای فوتوشاپه احتمال قوی اشنایی دارید! فوترشو یک نگاهی بندازید بهتر متوجه منظورم میشید
محمد 11 سال پیش
ببخشید اشتباه گفتم چپ و راستمم بلد نیستم هههه سمت راست البته فرق هم نمیکنه ولی راست انگار قشنگتر جلوه میکنه
محمد 11 سال پیش
جایی که نوشته اید بیاید واکنش گرا باشیم بهتر بود اون نوشته زیر عکس مقابلش میبود اینطوری به طراحی تون زیبایی بهتری میبخشید در کادر توانایی های ما درانجام پروژه های شما یک مقداری اون تیتر هارو از نظر وسط چین و راست چین و اینها جابه جا کنید شاید قشنگ تر بشه مثلا توانایی های ما ... بیاد وسط سمت سرور و اوون یکی دیگه راست چین باشه یا برعکس البته تصور میکنم فقط شاید قشنگ نشه
محمد 11 سال پیش
در قسمت فوتر بهتر است دایوی که کادر نوشته ها رو در برگرفته رو وسط چین کنید نوشته ها خیلی به سمت راست چسبیدن و سمت چپ خیلی خالی هست شاید قشنگ تر میشد اگر اسم سایت رو که در فوتر اوردید چپ چین میشد نمیدونم شایدم قشنگ نشه البته یک کار جالبی هم که میشد این بود که اون اسم سایت رو یکم کجکیش میکردید میگذاشتید سمت چپ که خیلی خالیه با یک افکت خوشکل و اینا شبیه لوگو میکردید اصلا لوگو سایت رو اونجا قرار میدادید کلا اسم سایت چه لزومی داشت که تو فوتر نوشته بشه؟(به طنز بخونید هههه )
محمد 11 سال پیش
و یک مورد دیگه اگر منو در بالای بالا قرار میگرفت ینی با بالا فاصله نداشته فکر میکنم قشنگ تر بود یاعلی التماس دعای فرج
Ali 11 سال پیش
از اون طنزهاست که اشک آدمو در میاره. ;)
محمد 11 سال پیش
طنزی که اشک ادمو در بیاره؟ مگه میشه ؟ مگه داریم؟ ;)
reza piry ghadim 11 سال پیش
اقا محمد کلا داغونم کردی ! :) چشم الان میرم تو کارش. اسمم رو که بالا نوشتم ازمایشی بود قراره لوگو اونجا قرار بگیره . فوتر رو هم بزار ببینم چیکارش میتونم بکنم . یکم بد سلیقم دیگه :)
reza piry ghadim 11 سال پیش
آقا یکم تغییرات دادم رنگ سبز رو کلا حذف کردم . اقا محمد میگفتید انگار خاک خورده سایت یه گردگیری هم کردم ولی هنوز کلی کار داره شبیه سایت بشه ! ممنون میشم بازم وسواس داشته باشید و عیب هاشو بگید
محمد 11 سال پیش
مخصلصتم داداش الان یک چک آپ دیگه میرم البته اینا نظرات شخصیه منه بزرگوارای دیگه ای هم هستن که مشخصه خیلی سایت خلوت شده به محض اینکه استاد اموزشارو بزارن تمام اینجا باز غوغایی میشه الان نگاه میکنم...
محمد 11 سال پیش
تغییر خاصی داده نشده فقط فوترو رنگش رو قنشگ تر کردید و هم اینکه اون حالت خاک خوردگ مقدار زیادی برطرف شده اما خیلی از مشکلات دیگه ای که گفتم رو هنوز داره الان اصولی تر سعی میکنم بگم
محمد 11 سال پیش
تعدادی از خاصیت هایی که دادید عمل نکردن در دادن padding , margin بنظرم اشتباه دادید یعنی باید به تگ a نمیدادید به li میدادید البته شایدم درست دادید ولی عمل نکرده من هرچی بالا پایین کردم مقدار paddingشو اون کادر ابیه درست ست نشد لودینگ اولش جالب بود ولی به کاربر بنظرم استرس خاصی میده ینی همینطوری ما مشکل اینترنت داریم باز اینم نشون داده میشه بالکل ناامید میشیم!(خودمو عرض میکنم) اون منو یک مشکل اساسی داره ممکنه اصل فایل رو بگذارید ؟ اینطوری خیلی سخته بگم چون مجبورم با موزیلا عیباشو بالا پایین کنم منم پلاگینای دیگشو ندارم البته اگر خیلی سری هست نیازی نیست ادامشو همینجا میگم ولی اگر تونستید بگذارید که بتونم سر دربیارم
محمد 11 سال پیش
اوصلا .navbar-nav > li > a اشتباهه برا همینه که اون منو انگار درست نمایش داده نمیشه و کل فضا رو پر نمیکنه
محمد 11 سال پیش
جسارتا بزرگوار فکر میکنم بهتر بود این کلاس رو برای li میرفتید بعد بهش padding-top میدادید تا نوشته وسطش بیاد این رو امتحان کردید تاحالا؟ من همیشه ازین روش استفاده میکنم و جواب میده
محمد 11 سال پیش
در element padding-botomبهش 3px بدیدیک رنگ هم بدید که متوجه تغییرش بشید بااین میزان ul کل دایو رو در برمیگیره
محمد 11 سال پیش
اوه اوه یک سوتی بزرگ! هههه فضای بالای نوشته ها رو هنوز گذاشتید ولی عکسای سرچ و ... رو برداشتید
محمد 11 سال پیش
اون المنت ک گفتم بدید واسه این بود ک متوحه بشید منظورم اینه که منو تاکجا بیاد بعد اون رنگ ابی شو یکاری کنید که تاهمون جا بیاد من چون اصل فایلو ندارم نمتونم درست بگم کدوم یکی منظورمه خیلی گشتم ولی پیدا نکردم
محمد 11 سال پیش
.navbar-wrapper top:-20px بهش بدید تا به بالا بچسبه height 54px ّصبر کنید من الان یک عکس بگیرم ببینید
Mr Mehdi 11 سال پیش
درود. محل قرار گرفتن همه چیز اصولا خوبه. فقط چندتا نکته هست. اول اینکه رنگ آبی ای که انتخاب کردی اصلا مناسب نیست + ترکیب رنگ خاکستری و آبی اصلا زیبا نیست یه سری جاها هم ایراد کدنویسی داری مثل همون منوی بالا که یه چند پیکسل فاصله داره تا پایینش توی اسلایدر باید همه فونت ها رو سفید بزاری و به جاش یه بکگراند مشکی بذاری. اونطوری خیلی بهتره. من توی اسلایدرهام همیشه از این روش استفاده می کنم اونجایی که کلاس myThumbnail هست هم به آیکون ها چند پیکسل Margin بده تا وقتی که موس میره روشون به خط بالایی نچسبه. دقیقا همونجا اشتباهت این بوده که از خط استفاده کردی توی بالا و پایینش. من ترجیح میدم که بکگراندش رو یه کم متفاوت تر بزارم به جای گذاشتن خط فونتی که استفاده کردی خیلی بزرگه و نیازی به این همه بزرگی نیست. در عوض اومدی سایز لینک ها رو خیلی کوچیک گذاشتی. بهتره لینک یا هم اندازه باشه یا بزرگتر توی فوتر هم مشکل انتخاب رنگ داری به شدت به نظرم اون خط ها خیلی اضافه هستن و بهتره از یه روش دیگه برای جدا کردن استفاده کنی
Mr Mehdi 11 سال پیش
با وجود اینکه به شدت با بوتسترپ مخالفم اما نسبتا قشنگ شده طراحیت
محمد 11 سال پیش
اره دقیقا همینا منم روی عکس مشخص کرده بودم داشتم آپلود میکردم حالا که دیگه نوشتنش بجز اون لینک ها که فرمودن بقیه رو بنده تقریبا مد نظرم بود همینا بود اصولا بلد نیستم بگم ;)
reza piry ghadim 11 سال پیش
باشه . الان mythumnale رو تغییر میدم ولی خب رنگ ابی چه رنگشو انتخاب کنم. شما یه کد رنگ بدید. واقعا با قضیه انتخاب رنگ خیلــــــــی مشکل دارم.
Mr Mehdi 11 سال پیش
اگه خیلی سختت هست انتخاب رنگ از پالت های آماده استفاده کن. مثلا سرچ کن flat design color palette
reza piry ghadim 11 سال پیش
دوستان بیشتر بیشتر نکاتی که اشاره کرده بودید تغییر دادم. بازم اگه نیاز به تغییر زیادی هست اشاره کنید. ممنون از همتون به خاطر راهنمایی هاتون
Mr Mehdi 11 سال پیش

درود دوستان

فک کنم زمان مناسبی هست که دوباره پست رو بالا بیارم :)

بعد از چند هفته برنامه نویسی بالاخره یه سیستم وبلاگ ساختم به اسم خودم. این که میگم چند هفته شاید اگه کلا جمعشون کنم چند روز هم کار مفید نکردم. به هر حال در نهایت دیروز 31 شهریور کار وبلاگ تموم شد و پنل مدیریتش هم کامل شد.

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

لینک سایت

نظرات

محمد 11 سال پیش
جالب بود! من رشتم نرم افزاره.. :) وقتی دیدم به رشته نرم افزار علاقه داری دوست داشتم از نزدیک باهات اشنا میشدم... اهل کجایی؟من دانشگاه بیرجند شوکت اباد درس میخونم ...
Mr Mehdi 11 سال پیش
اهل یزدم. فاصله زیاده :)
reza piry ghadim 11 سال پیش
خوبه اقا مهدی . مثل همیشه خلاقیت به خرج دادی . دوست داشتم. فقط یه سوال چرا همه وبلاگ های برنامه نویس ها یه چیزی شبیه این میشه؟ ساده ، به همین رنگ تو همین طرح ... مثل وبلاگ مهندس کابلی یا مسعود صدری و ... مهدی جان حکمت این نوع طراحی ها چیه؟
Mr Mehdi 11 سال پیش
من دلیل اونا رو نمی دونم و نظر شخصی خودم رو دارم. به نظر برای وبلاگ باید بیشتر روی محتوا و readability و خوانایی متن کار کرد به جای اینکه مثلا روی افکت ها و ساختار منو و اینا کار بشه. دیگه منم سعیم رو کردم تا حد امکان ساده و خوانا و ریسپانسیو باشه و از اون طرف هم ظرافت توی طراحی باشه. بعضی از افکت ها و اینا هست که به چشم نمیاد اما معلوم هست. به نظر خودم هم خوب ازش بر اومدم. به زودی هم روی وبلاگ بیشتر میزارم درباره کارهایی که کردم :D
Mr Mehdi 11 سال پیش
خب یکسری تغییرات توی فونت و استایل دادم. همچنین +1 گوگل رو هم حذف کردم. سرعت سایت الان خیلی بهتر شد. یه امتحان بکنید و نظرتون درباره سرعت رو هم بگید
Mr Mehdi 11 سال پیش
خب یکسری تغییرات توی فونت و استایل دادم. همچنین +1 گوگل رو هم حذف کردم. سرعت سایت الان خیلی بهتر شد. یه امتحان بکنید و نظرتون درباره سرعت رو هم بگید
reza piry ghadim 10 سال پیش

لطفا حذف شود این پاسخ ...

تاریخ انقضاش گذشت ... :)

نظرات

محمد 10 سال پیش
سلام جالب ساخته بودید ایولا
Mr Mehdi 10 سال پیش
من قبل از این سایت رو دیده بودم اما الان اومدم نظر بدم :) کلی بخوام بگم هم ایراد برنامه نویسی داشت هم ایراد طراحی. مثلا توی اسلایدر بعد از اینکه روی یکی از فلش ها کلیک میشه دیگه پر رنگ می مونه تا یه جای دیگه کلیک کنی. سایز فونت کمه. برای هر پست زمینه رو پر رنگ تر از زمینه خود سایت بزار. فونت یکان فونت خوبی برای طراحی وب نیست. عرض بلوک مطلبت هم خیلی زیاده کمش کن. از MVC هم استفاده نکردی که جالب نیست برای یک سایت. بهترین راه حل برای اینکه یک قالب خوب طراحی کنید اینه که برید توی سایتی مثل Theme Forest و نمونه های مخلف رو ببینید و نکات مثبت هر کدوم رو بررسی کنید و بعد بهتر می تونید ایده پردازی کنید. قالب سایت من هم تقریبا ایده گرفته از یکی از تم های Theme Forest هست
reza piry ghadim 10 سال پیش
ممنون مهدی جون . دستت درد نکنه . والا مشتری خیلی اذیت کرد ... داستان داشت. اولش یه سایت تک صفحه ای میخواست بعد گفت میخوام پست بزارم و فقط همین . بعد گفت دسته بندی بده بعد کانت بشه گذاشت و جواب کامنت بشه گذاشت .... و جالب تر اینکه سورس رو میخواست منم واسه همین رو رو فریم ورک خودمون کار نکردم.... بودجش هم کم بود.... هنوز هم رو هاست هست. یه سری تغییرات هم رو هاست و دامین دادم میتونید برید ببینید
reza piry ghadim 10 سال پیش
یوزر fast-typer هست و پسورد هم 123456 ادرس پنل ادمین هم webkral.ir/admin/login.php
reza piry ghadim 10 سال پیش
البته دوباره اومد پایین... :(( ممنون به خاطر لطف و توجه همیشگیت اقا مهدی جان .
joker 9 سال پیش
جالب بود بیشتر استقبال کنید
پاسخگویی و مشاهده پاسخ های این سوال تنها برای اعضای ویژه سایت امکان پذیر است .
چنانچه تمایل دارید به همه بخش ها دسترسی داشته باشید میتوانید از این بخش لایسنس این آموزش را خریداری نمایید .