™@я€z

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

8 پست در این موضوع قرار دارد

سلام دوستان

چطوری می توانم در قالب باکس های مختلف رو کنارهم یا زیر هم بذارم؟

مثلا یک باکس لینک باکس دارم یک باکس سی اس می خواهم یکی را بالا یکی رو پایین و با

سایز کوچکترش رو دوتا بقل هم بذارم میشه بفرمایید چطوری این کا ر رو انجام بدهم؟

با تشکر

به اشتراک گذاری این پست


لینک به پست

سلام

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

ولی در حالت کلی ؛ هر باکسی با تگ <div> می تونه باز شده باشه و با <div/> هم بسته شده باشه ... که میشه اونها رو داخل سورس قالب جابجا و ادیت کرد ...

هر تگ div می تونه از یه سری استایل (css) استفاده کنه که با class فراخوانی میشه ... و برای اینکه باکس خاصی رو تغییرات بدید (مثلا تغییر سایز یا تغییر رنگ و غیره) باید class فراخوانی شده اون رو داخل فایل سی اس اس پیدا کنید و داخل اون بخش تغییرات مورد نظر رو اعمال کنید ...

در هر صورت سوالی داشتید واضح تر و کامل تر با ذکر نمونه آنلاین قالب ارائه بدید تا پاسخ دقیق توسط انجمن داده بشه ..

به اشتراک گذاری این پست


لینک به پست

ممنون دوست عزیز قالب را از اینجا دانلود کردم

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

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

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

چیکار کنم هردو باکس بغل هم و باهم در یک خط باشند؟

درتصویر زیر با شکل نشان دادم .با تشکر

post-889-0-57033200-1351950768_thumb.jpg

به اشتراک گذاری این پست


لینک به پست

باید از float استفاده کنید. بهشون float بدید در کنار هم قرار میگیرن.

به اشتراک گذاری این پست


لینک به پست

1. باکس هایی که می خواهید کنار هم باشند را در یک کلاس معرفی کنید مثلا class="myLayer"

2. فایل style.css قالب را باز کنید

3. اضافه کنید


.myLayer {float:right}

برای یک دست شدن لازمه عرض را هم اندازه گذاری کنید و برای بلوک شدن لایه ها هم از خاصیت display:inline-block استفاده کنید

به اشتراک گذاری این پست


لینک به پست

زیر همون خاصیت float مثل:

.myLayer {
float:right;
display:inline-block;
}

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری