سلام ، آیا این بازدید اول شماست ؟ یا
نمایش نتایج: از شماره 1 تا 4 , از مجموع 4

موضوع: افزایش عرض موقعیت left

  1. #1

    تاریخ عضویت
    Feb 2008
    نوشته ها
    260
    تشکر
    0
    تشکر شده 1 بار در 1 ارسال

    افزایش عرض موقعیت left

    سلام
    می خوام موقعیت چپو به 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; 
    }

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


  2. # ADS
    تبلیغات در جوملا فارسی
    تاریخ عضویت
    Always
    نوشته ها
    Many
     

  3. #2

    تاریخ عضویت
    Dec 2006
    محل سکونت
    heart of the world
    نوشته ها
    4,889
    تشکر
    145
    تشکر شده 137 بار در 90 ارسال

    پاسخ : افزایش عرض موقعیت left

    موقعیت ماژول چپ منظورتون هست ؟
    یا منوی سمت چپ ؟

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

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


  4. #3

    تاریخ عضویت
    Feb 2008
    نوشته ها
    260
    تشکر
    0
    تشکر شده 1 بار در 1 ارسال

    پاسخ : افزایش عرض موقعیت left

    سلام آقا سعید
    منظورم هم موقعیت ماژول چپه و هم منوی سمت چپ. تو تصویرم نشون دادم . می بخشین باعث زحمتتون میشه . مرسی

    اینم لینک Css و html

    [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

    [img width=640 height=366]http://www.zom.ir/files/f5ntvhojumy2iyf1rbbk.gif[/img]

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


  5. #4
    Admin
    تاریخ عضویت
    Dec 2005
    محل سکونت
    U.A.E
    نوشته ها
    13,222
    تشکر
    318
    تشکر شده 1,338 بار در 652 ارسال

    پاسخ : افزایش عرض موقعیت left

    سلام

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

    یا علی

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


موضوعات مشابه

  1. سایت 2 زبانه و عوض نشدن left , right
    توسط nimajan در انجمن قالب های جوملا 1.5 فارسی
    پاسخ ها: 2
    آخرين نوشته: 09-14-2010, 02:34 PM
  2. حذف فاصله بین body و left , right
    توسط sogoli در انجمن قالب های مامبو فارسی
    پاسخ ها: 7
    آخرين نوشته: 09-10-2008, 10:18 AM
  3. قرار دادن شیی تو left یا right
    توسط Abtien در انجمن سوالهای عمومی مامبو فارسی
    پاسخ ها: 7
    آخرين نوشته: 06-20-2008, 08:26 PM
  4. کسی بلده دکمه rifgt to left رو به اديتور mostlyce اضافه کنه؟
    توسط behnam_iut در انجمن سوالهای عمومی مامبو فارسی
    پاسخ ها: 2
    آخرين نوشته: 08-07-2007, 12:06 PM
  5. تغییر سایز left module
    توسط faramarz58 در انجمن قالب های مامبو فارسی
    پاسخ ها: 5
    آخرين نوشته: 07-16-2006, 07:37 AM

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •