قالب وبلاگ با بوتستراپ

[ravand]

سلام
یه قالب وبلاگ با بوتستراپ زدم خواستم نشونتون بدم و لطف کنید نظرتون رو در موردش بدید. هم گرافیکش مال خودمه هم برنامه نویسیش.
http://ravand-design.ir/mahsolat/10/%D9%82%D8%A7%D9%84%D8%A8-%DA%A9%D9%84%D8%A7%D9%87-%D9%82%D8%B1%D9%85%D8%B2%DB%8C
متشکرم.

[rezakho]

خوبه

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

از رنگ ها بیشتر استفاده کنید
از ایکون هم همینطور
تصاویر با کیفیت و با اندازه های مناسب یادتون نره
همینطور فضای سفید!
طراحی wide جذابتر هست، روش مانور بدید
اینطور که به نظر میاد شما فقط از grid بوت استرپ استفاده کردید در حالی که کلی کلاس های کاربردی دیگه هم داره، مثل فرم ها، ایکون ها و ...
سعی کنید این سبک ستونی رو کم کم بگذارید کنار، بروز باشید
موید باشید :)

[پیام حیاتی]

سلام
1-کاملا" Responsive نیست ، اگر مجبور به استفاده از Bootstrap شدیم باید تا جای ممکن از کلاس های موجود بهره ببریم.
2-با تبلت "10 به صورت Portarit فضای سفید زیادی در پایین نمایش میده.
ما بقی موارد رو دوستمون اشاره کردن.
موفق باشید.

[ravand]

2-با تبلت "10 به صورت Portarit فضای سفید زیادی در پایین نمایش میده.

این تبلتی که میگید اندازه ی عرضش چقدره؟ من با فایرفاکس و دکمه های crtl shift m کار میکنم.
من سرم نمیشه
Portarit چیه!

[ravand]

ببینید این سایت انواع نمایشگر ها رو گذاشته . اون نمایشگری که شما میگید کدوم یک از ایناست: http://www.responsinator.com/

[پیام حیاتی]

Portrait , Landscape :
http://athleticaid.com/yaquinapress/landscape.html
نبود توی لینک:لبخند:
Note 2014 3gEdition 10.1" ench
با گوشی هم مشکلات هست .Note-3

[ravand]

Portrait , Landscape :
http://athleticaid.com/yaquinapress/landscape.html
نبود توی لینک:لبخند:
Note 2014 3gEdition 10.1" ench
با گوشی هم مشکلات هست .Note-3
خب به نظر شما من وقتی بخوام سایتی رو با بوتستراپ بزنم باید چطوری بفهمم این قالبم توی اون نمایشگر مشکل داره یا نه؟ باید برم یه گوشی یا تبلتی رو مثل اون گوشی و تبلتی که شما داری رو بخرم؟
خب یه راهی رو بهم بگو ! میگم عرض نمایشگرت چنده چیزی نمیگی که!
من از همین اندازه هایی که خود بوتستراپ داده استفاده کردم:

col-xs-12 col-sm-7 col-md-8 col-lg-8
من برای اینکه قالب را در نمایشگر های مختلف تست کنم. قالب را داخل فایرفاکس باز کردم و دکمه های ctrl shift m را فشار دادم.

[پیام حیاتی]

حفظ اطلاعات نمی کنم ، اگر پاسخ م باعث این برداشت شده پوزش.
برای اینکه بدونی عناصر کامل Responsive شده یا نه کافیه لبه های پنجره مرورگرتو با موس بگیری کوچیک بزرگ کنی ببینی عناصر به نسبت تغییرات سایز و چیدمانشون تغییر می کند یا خیر.مثلا" اگر کلاس imgResponsive را استفاده کرده باشید اندازه تصاویر به نسبت گوچکتر و بزرگتر شدن پنجره مرورگر تغییر می کند یا منو که در صفحات موبایل حالت ورتیکال یا Portarit به خود می گیرد.
راه دیگه اینکه رزولیشن مانیتور رو تغییر بدی،قبل از استفاده از این روش باید سایز های استانداردی که برای دستگاه های الکترونیکی استاده می شود را بدانید تا بتونید Media Query های متناسب رو بنویسید ، البته این روش بیشتر برای زمانی استفاده می شود که شما خودتون قالب رو واکنش پذیر کرده باشید و از فریمورک خاصی استفاده نکرده باشید.
در مورد سایزهای استاندارد صفحه نمایش جستجو کنید من اندازه ها رو دقیقا" خاطرم نیست ، البته یک فیلم آموزشی واکنش گرا در سایت p30download از شرکت Lynda وجود دارد که در کلیپ های اولیه در مورد سایزها و MediaQuery ها توضیحات خوبی میده.

[ravand]

من اندازه ی مرورگر رو همینطوری که گفنید کوچیک و بزرگم کردم ولی مشکلی ندیدم. حتی از این سایتم استفاده کردم:
http://quirktools.com/screenfly/
ولی بازم اون مشکلی که میگید رو ندیدم.
میشه یه عکسی بگیرید و نشونم بدید؟
متشکرم.

[پیام حیاتی]

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

[ravand]

:قهقهه:
چرا اصلا نخوندی من چی نوشتم؟
عزیزم من قالب کلاه قرمزی رو گفتم نه قالب خود سایتم.
مگه روی لینک پیش نمایش کلیک نکردی؟ پیام جان!
حواست نیست ! :لبخند:
این لینک رو من گفتم: http://ravand-design.ir/project/kolah/template-kolah-ghermezi.htm

[پیام حیاتی]

:قهقهه:
چرا اصلا نخوندی من چی نوشتم؟
عزیزم من قالب کلاه قرمزی رو گفتم نه قالب خود سایتم.
مگه روی لینک پیش نمایش کلیک نکردی؟ پیام جان!
حواست نیست ! :لبخند:
این لینک رو من گفتم: http://ravand-design.ir/project/kolah/template-kolah-ghermezi.htm
:عصبانی++::گریه::گریه::گریه: