2

我希望能够用菜单完成几件事，但很难弄清楚....

使字体加粗 使字体变大 使边框颜色为红色 将项目一直对齐到右侧（而不是左侧）

有人可以告诉我如何做到这一点吗？

下面，是我的标记..

<%@ 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>
4

2 回答 2

2

！重要的

这是您知道如何使用 RadMenu 做您想做的最重要的事情。

第二个是将EnableEmbeddedSkins属性设置为false。

一些链接：

为了快速查看，您可以使用以下标签更改 RadMenu 上的文本

  • .RadMenu .rmItem .rmExpandDown- 只有“标题”菜单。
  • .RadMenu .rmText- 所有文本菜单
于 2013-07-07T16:13:46.877 回答
0

你需要覆盖telerik的css。使用 viewsource 和 firebug 的组合来最有效地做到这一点。此外，与 radmenu 的 css 类层次结构的这个很棒的链接在过去帮助了我。

http://www.telerik.com/help/aspnet-ajax/menu-appearance-css-file.html

于 2013-02-07T19:03:46.517 回答