PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : افزایش عرض موقعیت left



adinehzadeh
06-19-2008, 02:33 PM
سلام
می خوام موقعیت چپو به 280px افزایش بدم ولی موفق نمی شم . چون بعضی قسمتها به هم می خوره لازمه که باهم سازگار بشن . به همین دلیل CSS و گذاشتم .اگه کمکم کنین ممنون می شم.


body {
background:#ffffff url(../images/0) fixed bottom center no-repeat;
margin:0;
padding:0;
font:normal 11px Tahoma, Verdana, Helvetica, sans-serif;
color:#000000;
text-align:right
direction:rtl;
}
td { direction:rtl;}
.clr {
clear: both;
}

#container{
margin:0 auto;
width:990px;
}
#container #header{
width:990px;
height:95px;
background:url(../images/banner_bg.png) left top no-repeat;



}



.inputbox, select.button, input.text_area {
padding: 2px;
border:solid 1px #000000;
background-color: #f5ffd5;
font:normal 11px Tahoma, Verdana, Helvetica, sans-serif;
color:#ffffff;

}
select.button{
text-align:right
}
.adminform select.inputbox{
height:auto;
background-image:none
}
textarea.inputbox{
height:150px;
width:350px
}


.spacer{
clear:both;
font-size:1px;
margin:0px;
padding:0px
}
.spacer15{
clear:both;
font-size:1px;
margin:0px;
padding:0px;
height:15px
}
#container #top_menu_container{
width:990px;
height:22px;
background:url(../images/top_menu_bg.png) center top no-repeat;
}
#container table.moduletable{
margin-bottom:0
}
#container #top_menu_container .moduletable, #container #search_container #search .moduletable{
background-image:none;

}
#container #top_menu_container .moduletable td, #container #search_container #search .moduletable td{
padding:0
}
ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin: 0;
font-size: 11px;

}

ul#mainlevel-nav li
{
background-image: none;
padding-left: 0px;
padding-right: 0px;
float: left;
margin: 0;
font-size: 11px;
line-height: 22px;
white-space: nowrap;

}

ul#mainlevel-nav li a
{
display: block;
padding-left: 10px;
padding-right: 10px;
padding-bottom:0;
text-decoration: none;
color: #062f97;
background: transparent;
font-weight:bold
}
ul#mainlevel-nav li a:hover
{
color: #000000;
background-color: #5a9ae0;
}
#contents{
width:990px;
background:url(../images/contents_bg.png) repeat-y;
border-bottom:1px solid #078b29;

}
#contents #container1{
width:185px;
float:left;
text-align:center;
border-top:1px solid #292377;
}
#contents #container1_core, #contents #container3_core{
margin:0 auto;
width:165px;
padding: 0
}

#contents #container3{
width:185px;
float:right;
text-align:center;
border-top:1px solid #080444;
}
#contents #container2{
width:620px;
float:left;
text-align:center;

}
#contents #container2_border{
margin:0 auto;
width:602px;
text-align:center;
border-top:1px solid #463fa3;
}
#contents #container2_core{
margin:0 auto;
width:580px;
padding:7px 0;

}
table.moduletable {
font-size : 11px;
background-color : #F9F9F9;
border : 1px solid #cdcbcb;
width : 100%;
margin-bottom : 10px;
}

div.moduletable {
padding: 0;
margin-bottom: 2px;
font-size: 12px;
}


table.moduletable th, div.moduletable h3 {
color: #ffffff;
background:url(../images/banner_02.jpg) left top no-repeat;
text-align: right;
padding-left: 9px;
height: 20px;
line-height: 20px;
font-weight: bold;
font-size: 12px;
margin: 0 0 3px 0;
border-bottom:1px dotted #f8eb17;
text-transform:uppercase
}

table.moduletable td{
font-size: 11px;
padding: 2px;
margin: 0px;
font-weight: normal;
}
table.moduletable div.search {
text-align:right
}
table.moduletable div.search .inputbox{
background-color:#79a2be;
border:1px solid #d9dbdd;
color:#ffffff;
}
a.mainlevel:link, a.mainlevel:visited {
display: block;
vertical-align: middle;
font-size: 14px;
font-family: Arial;
font-weight: bold;
color: #000000;
text-align: right;
padding-left: 3px;
width: 100%;
text-decoration: none;
text-transform:uppercase;
background:url(../images/left_menu_bg.png) left;
height:20px;
line-height:20px
}

