رفتن به مطلب
haj_farbod

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

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

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

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


rh31p6gma3st9pzuih9h.png

 

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

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

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

Helix.zip

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

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


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

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

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


rh31p6gma3st9pzuih9h.png

 

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

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

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

Helix.zip

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

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

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


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

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

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

المان چیه ؟

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

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


لینک به ارسال

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

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

 

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


لینک به ارسال
در ۱ ساعت قبل، 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 ساعت قبل، Silence گفته است :

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

 

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

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


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

 

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

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

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


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

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

 

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

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

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

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


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

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


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

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

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

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

329ffjkow0t6tieiit6e.png

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

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


لینک به ارسال
در 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

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


لینک به ارسال

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

 

 

 

 

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

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


لینک به ارسال

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

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

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

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

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

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

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

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


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