رفتن به مطلب

به این قسمت چی میگن ؟


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

سلام دوستان

می خوام قالب سایتم رو ویرایش کنم. عرض اون قسمتی که توی عکس با قرمز مشخص کردم رو می خوام کم کنم

به صورت شفاهی بهتر:

عرض بدنه قالب به دو قسمت تقسیم میشه . یه سایدبار داریم که نازک تر هست و سمت راسته ، من اون قسمت چپ رو می خوام که توش محتوای پستها قرار می گیره. نام اون قسمت چیه ؟

ev03f8q0i0idycuhf0c0.jpg

لینک به ارسال

سلام

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

به احتمال زیاد content. یا post. هست که توی css بگردید و مقدار width رو تغییر بدید

آدرس سایت میزاشتید بهتر بود

لینک به ارسال

عرض بدنه قالب به دو قسمت تقسیم میشه . یه سایدبار داریم که نازک تر هست و سمت راسته ، من اون قسمت چپ رو می خوام که توش محتوای پستها قرار می گیره. نام اون قسمت چیه ؟

آدرس سایتتونو بدید تا ازش بپرسم ببینم اسمشو وقتی نی نی بوده چی گذاشتن

لینک به ارسال

متشکرم از شما دوست خوبم

آدرس سایتم اینه:

www.nazicenter.ir/test

و قالبم هم نامش اینه:

StudioBlue

لینک به ارسال
متشکرم از شما دوست خوبم آدرس سایتم اینه: www.nazicenter.ir/test و قالبم هم نامش اینه: StudioBlue

برو تو فایل style-black.css . دنبال #left-inside بگرد

البته تغییر عرض این باکس مسلتزم تغیر عرض ساید بار میشه

لینک به ارسال

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

لینک به ارسال

دردسر داره:

در فایل style-black.css قسمت زیر را پیدا کنید و عرض را از 646 مثلا به 746 تغییر دهید:


#left-div {
width: 746px;
float: left;
}

حالا که 100 پیکسل اضافه کردید باید از ساید بار کم کنید و عرض 300 را به 200 تغییر دهید:


#sidebar {
float: right;
padding-left: 0px;
padding-right: 0px;
width:300px;
overflow: hidden;
}

خط آخر کد فوق overflow: hidden را اضافه کردم که منوی سمت راست که بکگراند دارد برود زیر و روی مطلب شما را نگیرد. برای رفع این مشکل باید تصویر زیر را از عرض کوچک کنید با فتوشاپ:

http://www.nazicenter.ir/test/wp-content/themes/Wordpress98_StudioBlue_persian/images/h3-bg-black.gif

همچنین در کد زیر عرض 248 را 100 تا کم کنید: 148


.sidebar-box h2 {
font-size: 11px;
color: white;
font-weight: normal;
text-transform: lowercase;
font-weight: bold;
font-family: Trebuchet MS;
background-image: url(images/h3-bg-black.gif);
background-repeat: no-repeat;
background-position: left;
width: 248px;
height: 40px;
padding-left: 37px;
padding-top: 23px;
margin: 0px 0px 0px 15px;
}

در نهایت در کد زیر نیز عرض را از 593 به مقدار 100 افزیش دهید که بشود 693


.featured {
background-color: white;
background-image: url(images/post-bg.gif);
background-repeat: repeat-x;
padding: 10px;
width: 593px;
border: 1px solid #EBEBEB;
margin-bottom: 10px;
margin-top: 15px;
}

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

لینک به ارسال

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

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

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

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

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

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

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

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

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