-
خارج شدن منوها از قالب سایتم
سلام
من قصد داشتم که منوی سمت راستی که محصولاتم رو توش قرار دادم رو تغیر بدم و به یک ظاهر دیگه تغییرش بدم.
پس از تغییر از داخل تنظیمات منوها متوجه شدم اون منویی که دوست دارم مشکلی داره که در تصویر زیر مشاهده می کنید
لطفا بفرمایید که چیکار کنم که زیر منوها به داخل قالب بیاد و در جای خودش قرار بگیره؟
[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 */
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
-
-
09-08-2010 10:43 AM
# ADS
تبلیغات در جوملا فارسی
علاقه مندی ها (Bookmarks)