PDA

View Full Version : استایل دادن به منو داینامیک asp.net



soha_smb
شنبه 01 تیر 1392, 22:35 عصر
سلام
من منو هارو به صورت داینامیک درست کردم

<asp:Menu ID="Menu1" runat="server" DataSourceID="XmlDataSource1" Orientation="Horizontal"
RenderingMode="List" MaximumDynamicDisplayLevels="10" Style="float: right;" CssClass="MainhorizontalMenu"
StaticPopOutImageUrl="." SkipLinkText="">
<DataBindings>
<asp:MenuItemBinding DataMember="Node" TextField="Name" ValueField='id' NavigateUrlField="URL" />
</DataBindings>
<DynamicMenuItemStyle CssClass="submenu" HorizontalPadding="10px" Height="25px" />
<DynamicMenuStyle CssClass="d_menu" HorizontalPadding="3px" />
<StaticHoverStyle />

<StaticMenuItemStyle HorizontalPadding="8px" Height="30px" ForeColor=""
CssClass="S_item" />
<StaticMenuStyle Height="30px" />
</asp:Menu>
<asp:XmlDataSource ID="XmlDataSource1" runat="server" XPath="/Menu/Node" DataFile="~/Temp/MenuPublic.xml">
</asp:XmlDataSource>
اینم عکس منو
105996
حالا می خوام منو های داینامیکی رو درست کردم رو به شکل آدرس زیر درست مکنم، هر کاری می کنم درست
نمی شه http://glassbeadsco.com (http://glassbeadsco.com/)
اگه می شه راهنمایی کنین.
اینم cssشه:
.MainhorizontalMenu
{
margin: 0px auto;
background-image: none;
padding: 0px 2px;
width: 99%;
position:relative;
width:100%;
}
.MainhorizontalMenu ul
{
float:right;
}
.MainhorizontalMenu ul li
{
float:right;
margin:0;
padding:0;
position:relative;
text-align:right;

}
.ainhorizontalMenu ul li a
{
-webkit-transition: all 700ms ease;
-moz-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
display: block;
float: none;
margin: 4px;
padding: 1px 5px;
height: 30px;
position: relative;
behavior: url(PIE.php);
font-weight: normal;
font-size: 100%;
color: #000000;
}
.Maienu ul li a:hover
{
border-style: solid;
border-width: 2px;
background-color: #800000;
color: #FFFFFF;
text-shadow: 1px 1px 0 #000;
box-shadow: 1px 1px 5px #000000;
border-radius: 5px;
}
.submenu
{
}
.submenu
{
text-align: right;
width: 168px;color: #FFFFFF;
}
.submenu:hover
{

text-align: right;
width: 168px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(0, 255, 0, 0.8);
outline: 0 none;
border-radius: 6px 6px 6px 6px;
opacity: .85;
color: #FFFFFF;
}
.d_menu
{

box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(222, 222, 60, 0.75);
outline: 0 none;
opacity: .85;
background-color: #333;
color: #FFFFFF;
}
.d_menu:hover
{
background-color: #F0F0F0;
color: #FF0000;
}