我希望能够通过菜单完成一些事情,但我很难想出来......
使字体变粗 使字体更大 使边框颜色变为红色 将项目一直对齐(而不是左侧)
有人可以告诉我如何才能做到这一点吗?
下面是我的标记..
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage0.master.cs"
Inherits="MasterPage" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link href="App_Themes/style0.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.core.js"></script>
<script type="text/javascript" src="js/jquery.superfish.js"></script>
<script type="text/javascript" src="js/jquery.jcarousel.pack.js"></script>
<script type="text/javascript" src="js/jquery.easing.js"></script>
<script type="text/javascript" src="js/jquery.scripts.js"></script>
<title>Network Performance Portal</title>
<link rel="stylesheet" href="style000.css" type="text/css" media="screen" />
<style type="text/css">
div.RadMenu2
{
float: right;
}
</style>
</head>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js" type="text/javascript1.5"></script>
<asp:contentplaceholder id="head" runat="server">
</asp:contentplaceholder>
<body>
<header>
<div id="wrap">
<div class="top_corner">
</div>
<div id="main_container">
<div id="header">
<div id="logo">
<a href="http://wmsatsea.com/">
<img src="images/wmslogo.png" alt="" title="" border="0" /></a></div>
</div>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
</telerik:RadScriptManager>
<div>
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
<telerik:RadMenu ID="RadMenu2" runat="server" Width="85%" Font-Bold="true" Font-Size="Large"
BorderColor="Red">
<Items>
<telerik:RadMenuItem runat="server" ExpandMode="ClientSide" Text="Reports">
<Items>
<telerik:RadMenuItem runat="server" ExpandMode="ClientSide" Text="Satellite Availability"
NavigateUrl="SatReport_Container.aspx" />
<telerik:RadMenuItem runat="server" ExpandMode="ClientSide" Text="Call Attempts"
NavigateUrl="CA_Container.aspx" />
<telerik:RadMenuItem runat="server" ExpandMode="ClientSide" Text="Minutes of Usage"
NavigateUrl="MinUsage_Container.aspx" />
<telerik:RadMenuItem runat="server" ExpandMode="ClientSide" Text="Dropped Call %"
NavigateUrl="Container.aspx" />
<telerik:RadMenuItem runat="server" ExpandMode="ClientSide" Text="Call Success Rate %"
NavigateUrl="Success_Container.aspx" />
<telerik:RadMenuItem runat="server" ExpandMode="ClientSide" Text="CrewzFone Sales"
NavigateUrl="Crewzfone_Sales.aspx" />
</Items>
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" ExpandMode="ClientSide" Text="Contact Us" NavigateUrl="http://wmsatsea.com/default.aspx">
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" ExpandMode="ClientSide" Text="WMS Website" NavigateUrl="http://wmsatsea.com/">
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" ExpandMode="ClientSide" Text="Revenue">
<Items>
<telerik:RadMenuItem runat="server" ExpandMode="ClientSide" Text="Revenue" NavigateUrl="~/Revenue/ManageSubscriptions.aspx" />
<telerik:RadMenuItem runat="server" ExpandMode="ClientSide" Text="SMS Count" NavigateUrl="MobileSMS_Container.aspx" />
<telerik:RadMenuItem runat="server" ExpandMode="ClientSide" Text="Carrier Activity"
NavigateUrl="MoActivity_Container.aspx" />
</Items>
</telerik:RadMenuItem>
</Items>
</telerik:RadMenu>
</asp:ContentPlaceHolder>
</div>
<asp:ContentPlaceHolder ID="MainContent" runat="server">
</asp:ContentPlaceHolder>
<br />
<br />
<br />
<br />
</form>
<div class="clear">
</div>
</div>
<div class="clear">
</div>
</div>
</header>
<footer>
<div id="footWrap">
<div id="footPanel">
<div id="footNav">
<ul>
<li></li>
<li><a href="#">Home</a></li>
<li>
<div class="blank">
|</div>
</li>
<li><a href="#">Online Support</a></li>
<li>
<div class="blank">
|</div>
</li>
<li><a href="#">Solutions</a></li>
<li>
<div class="blank">
|</div>
</li>
<li><a href="#">Site Map</a></li>
<li>
<div class="blank">
|</div>
</li>
<li><a href="#">Report Requests</a></li>
<li>
<div class="blank">
|</div>
</li>
<li><a href="#">Projects</a></li>
<li>
<div class="blank">
|</div>
</li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div id="copyright">
<p>
© Copyright WMS. All Rights Reserved.</p>
</div>
<p>
Designed By: Software Development Team</p>
</div>
</div>
</footer>
</body>
</html>
答案 0 :(得分:1)
这是你知道用RadMenu做你想做的最重要的重要的事情。
第二种方法是将 EnableEmbeddedSkins
属性设置为false。
部分链接:
为了快速查看,您可以使用以下标记
更改RadMenu上的文本.RadMenu .rmItem .rmExpandDown
- 只有&#34;标题&#34;菜单。.RadMenu .rmText
- 所有文字菜单答案 1 :(得分:0)
你需要覆盖telerik的css。使用viewsource和firebug的组合来最有效地完成此操作。此外,与radmenu的css类层次结构的这个令人敬畏的链接在过去帮助了我。
http://www.telerik.com/help/aspnet-ajax/menu-appearance-css-file.html