11 پاسخ برای این موضوع

[orbitnic]

سلام . خسته نباشید . ممنون میشم آموزش تغییر سایز قالب رو برام بزارید . ( تغییر عرض )

سپاس

کسی نیست جواب بده ؟!!!

همچنان در انتظار پاسخ !!!!

[iFarjad]

همنجوری که نمیشه بدون بلد بودن css یهو عرض قالبو کم کنی

[FedoraCore]

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

[orbitnic]

CSS بلدم ، فقط بگین کجا باید چه کدی قرار بدم . سپاس

[FedoraCore]

خوب Table یا Div کل قالبتون رو پیدا کنید و بهش Width صد در صد بدید.
توی فایل css/style.css

[orbitnic]

دادم . نشد !!!

این کد CSS قالب من هست :

@import url(dle.css);
@import url(topmenu.css);

body{
background:url("../images/pg.gif") repeat center bottom;
margin:0;
padding:0;
direction:rtl;
font-family:tahoma;
font-size:8pt;
text-align:right;
color:#111111;

}
div{
margin:0;
padding:0;
}
td{
font-family:tahoma;
font-size:8pt;
}
h2{
font-size:11pt;
}
a,a:visited{
color:#333333;
text-decoration:none;
}
a:hover,a:active{
color:#999999;
}
a img{
border:none;
}
input,select{
background:#ffffff;
font-family:tahoma;
font-size:8pt;
color:#808080;
width:170px;
height:20px;
border:1px solid #cfcfcf;
-moz-border-radius:5px;
}
input:hover,input:active,select:hover{
background:#f9f9f9;
color:#333333;
border:1px solid #666666;
}
input#input2{
width:150px;
padding:1px 3px;
}
input.btn{
background:#fbfbfb;
width:auto;
padding:0 20px 5px 20px;
cursor:pointer;
}
input#btn2{
width:auto;
padding:0 10px 5px 10px;
}
textarea{
background:#ffffff;
font-family:tahoma;
font-size:8pt;
color:#808080;
height:150px;
width:300px;
padding:2px;
border:1px solid #cfcfcf;
-moz-border-radius:5px;
}
textarea:hover,textarea:active{
background:#f9f9f9;
color:#333333;
border:1px solid #666666;
}
hr{
height:1px;
background:#cccccc;
border:none;
width:99%;
}
.header{
background:url("../images/header.gif") no-repeat center bottom;
float:right;
width:979px;
height:10px;
}
.page{
width:979px;
}
.page-bg{
background:#ffffff;
width:979px;
float:right;
}
.top-line{
background:#e6e6e6;
width:979px;
height:45px;
}
.top-line #search{
background:url("../images/lamp.gif") no-repeat;
width:180px;
height:30px;
float:right;
margin:7px 280px 0 0;
}
#search #form{
background:url("../images/lamp.gif") no-repeat right -30px;
padding:5px 0;
}
#search #form input{
background: transparent;
border:none;
}
#search #form input.btn{
background:url("../images/btn.gif") repeat-x;
border:1px solid #555555;
width:40px;
}
.page-cont{
padding:10px;
}
.posts-part{
float:right;
width:500px;
text-align:right;
}
.posts-part .top-ads{
width:500px;
}
.top-ads #head{
background:url("../images/top-ads-h.gif") no-repeat bottom;
width:500px;
height:33px;
}
.top-ads #bg{
background:url("../images/top-ads-bg.gif") repeat-y center;
width:500px;
}
.top-ads #foot{
background:url("../images/top-ads-f.gif") no-repeat center top;
width:500px;
height:16px;
}
.posts-part .linkdooni{
width:500px;
height:200px;
}
.linkdooni #head{
background:url("../images/linkdooni-h.gif") no-repeat;
width:500px;
height:33px;
}
.linkdooni #bg{
background:url("../images/linkdooni-bg.gif") repeat-y;
width:500px;
height:159px;
}
#bg #padd{
padding:10px;
text-align:right
}
.linkdooni #foot{
background:url("../images/linkdooni-f.gif") no-repeat center top;
width:500px;
height:8px;
}
.posts-part .posts{
width:500px;
margin:5px;
}
.posts #head{
background:url("../images/paper.gif") no-repeat right top;
width:500px;
height:50px;
}
.posts #head #title{
padding:7px 40px 0 0;
font-weight:bold;
font-size:11pt;
text-shadow:1px 1px 0 #dddddd;
}
.posts #title div{
color: #bbbbbb;
margin:8px 0;
font-size:7pt;
text-shadow:none;
}
.posts #title a{
color: #981b21;
margin:9px 0;
}
.posts #title a:hover{
color: #ba3d43;
}
.posts #bg{
width:500px;
}
.posts #bg img{
background:#dddddd;
padding:5px;
margin:10px;
border:1px solid #cccccc;
-moz-border-radius:5px;
}
.posts #bg img:hover{
background:#eeeeee;
}
.posts #foot{
width:500px;
}
.posts a img:hover{
opacity:0.9;
}
.comments #head{
background:#fafafa;
width:500px;
height:30px;
border:1px solid #eeeeee;
-moz-border-radius:5px;
text-align:center;
}
.comments #head #title{
color:#444444;
margin:6px 0;
text-align:center;
font-size:10pt;
font-weight:bold;
}
.comments #bg img{
background:#dddddd;
padding:5px;
margin:5px;
border:1px solid #cccccc;
-moz-border-radius:5px;
}
.comments #bg #padd{
background:#fcfcfc;
padding:5px;
margin:10px;
border:1px solid #cccccc;
-moz-border-radius:5px;
}
.menus{
float:left;
width:450px;
}
.menus #logo{
width:450px;
height:124px;
}
.menus #top-menu{
background:url("../images/top-menu.gif") no-repeat;
width:450px;
height:115px;
}
#top-menu #member_panel{
padding:40px 10px 5px 10px;
}
.menus #bg{
background:url("../images/mnu-bg.gif") repeat-y;
width:218px;
}
.menus #padd{
padding:10px 5px;
}
.menus #foot{
background:url("../images/mnu-f.gif") no-repeat center top;
width:218px;
height:10px;
}
.menus #right{
float:right;
width:218px;
margin:0 5px 0 0;
}
.menus #head{
width:218px;
height:33px;
margin:15px 0 0 0;
}
.menus #right .h1{
background:url("../images/mnu-head.gif") no-repeat right top;
}

