اولین قالب طراحی شده : نظرتون رو بگید

[asghar2008]

سلام اساتید بزرگوار

امیدوارم حال همگی خوب وخوش باشه

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



نمایش قالب (http://shadkhone.blogfa.com)

[ABZiko]

سلام دوست عزیز :
1. فونت اصلا جالب نیست و حالت شکسته داره ...
2. تریکب رنگی اصلا جالب نیست ...
3.رنگ هاور در منو خیلی جالب نیست ...
4. هدر هم به نظرم (ببخشید ولی) زشته، رنگ آبی توی سیاه یکم جالب نیست ...
5. اگر رسپانسیو بود خیلی بهتر بود ...

به هر حال به عنوان اولین کار زیباست، کار اولم رو ببینی حالت بد می شه :قهقهه:، بهت تبریک می گم شروع خوبی داشتی، سعی کن روی مباحث CSS بیشتر مانور بدی و (این قالبت عکس زیاد نداشت ولی در کار های دیگه) از عکس تا جایی که امکان داره کمتر استفاده کنی (نظر شخصی بنده و سرعت اینترنت ایران مد نظرم هست) ... ، در مورد کار با افکت های jQuery و CSS هم بیشتر تحقیق کن، منتظر کار های بهترت هم هستیم ...
:تشویق:

[سعید کشاورز]

مورد اول: از فونت اصلاح شده یکان استفاده کن...همونطور که دوستمون گفتن فونتت مشکل داره
مورد دوم: توی منوی بالا تماس با مارو نوشتی تماس یا ما :لبخند:
توی این قسمت مطالب (نويسنده: [پسر جوان] تاريخ:[شنبه چهارم مرداد ۱۳۹۳] ساعت :[10:28]) بنظرم یه margin بهش بدی بد نیست خیلی چسبیده بهم..براشون آیکن هم در نظر بگیرین
رنگ بندیش هم خوب نیست
منوی بالای سایت رو یکم از بالا بهش Padding بده بیوفته وسط

[asghar2008]

سلام

ممنون از دوستان که راهنمایی کردن همه مواردی که گفتین اعمال کردم.. بنده از فونت B Yekan استفاده کرده بودم اما پیوست وب نبود فقط از رو سیستم کاربر میخوند

الان فونت مورد نظر رو پیوست کردم

قالب خیلی ساده به نظر میاد !! بیشتر در چه مواردی زوم کنم ؟


مشاهده قالب (http://shadkhone.blogfa.com)



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

[سعید کشاورز]

الان فونت مورد نظر رو پیوست کردم

هنوز مشکل داره

[asghar2008]

چرا تو کامپیوتر من درست نشون میده ؟؟!!

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

[سعید کشاورز]

ببین اینجوریه کلا داغون شد

[ravand]

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

[r4hgozar]

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

[ABZiko]

طبق قانون انجمن برنامه نویس ناامید کردن و مسخره کردن دیگران ممنوع هست!

اون وقت کی ایشون رو مسخره کرده؟

[asghar2008]

سلام

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

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

اما به قالب های حرفه ای فک میکنم الان دارم یه قالب دیگه طراحی میکنم ان شاالله در ادامه میذارم ..


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



@font-face {
font-family: myfont;
src: url('../fonts/Yekan.eot');
src: url('../fonts/Yekan.eot?#iefix') format('embedded-opentype'),
url('.../fonts/Yekan.woff') format('woff'),
url('..../fonts/Yekan.ttf') format('truetype'),

url('.../fonts/Yekan.svg#Yekan') format('svg');
font-weight: normal;
font-style: normal;
}



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




font-family:myfont;

اما انگاری فونت رو نمیخونه به نظرتون دلیلش چیه ؟

[سعید کشاورز]

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

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

قرار بود من بوت استرپ رو آموزش بدم به صورت ویدئویی...توی این تاپیک (http://barnamenevis.org/showthread.php?490004-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B1%DB%8C%D8%B3%D9%BE%D8%A7%D9%86%D8%B3%DB%8C%D 9%88-%DA%A9%D8%B1%D8%AF%D9%86-%D9%82%D8%A7%D9%84%D8%A8-%D8%A8%D8%A7-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-%D8%A8%D9%88%D8%AA-%D8%A7%D8%B3%D8%AA%D8%B1%D9%BE) می تونی بخونی در موردش...اما به علت مصدومیت دور از میادین بودم :لبخند:
امروز 3 تا فیلم ضبط کردم از بوت استرپ...حجمش تقریبا 100 mb شد ..
شب قرار میدم روی وبلاگ (http://saeedd.blog.ir)
اگه خواستی میتونی دانلود کنی و استفاده کنی..من هرو روز صبح تقریبا دو قسمت ضبط میکنم و شب روی وبلاگ قرار میدم..احتمالا تا آخر هفته این دوره اموزشی رو به اتمام برسونم و بچه ها استفاده کنن

[asghar2008]

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



@font-face {
font-family: myfont;
src: url('../fonts/Yekan.eot');
src: url('../fonts/Yekan.eot?#iefix') format('embedded-opentype'),
url('.../fonts/Yekan.woff') format('woff'),
url('..../fonts/Yekan.ttf') format('truetype'),

url('.../fonts/Yekan.svg#Yekan') format('svg');
font-weight: normal;
font-style: normal;
}



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




font-family:myfont;

اما انگاری فونت رو نمیخونه به نظرتون دلیلش چیه ؟


دوستان لطفا راهنمایی کنید. چرا فونت هارو نمیخونه ؟

[Omid Jackson]

برای اولین کار به نظر من خوبه
فونت هم مشکلی نداره درویدکوفی هستش
نکته خاصی به ذهنم نمیرسه فقط روی عکس ها با hover شدن box-shadow یهو ظاهر میشه، به نظرم بهتره نرم بشه با transition
و اینکه برای فوتر و باتون مطالب قدیمی تر استایل تغییر کنه خیلی بهتر میشه

[white tower]

به عنوان اولین کار خوبه:تشویق:

[asghar2008]

سلام

خسته نباشید دوستان

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

حتما این قالب بدونه عیب و ایراد نیست به همین دلیل از شما عزیزان میخوام با نظرات سازندتون باعث ارتقا یافتن قالب بشید ممنون از همه بزرگواران



مشاهده قالب (http://shadkhone.blogfa.com)

[سعید کشاورز]

سلام

خسته نباشید دوستان

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

حتما این قالب بدونه عیب و ایراد نیست به همین دلیل از شما عزیزان میخوام با نظرات سازندتون باعث ارتقا یافتن قالب بشید ممنون از همه بزرگواران



مشاهده قالب (http://shadkhone.blogfa.com)



باریکلا ...... داری کم کمک خوشگلش میکنی..تبریک میگم..خیلی خوب کار کردی..
توی قسمت آرشیو موضوعی یا آرشیو مطالب به هر تگ a یه margin-top بده که از هم فاصله بگیره خیلی خوشگل تر میشه
فونت یکانت هم هنوز درست نیستاااااا...اگه درست بشه زمین تا زیر زمین قالبت تغییر میکنه...
توی هدر title و descripton که داره رو وسط ننداز...ببرش سمت راست..
منوی بالات هم تراز نیست نسبت به باکس های زیرش..از سمت راست حاشیه بیشتر داره..
به متن نوشته های وبلاگت یه line-height بده که راحت تر خونده بشه..خیلی توهم رفته..
افکت Hover منو رنگش رو آبی کن که به قالبت بیاد

[Todco.ir]

برای استفاده کردن از فونت های دیگر درون سایت جهت نمایش بایستی این مراحل را طی کنید. ابتدا فونت را درون پوشه ای بنام Fonts قرار دهید (فونت با پسوند های WEBYEKAN.EOT, WEBYEKAN.SVG, WEBYEKAN.TTF, WEBYEKAN.WOFF) و درون فولدر اصلی سایت پوشه را قرار دهید و کد زیر را در بالای تگ Body درون فایل Style.css خود کپی کنید و هرجایی که لازم بود از ان فونت استفاده کنید.

@font-face {
font-family: 'WYekan';
src: url('fonts/WeWYekan.eot');
src: url('fonts/WebYekan.eot?#iefix') format('embedded-opentype'),
url('fonts/WebYekan.woff') format('woff'),
url('fonts/WebYekan.ttf') format('truetype'),
url('fonts/WebYekan.svg#WebYekan') format('svg');
font-weight: normal;
font-style: normal;
unicode-range: U+0600–06FF;
}

[asghar2008]

برای استفاده کردن از فونت های دیگر درون سایت جهت نمایش بایستی این مراحل را طی کنید. ابتدا فونت را درون پوشه ای بنام Fonts قرار دهید (فونت با پسوند های WEBYEKAN.EOT, WEBYEKAN.SVG, WEBYEKAN.TTF, WEBYEKAN.WOFF) و درون فولدر اصلی سایت پوشه را قرار دهید و کد زیر را در بالای تگ Body درون فایل Style.css خود کپی کنید و هرجایی که لازم بود از ان فونت استفاده کنید.

@font-face {
font-family: 'WYekan';
src: url('fonts/WeWYekan.eot');
src: url('fonts/WebYekan.eot?#iefix') format('embedded-opentype'),
url('fonts/WebYekan.woff') format('woff'),
url('fonts/WebYekan.ttf') format('truetype'),
url('fonts/WebYekan.svg#WebYekan') format('svg');
font-weight: normal;
font-style: normal;
unicode-range: U+0600–06FF;
}
سلام

ممنون دوست گرامی

این روشی که شما گفتین رو انجام دادم اما انگاری فونتارو نمیخونه.. نمیدونم دلیلش چیه ! تو هاست یه پوشه بانام Fonts ایجاد کردم و فونت ها رو باپسوندهای استاندارد وب قرار دادم اما باز فونتارو نخوند
فونت اصلی وبلاگ Yekan هست تو کامپیوتر خودم بدونه ایراد نشون میده :
130572



باریکلا ...... داری کم کمک خوشگلش میکنی..تبریک میگم..خیلی خوب کار کردی..
توی قسمت آرشیو موضوعی یا آرشیو مطالب به هر تگ a یه margin-top بده که از هم فاصله بگیره خیلی خوشگل تر میشه
فونت یکانت هم هنوز درست نیستاااااا...اگه درست بشه زمین تا زیر زمین قالبت تغییر میکنه...
توی هدر title و descripton که داره رو وسط ننداز...ببرش سمت راست..
منوی بالات هم تراز نیست نسبت به باکس های زیرش..از سمت راست حاشیه بیشتر داره..
به متن نوشته های وبلاگت یه line-height بده که راحت تر خونده بشه..خیلی توهم رفته..
افکت Hover منو رنگش رو آبی کن که به قالبت بیاد

ممنون آقای pro_man

نظرات شما همیشه سازنده بود و هست.. متشکرم ................گزینه هایی که گفتین یکی یکی اعمال میکنم

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

[ABZiko]

حالا بهتر شد، فقط یک چیزی به ذهنم اومد اینه که بین لینک های صفحه اصلی و ... یک border خاکستری کم رنگ بده تا قشنگ مشخص بشه، اونجوری قشنگتره ...
اون رنگ آبی زیر هر پست که نویسنده و این ها رو توی خودش جا داده هم یکم کم رنگه، به همین خاطر چشم کاربر اذیت می شه بخواد متن رو بخونه، یکم پر رنگ تر بشه بهتره ...
فعلا همین ها رو مد نظرم بود ...
تا الان که کارت عالی بود، همین طوری ادامه بده ...:تشویق:

[CsharpNevisi]

قالب زیبایی شده (البته به عنوان اولین کار) .. !!
یادش بخیر منم یه زمانی تو فاز طراحی قالب وبلاگ بودم :لبخند: .. http://mhlo.blogfa.com/ این دومین کارم بود :گیج: