رفتن به مطلب

تمام صفحه کردن قالب و گذاشتن دوتا ستون وسط مطالب


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

سلام دوستان

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

و یک ساید بار راست و چپ هم باشه اما ستون مطالب وسط که یک ستون هست دوتا ستون موازی بشه آیا همچین چیزی امکان داره؟

لینک به ارسال

سلام دوست عزیز

شما میخوایید پوستتون 4 ستونه باشه (2 منوی کناری و 2 ستون مطالب) ؟؟

اگر منظورتون 4 ستونه باشه با کلمات کلیدی "4column sidebar theme wordpress" در گوگل جستجو کنید و همچنین سایت زیر را ببینید:


http://themesjunction.com/templates/4_columns.html

در غیر اینصورت پوسته ای که مد نظر دارید با عکس توضیح بدید.

لینک به ارسال


<body>
<div id="main">
<div id="siderbar1">
سایدبار1
</div>
<div id="content">
<div id="blog">
<div class="post">
کد حلقه
</div>
</div>

</div>
<div id="sidebar2">
سایدبار2
</div></div>

این الگوی اولیه است

لینک به ارسال


#siderbar1,
#content,
#sidebar2 {
float:left;
}
#siderbar1,#sidebar2 {
width:20%;
margin-left:5%;
}
#content {
width:48%;
}
#blog {
display:block;
clear:both;

}
.post {
max-height:160px;
min-height:160px;
height:160px;
display:inline-block;
overflow:hidden;
}
.post:nth-child(even) {
float:right;
width:45%;
}
.post:nth-child(odd) {
float:left;
width:48%;
}

و این هم کد css

لینک به ارسال

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

ببینید الان من میخواهم قالبم مثل این سایت

http://www.khabarpu.com/

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

http://demo.wp-persian.com/?preview_theme=WP%20CODA

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

رو دسته بندی کرد.

حالا نمیدونم باید چیکار کنم؟

لینک به ارسال

شما لازمه اول ساختار html را بشناسید محدوده لایه div با آی دی sidebar1 می شه کد بخش ابزارک سمت راست و آی دی sidebar2 هم می شه سایدبار سمت چپ دو ستون وسط صفحه هم با کلاس post مشخصه (البته یک لایه است که در لوپ باقی را خودش ایجلد می کنه)

لینک به ارسال

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

شاید طراحی از اول خیلی بهتر باشه.

لینک به ارسال
  • 3 سال بعد...

باید بهش استایل width:100% رو بدید و اگه توی المنت های بالاتر طول صفحه محدود شده محدودیت رو بردارید

اگه متوجه نشدید آدرس سایت رو بدید بهتون بگم چیکار کنید

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

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

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

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

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

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

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

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

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

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