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

موضوع: خارج شدن منوها از قالب سایتم

Threaded View

پست قبلی پست قبلی   پست بعدی پست بعدی
  1. #1
    erwin
    Guest

    خارج شدن منوها از قالب سایتم

    سلام
    من قصد داشتم که منوی سمت راستی که محصولاتم رو توش قرار دادم رو تغیر بدم و به یک ظاهر دیگه تغییرش بدم.
    پس از تغییر از داخل تنظیمات منوها متوجه شدم اون منویی که دوست دارم مشکلی داره که در تصویر زیر مشاهده می کنید
    لطفا بفرمایید که چیکار کنم که زیر منوها به داخل قالب بیاد و در جای خودش قرار بگیره؟
    [img width=527 height=480]http://www.up.p30day.com/images/97613373125141319116.jpg[/img]

    این هم فایل CSS
    کد:
    /* TRANSMENU CSS FOR RHUK_PLANETFALL TEMPLATE*/
    
    /* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
    .transMenu {
    	position:absolute;
    	overflow:hidden;
    	right:1000px;
    	top:-1000px;
    	}
    /* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
    .transMenu .content {
    	position:absolute;
    }
    /* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
    .transMenu .items {
    	position:relative;
    	left:0px; top:0px;
    	z-index:2;
    	text-indent:5px;
    	}
    .transMenu.top .items {
    	border-top:none;
    	}
    /* each TR.item is one menu item */
    .transMenu .item{
      font-size:11px;
      text-decoration:none;
    	font-weight:bold;
      margin: 0px;
    	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
    	border:none;
    	cursor:pointer;
    	cursor:hand;
    	border-bottom: 1px solid #000;
    	}
    /* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
    /* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
    .transMenu .background {
    	position:absolute;
    	left:0px; top:0px;
    	z-index:1;
    	-moz-opacity:.8;
    	filter:alpha(opacity=80);
    	}
    
    /* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
    .transMenu .shadowRight {
    	position:absolute;
    	z-index:3;
    	top:3px; width:2px;
    	-moz-opacity:.4;
    	filter:alpha(opacity=40);
    	}
    /* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
    .transMenu .shadowBottom {
    	position:absolute;
    	z-index:1;
    	left:3px; height:2px;
    	-moz-opacity:.4;
    	filter:alpha(opacity=40);
    	}
    /* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
    .transMenu .item.hover {
    background: #FF6600;
    }
    .transMenu .item.hover td {color:#3366CC;}
    
    /* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
    .transMenu .item img {
    	margin-left:10px;
    	}
    .transMenu .item#active {
    	background:#ff0000;
    	color:black;
    	-moz-opacity:.6;
    	filter:alpha(opacity=60);
    	}
    .transMenu .item#active.hover {
    	background:#3366CC;
    	}
    .transMenu .item td{
    	color:#000;
    	font-weight:bold;
    }
    /* For first level menu.*/
    #wrap {
      margin: 0px;
      padding: 0px;
    }
    #menu {
    }
    a.mainlevel-trans:link, a.mainlevel-trans:visited {
      font-family: Tahoma, Helvetica, sans-serif;
      text-decoration:none;
      font-size: 11px;
      font-weight:bold;
      color:#000;
      white-space:nowrap;
      line-height: 26px;
      border-right: 1px solid #FFF;
      display: block;
      height: 26px;
      width:auto;
      margin: 0px;
      padding: 0px 15px 0px 29px;
    }
    a.mainlevel-trans:hover {
     color:#3366CC;
    }
    a.mainlevel_active-trans, a.mainlevel_active-trans:visited {
      font-family: Tahoma, Helvetica, sans-serif;
      text-decoration:none;
      font-size: 11px;
    	direction:rtl;
      font-weight:bold;
      color:#FF6600;
      white-space:nowrap;
      line-height: 26px;
      border-right: 1px solid #FFF;
      display: block;
      height: 26px;
      width:auto;
      margin: 0px;
      padding: 0px 15px 0px 29px;
      background: url(img/arrow.png) 12px 10px no-repeat;
      background-position:right;
    }
    a.mainlevel_active-trans:hover {
     color:#3366CC;
    }
    /* End added */

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


  2. # ADS
    تبلیغات در جوملا فارسی
     

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

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

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

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