#container1 a.mainlevel:hover {
text-decoration: none;
color: #ae0404;
font-weight: bold;
}

#container1 a.mainlevel#active_menu {
color: #e8d001;
font-weight: bold;
}

#container1 a.mainlevel#active_menu:hover {
color: #265770;
font-weight: bold;
}
#mod_login_remember{
width:auto;
background:none;
border:0
}

.button {
font-family: Tahoma, Arial, Hevlvetica, sans-serif;
text-align: center;
font-size: 11px;
font-weight: bold;
width: auto;
padding: 0px 5px;
line-height: 18px !important;
line-height: 16px;
height: 26px !important;
height: 24px;
margin: 1px;
}
.sectiontableentry1 {
background-color : #2f5576;
}
table tr.sectiontableentry1 td{
padding:5px
}
.sectiontableentry2 {
background-color : #3e678b;
}
table tr.sectiontableentry2 td{
padding:5px
}
#pathway_text {
overflow: hidden;
display: block;
height: 25px;
line-height: 25px;
padding-left: 4px;
margin-bottom: 2px;
text-align:right;
color:#000000
}
#pathway_text a:link, #pathway_text a:visited, #pathway_text a:hover{
color:#ed1c24;
font-weight:normal
}
#pathway_text img {
margin-left: 2px;
margin-right: 3px;
margin-top: 2px;
}
.small {
color: #007236;
font-size: 11px;
}
.createdate {
height: 15px;
padding-bottom: 10px;
color: #0054a6;
font-size: 11px;
float: right;
}

.modifydate {
height: 15px;
padding-top: 10px;
color: #30602e;
font-size: 11px;
}
.contentheading {
height: 30px;
color: #003399;
font-weight: bold;
font-size: 20px;
white-space: normal;
font-family: "Times New Roman", Times, serif;
font-size: 16px;
background-image: url(../images/indent2.png);
background-repeat: repeat-x;
background-position: top;

}

.contentpagetitle {
font-size: 13px;
font-weight: bold;
color: #cccccc;
text-align:right;

}
table.contentpaneopen {
width: 100%;

}

table.contentpaneopen td {
padding-right: 5px;
text-align:justify;
text-size:12px
}

table.contentpaneopen td.componentheading {
padding-left: 4px;
}
#news_popular{
width:100%;
clear:both
}
#news_popular td{
width:50%;
padding:0 10px 10px 10px;
vertical-align:top
}
#news_popular a:link, #news_popular a:visited, #news_popular a:hover{
color:#003663
}
#container1 .moduletable td, #container3 .moduletable td, #container3 .contentpaneopen a, #container1 a{
color:#000000
}
li{
line-height: 15px;
padding-right: 15px;
padding-top: 0px;
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
background-position: 100% 9px;
}
a:link, a:visited {
color: #002157;
text-decoration: none;
font-weight: normal;
}

a:hover {
color: #ae0404;
text-decoration:none;
font-weight: normal;
}
.back_button {
float: left;
text-align: center;
font-size: 11px;
font-weight: bold;
width: auto;
padding: 0px 10px;
line-height: 20px;
margin: 1px;
text-decoration:none;
color:#340231
}
.back_button a:link, .back_button a:visited, .back_button a:hover{
font-weight: bold;
color:#0072bc;
text-decoration:none;
}
.componentheading {
color: #003399;
text-align: right;
padding-top: 4px;
padding-left: 4px;
height: 21px;
font-weight: bold;
font-size: 18px;
font-family:"Times New Roman", Times, serif;
text-transform: uppercase;
background-image: url(../images/indent2.png);
background-repeat: repeat-x;
background-position: top;
}

.contentcolumn {
padding-right: 5px;
}
.pagenav {
text-align: center;
font-size: 11px;
font-weight: bold;
border: 1px solid #201d08;
width: auto;
padding: 2px 10px;
line-height: 20px;
margin: 1px;
color:#1e2d06
}
a.pagenav:link, a.pagenav:visited, a.pagenav:hover{
font-weight: bold;
text-decoration:none;
color:#055e2b
}
table.contentpane table td.sectiontableheader {
font-weight: bold;
background: #4984b7;
padding: 5px;
}
form table.contentpane td{
padding:3px
}
table.contenttoc {
border: 1px solid #284936;
padding: 2px;
margin-left: 10px;
margin-bottom: 10px;
}

