رفتن به مطلب
mrt69

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

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

من در قسمتی از سایتم دو ستون دارم که می خواهم عرض این موقعیت ها رو تغییر بدم

موقعیت های سایتم به شکل زیر است

http://demo.unicloob.ir/?tp=1

می خواهم کمی از عرض موقعیت position-19 کم کنم و به عرض position-7 اضافه کنم

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

7y34q5s3gqgsd4m8u0er.png

abzegusddrrutwt8cry.png

باید چی کار کنم ؟؟؟

با تشکر

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


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

سلام دوست عزیز اول کد زیر رو جایگزین کدی کن که دیروز بهت گفتم برای گذاشتن بکگراند برای عناوین ویژه:

کد:

.art-nostyle h3 {
background-image:url(../images/blockheader.png);
background-repeat:no-repeat;
background-position:right;
height:38px;
width:200px;
margin-top:10px;
margin-bottom:5px;
padding-top:15px;
font-size:14px;
padding-right:5px;
}

دوست عزیز قالبت باید خیلی تغیر بدی تا بتونی اینکارا رو بکنی من یکی یکی بهت میگم.

حالا جواب سوال امروزت:

1. این کد رو در فایل template.css پیدا کن و کد زیر رو بهش اضافه کن.

کد:

.art-content-layout
{
  display: table;
  width:100%;
  table-layout: fixed;
  border-collapse: collapse;
}

این را بهش اضافه کن

کد:

margin-top:10px;

2;

این کد را در فایل template.css پیدا کن و مقدار ان را مطابق با میل خودتون تغییر بدید.

.art-content-layout .art-sidebar2
{
  width: 200px;
}

مثلا 200 رو بکن 300px یا بیشتر یا کمتر مطابق میلیت.

3.این کد را در فایل template.css پیدا کن و مقدار ان را مطابق با میل خودتون تغییر بدید.

.mostread,.latestnews {width:300px;}

مثلا 300px رو بیشتر یا کمتر بکن مطابق میلیت.

4.برای کم کردن اندازه ی موقعیت 19

کد را به اخر فایل general.css اضافه کن

.art-nostyle {
width:440px;
}

البته این را هم مطابق میلیت میتونی تنظیم کنی و جوری تنظیم کن که با دیگر موقیعت ها تداخل نداشته باشی

یا حق موفق باشی:002::s

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


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

با تشکر از توضیحاتتون

ولی در مورد بک گراند عناوین ویژه باز تمام کار هایی که گفتید را انجام دادم ولی تغییری حاصل نشد !!!!

در مورد کم و زیاد کردن عرض موقعیت ها هم با توضیحاتتون عرض موقعیت 19 رو تونستم کم کنم

حالا چه طور عرض موقعیت 7 رو کمی زیاد کنم و به نوعی که به سمت راست زیاد شود و جایگزین مقدار کم شده از موقعیت 19 شود ؟؟؟

با تشکر فراوان

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


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

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

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

موفق و پیروز باشید :002:

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


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

با تشکر حتما در اسرع وقت

فقط الان تنها مشکل باقی مونده اینه که الان موقعیت 6 بزرگ شده و به سمت راست اومده و از عرض موقعیت 7 کم کرده

اینو چی جوری باید تغیر بدم ؟؟

می خوام موقعیت 6 عرض کم بشه و به سمت چپ بیاد


کد ها رو به صورت زیر تغیر دادم الان

.art-content-layout .art-sidebar2
{
  width: 320px;
}

.mostread,.latestnews {width:320px;}

نمی دونم چی کار کنم عرض ستون هام درست بشه ؟؟؟

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


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

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

templates/sn5/css

و با قرار دادن کد زیر در فایل template.css

.mostread,.latestnews {width:220px;}

مشکلتون حل میشه موفق و پیروز باشید.:002:

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


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

من این کد رو دقیقا به همین شکل در انتهای template.css دارم ؟؟؟

بفرماید اینم کد template.css رو توی ورد کپی کردم ببینید مشکلش چیه ؟؟

http://www.jmdownload.ir/download.php?filename=13435479961.zip


خواهشا بگید چی کار کنم

این جوری عرض موقعیت کم شده و خیلی نا جور شده

چی کار باید کنم عرض موقعیت بیشتر بشه

عرض موقعیت 6 کم بشه و عرض موقعیت 7 زیاد بشه

خواهشا راهنمایی کنید سریع تر درستش کنم

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


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

دوست عزیز اون کد قبلی رو پاک کن و دقیقا این کد هایی رو که بهت می گم اخر فایل template.css کپی کن

.art-box-body .art-blockcontent-body .custom {border:red solid 5px;width:160px;float:left}
.latestnews,.mostread {width:200px}
.art-blockheader {width:200px}


دستور border:red solid 5px; رو از کد اولی حذف کن

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


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

با تشکر از شما

الان بسیار عالی شد

فقط می خواستم بپرسم چه طور می تونم عرض موقعیت 6 رو کم کنم

چون الان یکم تداخل دارند ممکنه بعدا در جایی به مشکل بخورم

با تشکر

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


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

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

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


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

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

یا حق:002:


با تشکر از توضیحاتتون

ولی در مورد بک گراند عناوین ویژه باز تمام کار هایی که گفتید را انجام دادم ولی تغییری حاصل نشد !!!!

دوست عزیز قرار نبود تغیری ایجاد بشه من فقط متن عناوین ویژه رو مرتب کردم موقعیتش رو و اون رو وسط عکست قرار دادم.

یا حق مشکلی بود در خدمتیم:002:

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


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

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

160 رو کم کردم ولی توی عرض موقیت 6 تغیری حاصل نشد

در واقع عرض کادر دور عکس ها کم میشه نه عرض موقعیت

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


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

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

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

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

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

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

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

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

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


×
×
  • افزودن...