.menus #right .h2{
background:url("../images/mnu-head.gif") no-repeat left -33px;
}
.menus #right .h3{
background:url("../images/mnu-head.gif") no-repeat left -66px;
}
.menus #left{
float:left;
width:218px;
}
.menus #left .h1{
background:url("../images/mnu-head.gif") no-repeat left top;
}
.menus #left .h2{
background:url("../images/mnu-head.gif") no-repeat right -33px;
}
.menus #left .h3{
background:url("../images/mnu-head.gif") no-repeat right -66px;
}
.menus #left .h4{
background:url("../images/mnu-head.gif") no-repeat left -66px;
}
.menus #left .h5{
background:url("../images/mnu-head.gif") no-repeat right -99px;
}
.footmenu{
width:979px;
float:right;
}
.footmenu #foot-bg{
width:979px;
}
.footmenu #bg{
background:#e6e6e6;
width:979px;
float:right;
}
.footmenu .fmnu{
float:right;
}
.fmnu #title{
border-bottom:1px solid #cccccc;
margin:0 3px;
padding:5px 2px;
}
.footmenu #f1{
width:200px;
}
.footmenu #f2{
width:220px;
}
.footmenu #f3{
width:300px;
}
.footmenu #f4{
width:220px;
}
.footmenu #flogo{
width:955px;
text-align:left;
margin:5px;
}
.footer{
background:url("../images/footer.gif") no-repeat center top #676767;
float:right;
width:979px;
height:22px;
text-align:right;
font-size:6pt;
}
.navigation {
color:#666;
border:0px;
margin-bottom:10px;
margin-top:10px;
}
.navigation a:link,
.navigation a:visited,
.navigation a:hover,
.navigation a:active {
text-decoration:none;
color: #636363;
background:#F9F9F9;
border:1px solid #E6E6E6;
padding:3px 6px;
font-size:11px;
-moz-border-radius:5px;
}
.navigation a:hover {
background:#4287ce;
color:#FFFFFF;
border-color:#E6E6E6;
}
.navigation span {
text-decoration:none;
background:#fff;
padding:3px 6px;
border:1px solid #E6E6E6;
color:#ccc;
font-size:11px;
}

[progpars]

تو css شما کد زیر را پیدا کنید:

.page{
width:979px;
}

اون برای سایز قالبتون هست .

width:979px;

979px را به هر اندازه که خواستی تغییر بده البته هیدر هم باید درست کنی فعلا تغییر بده ببین درست میشه

[orbitnic]

نه نشد

[FedoraCore]

هردو رو تغییر بده:

.page{
width:979px;
}
.page-bg{
background:#ffffff;
width:979px;
float:right;
}

[orbitnic]

میشه ! اما کل قالب میریزه به هم !!!

[iFarjad]

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

[salim_a]

width ها رو پیدا کن هر کدوم رو حساب شده کم کن

فرض : 500 باشه می خواکی کم کنی 3 در 100 میشه 475

همین طور واسه بقیه اعمال کن

فک کنم درست شه