table.contenttoc td {
padding: 2px;
}

table.contenttoc th {
color: #000000;
text-align: right;
padding-top: 2px;
padding-left: 4px;
height: 21px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
}
table.contenttoc a {font-size:11px}
#container1 a.sublevel:link, #container1 a.sublevel:visited {
padding-left: 8px;
vertical-align: middle;
font-size: 11px;
font-weight: normal;
color: #0e2819;
text-align: right;
text-decoration: none;
line-height:17px;
}
.moduletable table div img{
vertical-align:middle
}
#container1 a.sublevel:hover {
color: #ae0404;
text-decoration: none;
font-weight: normal;
}

#container1 a.sublevel#active_menu {
color: #ae0404;
}
#banner{
clear:both
}
#banner img{
margin:15px
}
body.contentpane{
background:none;
background-color:#1e4c76;
color:#07642e
}
body.contentpane form table td{
padding:3px
}
.mceContentBody{
background:none;
color:#000;
text-align:right;
font-size:12px
}
#container2 hr{
color:#5c3d15; background:#000000; border:0; height:1px;
}
#container2 ol li{
background:none
}
#footer{
width:990px;
height:22px;
background:url(../images/footer.png) center top no-repeat;
color:#000000
<h1 style="font-size:10px">
<?php echo jdate("l j F Y ",time() + ($mosConfig_offset*60*60)); ?>
</h1>
}
a.sgfooter:link, a.sgfooter:visited {
color : #8e5811;
font-size : 11px;
font-family: Arial;
font-weight: normal;
text-decoration:none;
}
a.sgfooter:hover {
color : #877a34;
font-family: Arial;
font-weight: normal;
text-decoration:none;
}


table.contentpane {
width: 100%;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin: 0px;

}

table.contentpane td {
margin: 0px;
padding: 0px;
}
th.pagenav_prev, th.pagenav_next{
font-size:12px
}
h4 {font-size:12px}
input[type="checkbox"], input[type="radio"]{
border:none;
background-color:transparent;
width:auto;
}
a.readon:link, a.readon:visited {
font-family : Arial, Verdana, Helvetica,sans-serif;
font-size : 11px;
font-weight : bold;
color : #b1031c;
float: right;
text-decoration : underline overline;
}
a.readon:hover {
color : #A96B16;
text-decoration : underline overline;

}


/*================================================= =====*/
.clr {
clear: both;
}

.outline {
border: 1px solid #cccccc;
background: #ffffff;
padding: 2px;
}

#buttons_outer {
width: 635px;
margin-bottom: 2px;
margin-right: 2px;
float: left;

}

#buttons_inner {
border: 1px solid #cccccc;
height: 21px !important;
height: 23px;
}



#buttons {
float: left;
margin: 0px;
padding: 0px;
width: auto;
}




#buttons>ul#mainlevel-nav li a { width: auto; }




#search_outer {
float: left;
width: 165px;
}

#search_inner {
border: 1px solid #cccccc;
padding: 0px;
height: 21px !important;
height: 23px;
overflow: hidden;
}

#search_inner form {
padding: 0;
margin: 0;
}

#search_inner .inputbox {
border: 0px;
padding: 3px 3px 3px 5px;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: #c64934;
}

#header_outer {
text-align: right;
border: 0px;
margin: 0px;
}

#header {
padding: 0px;
margin: 0px;
width: 800px;
height: 120px;
background: #437ebd;
}

#top_outer{
float: left;
width: 165px;
}

#top_inner {
border: 1px solid #cccccc;
padding: 2px;
height: 144px !important;
height: 150px;
overflow: hidden;
float: none !important;
float: left;
}

#left_outer {
float: left;
margin-top: 2px;
width: 165px;
}

#left_inner {
border: 1px solid #cccccc;
padding: 2px;
float: none !important;
float: left;
}

#content_outer {
padding: 0px;
margin-top: 0px;
margin-left: 2px;
/** border: 1px solid #cccccc; **/
float: left;
width: 635px;
}

