haj_farbod

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

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

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

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


rh31p6gma3st9pzuih9h.png

 

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

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

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

Helix.zip

ویرایش شده در توسط haj_farbod
0

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


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

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

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


rh31p6gma3st9pzuih9h.png

 

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

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

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

Helix.zip

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

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

1

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


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

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

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

المان چیه ؟

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

0

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


لینک به پست

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

6gg8l96lehr66ygh2860.png

#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;}

 

0

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


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

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

6gg8l96lehr66ygh2860.png


#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;}

 

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

1

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


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

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

 

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

0

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


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

 

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

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

0

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


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

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

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

 

0

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


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

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

 

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

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

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

1

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


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

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


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

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

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

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

329ffjkow0t6tieiit6e.png

ویرایش شده در توسط haj_farbod
0

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


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

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

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

329ffjkow0t6tieiit6e.png

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

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

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) می کنه...

ویرایش شده در توسط Silence
1

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


لینک به پست

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

 

 

 

 

ویرایش شده در توسط asareza
3

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


لینک به پست

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

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

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

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


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

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

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


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