درخواست تغییر در قالب

[haj_farbod 0]

سلام ، میخوام یه وب شخصی بسازم و از این قالب استفاده کنم ( دمو )

حالا میخوام قسمت وبلاگ سایت رو ویرایش کنم => به ازاری خط قرمز که توی تصویر مشخص کردم میخوام عرض قالب اضافه بشه ( به ازای خط های آبی هم از هر طرف خالی بمونه )

 

دانلود قالب ( پیوست شده )

پیش نمایش کل قالب

پیش نمایش قسمت وبلاگ

Helix.zip

ویرایش شده فروردین 95 توسط haj_farbod

[Silence 16]

در 1 ساعت قبل، haj_farbod گفته است :

سلام ، میخوام یه وب شخصی بسازم و از این قالب استفاده کنم ( دمو )

حالا میخوام قسمت وبلاگ سایت رو ویرایش کنم => به ازاری خط قرمز که توی تصویر مشخص کردم میخوام عرض قالب اضافه بشه ( به ازای خط های آبی هم از هر طرف خالی بمونه )

 

دانلود قالب ( پیوست شده )

پیش نمایش کل قالب

پیش نمایش قسمت وبلاگ

Helix.zip

داخل فایل CSS  آی دی #main روپیدا کنید و width رو تغییر بدید به عرضی که مد نظرتونه!...اینجوری عرض صفحه به اون عرضی که می خواید تغییر پیدا می کنه...

اما بعدش احتمالا باید #primary رو هم تغییر بدید...چون المان های قالب از قبل محاسبه شده و این عرض با توجه به طراحی در نظر گرفته شده...با تغییر اون، المان های دیگه هم نیاز به تغییر پیدا می کنن...

[haj_farbod 0]

در 42 دقیقه قبل، Silence گفته است :

داخل فایل CSS  آی دی #main روپیدا کنید و width رو تغییر بدید به عرضی که مد نظرتونه!...اینجوری عرض صفحه به اون عرضی که می خواید تغییر پیدا می کنه...

اما بعدش احتمالا باید #primary رو هم تغییر بدید...چون المان های قالب از قبل محاسبه شده و این عرض با توجه به طراحی در نظر گرفته شده...با تغییر اون، المان های دیگه هم نیاز به تغییر پیدا می کنن...

المان چیه ؟

داداش شما خودت میتونی اینا رو تغییر بدی برام ok کــنـیش ؟

[haj_farbod 0]

سلام ، من تغییرات رو بوجود آوردم اما اون فضایی که با کادر سبز مشخص کردم خالی مونده ؛ میخوام جا برای نوشته ها باز بشه

#main{background:#fff;width:1000px;float:left;margin:30px 0px 0px 240px;}
#primary{padding:20px 0px;margin:0px 10px 0px 20px;width:700px;float:left;}

 

[Silence 16]

در ۱ ساعت قبل، haj_farbod گفته است :

سلام ، من تغییرات رو بوجود آوردم اما اون فضایی که با کادر سبز مشخص کردم خالی مونده ؛ میخوام جا برای نوشته ها باز بشه

#main{background:#fff;width:1000px;float:left;margin:30px 0px 0px 240px;}
#primary{padding:20px 0px;margin:0px 10px 0px 20px;width:700px;float:left;}

 

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

[haj_farbod 0]

در 1 ساعت قبل، Silence گفته است :

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

 

این به زبان کد نویسی چی میشه ؟ چی سرچ بزنم که این بیاد و زیادش کنم ؟

[Silence 16]

در 13 دقیقه قبل، haj_farbod گفته است :

 

این به زبان کد نویسی چی میشه ؟ چی سرچ بزنم که این بیاد و زیادش کنم ؟

لینک صفحه رو اگر مقدور هست بدید که ببینم بعد توضیح بدم...

[haj_farbod 0]

در 4 ساعت قبل، Silence گفته است :

لینک صفحه رو اگر مقدور هست بدید که ببینم بعد توضیح بدم...

http://hhggaakk.esy.es/category/blog/

 

[Silence 16]

در ۱ ساعت قبل، haj_farbod گفته است :

http://hhggaakk.esy.es/category/blog/

 

داخل فایل theme.css کلاس زیر رو پیدا کنید:

.postentry {
    float: left;
    width: 400px;
    margin: 0px 0px 0px 10px;
}

و مقدار 400 رو با اندازه دلخواه زیاد کنید...تا 600 ظاهرا مشکلی نداره...

[haj_farbod 0]

در 11 ساعت قبل، Silence گفته است :

داخل فایل theme.css کلاس زیر رو پیدا کنید:

.postentry {
    float: left;
    width: 400px;
    margin: 0px 0px 0px 10px;
}

و مقدار 400 رو با اندازه دلخواه زیاد کنید...تا 600 ظاهرا مشکلی نداره...

تشکر از پاسخ های خوبتون ؛ ببخشید تیکه تیکه سوال میکنم هر جای قالب رو تغییر میدی جاهای دیگه هم تغییر میخواد :)) سایز ها بهم خورده

این قسمت تصویر شاخص رو هم میخوام یذره بیشتر کنم ؛ برای این کار کجا رو باید تغییر بدم ؟

ویرایش شده فروردین 95 توسط haj_farbod

[Silence 16]

در 1 ساعت قبل، haj_farbod گفته است :

تشکر از پاسخ های خوبتون ؛ ببخشید تیکه تیکه سوال میکنم هر جای قالب رو تغییر میدی جاهای دیگه هم تغییر میخواد :)) سایز ها بهم خورده

این قسمت تصویر شاخص رو هم میخوام یذره بیشتر کنم ؛ برای این کار کجا رو باید تغییر بدم ؟

این راهی که می گم مشکل شما رو حل می کنه اما راه اصولی نیست احتمالا...

کلاس زیر رو پیدا کنید:

img.postimg {
    margin: 20px 0px 0px 0px;
    border-bottom: 5px solid #EA5546;
}

و به انتهاش width رو با اندازه مورد انظرتون اضافه کنید...برای مثال:

img.postimg {
    margin: 20px 0px 0px 0px;
    border-bottom: 5px solid #EA5546;
    width: 650px;
}

 

اما همون طور که گفتم این راه اصولی و مناسب نیست...چون عرض عکس رو تغییر می ده و نسبت طول و عرض عکس به هم می خوره و عکس دفورمه می شه...

راه اصولی تغییر ابعاد عکس شاخص در کدهای وردپرس هست...که عکس مورد نظر رو براتون با توجه به ابعادی که مشخص می کنید کراپ (Crop) می کنه...

ویرایش شده فروردین 95 توسط Silence

[asareza 111]

پیشنهاد میکنم با نصب افزونه   Firebug در مرورگر Mozilla Firefox  خودتون بصورت آنلاین و به راحتی در استایل سایتتون تغییرات مد نظر رو اعمال کنید. در صورت تمایل پیشنهاد میکنم تاپیک زیر رو مطالعه کنید:

 

 

 

 

ویرایش شده فروردین 95 توسط asareza