#content_inner{
float: none !important;
float: left;
padding: 0;
padding-top: 2px;
margin: 0;
}

table.content_table {
width: 100%;
padding: 0px;
margin: 0px;
}

table.content_table td {
padding: 0px;
margin: 0px;
}


#banner_inner {
float: left;
padding: 0px;
height: 70px;
}

#poweredby_inner {
float: right;
padding: 0px;
margin-left: 0px;
height: 70px;
}

#right_outer {
margin-left: 2px;
width: 165px;
}

#right_inner {
float: none !important;
float: left;
border: 1px solid #cccccc;
padding: 2px;
}


.user1_inner {
border: 1px solid #cccccc;
float: none !important;
float: left;
margin: 0px;
padding: 2px;
}

.user2_inner {
border: 1px solid #cccccc;
float: none !important;
float: left;
margin: 0px;
padding: 2px;
}

table td.body_outer {
padding: 2px;
border: 1px solid #cccccc;
}

.maintitle {
color: #ffffff;
font-size: 14px;
padding-left: 15px;
padding-top: 20px;
}

.error {
font-style: italic;
text-transform: uppercase;
padding: 5px;
color: #cccccc;
font-size: 14px;
font-weight: bold;
}

/** old stuff **/





.pagenavbar {
margin-right: 10px;
float: right;
}

#footer {
text-align: center;
padding: 3px 0px;
}

ul
{
margin: 0;
padding: 0;
list-style: none;
}





td {
text-align: right;
font-size: 12px;
}





/* Joomla core stuff */








table.contentpane td.componentheading {
padding-left: 4px;
}

table.contentpaneopen fieldset {
border: 0px;
border-bottom: 1px solid #504d3b;
}







.contentcolumn {
padding-right: 5px;
}





.contentpagetitle {
font-size: 13px;
font-weight: bold;
color: #cccccc;
text-align:right;
}

table.searchinto {
width: 100%;
}

table.searchintro td {
font-weight: bold;
}


table.pollstableborder td {
padding: 2px;
}


.highlight {
background-color: Yellow;
color: Blue;
padding: 0;
}
.code {
background-color: #ddd;
border: 1px solid #bbb;
}

form {
/* removes space below form elements */
margin: 0;
padding: 0;
}

div.mosimage {

}

.mosimage {

margin: 5px
}

.mosimage_caption {
margin-top: 2px;

padding: 1px 2px;
color: #664a22;
font-size: 10px;

}

span.article_seperator {
display: block;
height: 1.5em;
}

/* -------------------------- */

.sgf {
font-size: 10px;
font-family: tahoma, verdana, sans-serif;
color: #5f3800;
text-decoration:none;
}
.sgf1 {
font-size: 10px;
font-family: tahoma, verdana, sans-serif;
color: #000000;
text-align:right;
}

a.sglink:link, a.sglink:visited {
color:#291b06;
font-size:10px;
font-family: tahoma, verdana, sans-serif;
font-weight: normal;
text-decoration:none;
}
a.sglink:hover {
color:#043e43;
font-family: tahoma, verdana, sans-serif;
font-weight: normal;
text-decoration:none;
}

}
a.readon:link, a.readon:visited {
font-family : Arial, Verdana, Helvetica,sans-serif;
font-size : 11px;
font-weight : bold;
color : #b1031c;
float: right;
text-decoration : underline overline;
}
a.readon:hover {
color : #A96B16;
text-decoration : underline overline;
}

سعید
06-19-2008, 08:53 PM
موقعیت ماژول چپ منظورتون هست ؟
یا منوی سمت چپ ؟

برای اینکار باید html صفحه اصلی رو هم بذارید.
چون این css روی اون اثر میگذاره.
برای اینکه فروم شلوغ نشه، اون یکی رو اینطوری کد نکنید. لینک دانلود لطف کنید بذارید.

adinehzadeh
06-20-2008, 07:52 AM
سلام آقا سعید
منظورم هم موقعیت ماژول چپه و هم منوی سمت چپ. تو تصویرم نشون دادم . می بخشین باعث زحمتتون میشه . مرسی

اینم لینک Css و html

<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>

<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>

firoozmandan
06-22-2008, 06:25 AM
سلام

لینک سایتتون رو اینجا قرار بدید تا دقیقا بگم کجا رو باید ادیت کنید

یا علی