irmacfa

نحوه کوچک کردن پهنای این سایت ؟

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

آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

من تاپیک شما رو دیدم همون روز . پهنای سایت هم 960 پیکسله و درسته . مشکلی نداشت . منظورتون چیه دقیقا ؟ اسکرین شات بذارید داخلش توضیح بدید

Share this post


Link to post
Share on other sites

الان سایتتون باز شد

سایتتون پهنای باند صد در صد داره و نسبت به پهنای صفحه نمایشگر تغییر میکند

اما برای تغییر

اگر میخواهید بخش هیدر را تغییر پهنا بدید

فایل http://beta.eslamabadjome.ir/templates/jm_galaxy/css/template.css را ویرایش کنید

خط 121 انتخابگر #zt-header پیدا کنید کد این انتخابگر بصورت زیر است

#zt-header {
width: 100%;
height: auto;
position: relative;
background: url(../images/blue/header_bg.jpg) repeat-x top center;
}

آنرا به کد زیر تغییر دهید

#zt-header {
width: 950px;
margin: auto;
height: auto;
position: relative;
background: url(../images/blue/header_bg.jpg) repeat-x top center;
}

نکته margin: auto; برای این است که سایت در وسط صفحه قرار گیرد

اگر میخواهید اصلی سایت را تغییر پهنا دهید

فایل http://beta.eslamabadjome.ir/templates/jm_galaxy/css/template.css را ویرایش کنید

خط 195 کد زیر را پیدا کنید

#zt-mainbody {
width: 100%;
background: url(../images/bg_mainbody_shadow.jpg) repeat-x 0 0;
}

و آنرا به کد زیر تغییر دهید

#zt-mainbody {
width: 950px;
margin: auto;
background: url(../images/bg_mainbody_shadow.jpg) repeat-x 0 0;
}

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

فایل http://beta.eslamabadjome.ir/templates/jm_galaxy/css/template.css را ویرایش کنید

و بعد از خط 60 کد زیر را اضافه کنید

#zt-userwrap4 {
width: 950px;
margin: auto;
}

برای تغییر پهنای بخش بالای فوتر میتوانید

فایل http://beta.eslamabadjome.ir/templates/jm_galaxy/css/template.css را ویرایش کنید

بعد از خط 270 کد زیر را اضافه کنید

#zt-inset {
width: 950px;
margin: 0 auto 15px auto;
}

برای تغییر پهنای فوتر هم میتونید

فایل http://beta.eslamabadjome.ir/templates/jm_galaxy/css/template.css را ویرایش کنید

در خط 271 کد زیر را پیدا کنید

#zt-bottom {
width: 100%;
float: left;
background: url(../images/blue/bottom_bg.jpg) no-repeat center top #0F2B4C;
}

و به کد زیر تغییر دهید

#zt-bottom {
width: 950px;
margin:auto;
background: url(../images/blue/bottom_bg.jpg) no-repeat center top #0F2B4C;
}

Share this post


Link to post
Share on other sites

دستت درد نکنه رفیق خدایی گل کاشتی ....

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

do.php?imgf=joomlaforum.ir_14150195751.png

Share this post


Link to post
Share on other sites

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

بنده گفتم

margin: 0 auto 15px auto;

رو بذراید شما اومدید

margin: 0 0 15px 0;

قرار دادید

دوباره حرفم رو تکرار میکنم دقت کنید

برای تغییر پهنای بخش بالای فوتر میتوانید

فایل http://beta.eslamabadjome.ir/templates/jm_galaxy/css/template.css را ویرایش کنید

خط 280 کد زیر را پیدا کنید

#zt-inset {
margin: 0 0 15px 0;
}

به کد زیر تغییر بدید

#zt-inset {
margin: 0 auto 15px auto;
}

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

Share this post


Link to post
Share on other sites

حله داش دمت گرم !

بزرگ بودن یه جوری هست به همین خاط اینطوری ساده گفتم باشه

راستی این دور حاشیه میشه یک رنگی گذاشتی از این حالت مربع مانند خارج بشه ! با تشکر

Share this post


Link to post
Share on other sites

منظورتون رو متوجه نمیشم کدوم بخش رو میخواهید از حالت مربع در بیاورید؟

Share this post


Link to post
Share on other sites
منظورتون رو متوجه نمیشم کدوم بخش رو میخواهید از حالت مربع در بیاورید؟

کل حاشیه سایت هست مثلا رنگ مشکلی بخوره

Sent from my Nexus 5

Share this post


Link to post
Share on other sites

برای تغییر رنگ پشت زمینه سایت میتوانید

فایل http://beta.eslamabadjome.ir/templates/jm_galaxy/css/template.css را ویرایش کنید

خط 15 کد زیر را پیدا کنید

body {
line-height: 21px;
font-family: trafic;
}

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

body {
line-height: 21px;
font-family: trafic;
background: #000;
}

Share this post


Link to post
Share on other sites

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

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

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

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


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

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

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


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