رفتن به مطلب

الویت بندی بلاک ها در Responsive


پست های پیشنهاد شده

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

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

لینک به ارسال

سلام

ترتیب صحیح کدنویسی از سمت راست هست. مثال می زنم.


<div class="sidebar-Right">Sidebar-Right</div>
<div class="Content">Content</div>
<div class="sidebar-Left">Sidebar-Left</div>

طبیعتا زمان تغییر اندازه سایدبار سمت راست باید بره بالا و ساید بار سمت چپ بره پایین.

حالا شما با تغییر ترتیب قرارگیری div ها می تونید به هدفتون برسید.

لینک به ارسال

سلام

ترتیب صحیح کدنویسی از سمت راست هست. مثال می زنم.


<div class="sidebar-Right">Sidebar-Right</div>
<div class="Content">Content</div>
<div class="sidebar-Left">Sidebar-Left</div>

طبیعتا زمان تغییر اندازه سایدبار سمت راست باید بره بالا و ساید بار سمت چپ بره پایین.

حالا شما با تغییر ترتیب قرارگیری div ها می تونید به هدفتون برسید.

خب اینو که می دونم اما مثلا قالب زیر رو نگاه کنید اینم 3 ستونه است اما بلاک پست بالا قرار می گیره.(البته اینم بگم اومده اول بلاک پست رو در نظر گرفته بعد سایدبار سمت چپ و بعد سایدبار سمت راست فکر کنم دلیلش فقط همین باشه درسته؟)

http://artabaz.ir/دا...نه-و-فارسی.html

یا این قالب سایدبار سمت راست به چپ منتقل می شه :

http://mm241.xzn.ir/charisma/

ویرایش شده توسط A_Corleone
لینک به ارسال

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


<header class="header">
........

</header>

<aside class="sidebar-right">
...........

</aside>

<article class="content">

...............
</article>

<aside class="sidebar-left">
...........

</aside>

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

ویرایش شده توسط RapiD AM
لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...