™@я€z

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

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

سلام دوستان

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

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

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


لینک به پست

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

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

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


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

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

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


لینک به پست

ممنون دوست عزیز

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

post-889-0-97144500-1351769374_thumb.jpg

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


لینک به پست


<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 مشخصه (البته یک لایه است که در لوپ باقی را خودش ایجلد می کنه)

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


لینک به پست

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

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

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


لینک به پست

سلام خسته نباشید 

پیوسته من seowp هستش

می خواستم بدون چجوری محوطه ماژول هامو تمام صفحه کنم

برای مثال می خواهم اسلایدری که در تصویر است تمام صفحه شود

 

 

Capture.PNG

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


لینک به پست

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

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

ویرایش شده در توسط majid1889

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


لینک به پست

:D

Ctrl+F5 رو هم بزنید !

ویرایش شده در توسط majid1889

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


لینک به پست

اگه کلاس هست ، توی فایل style.css هست !

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


لینک به پست

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

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

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

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


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

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

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


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