درخواست اموزش طراحی responsive

[saied-jackson]

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

 

[IAMIR]

برای طراحی ریسپانسیو به این شیوه عمل کنید .

مثلا .برای حدا قل و حداکثر عرض 320 و 479 به این شکل کد css می نویسیم .

@media only screen and (max-width: 479px) and (min-width: 320px) {
#main-menu-mob, #top-menu-mob { margin-right: 10px; margin-left: 0; }
.logo { float: none; text-align: center !important; }
.recent-box .recent-item, .recent-box .recent-item:nth-child(3n+3) { margin-left: 0px }
.top-nav .social-icons {clear: both;float: none;}
.search-block #s, .search-block #s:focus {width: 220px;}
.voting-single{margin-right: 345px}

}​

 

[bestdata]

توی نت هم بگردی آموزش تصویری به زبان فارسی و انگلیسی زیاده (لینک نمیذارم که تبلیغ نشه و مدیریت فروم گیر نده)

 

[saied-jackson]

برای طراحی ریسپانسیو به این شیوه عمل کنید .مثلا .برای حدا قل و حداکثر عرض 320 و 479 به این شکل کد css می نویسیم .

@media only screen and (max-width: 479px) and (min-width: 320px) {
#main-menu-mob, #top-menu-mob { margin-right: 10px; margin-left: 0; }
.logo { float: None; text-align: Center !important; }
.recent-box .recent-item, .recent-box .recent-item:nth-child(3n+3) { margin-left: 0px }
.top-nav .social-icons {clear: Both;float: None;}
.search-block #s, .search-block #s:focus {width: 220px;}
.voting-single{margin-right: 345px}

}​

داداش html اینو هم میزاشتی دیگه قربون دستت

 

[IAMIR]

به html ربطی نداره . این شیوه کلی قرار css ریسپانسیوه .

یعنی برای هر اندازه ریزولیشون حداقل و حداکثر css جدید میشه . حالا اگر کلا با css آشنایی نداری اون یک قضیه جداگانه است .

 

[mmdsharifi]

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

rbootstra.ir