Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > .NET Framework > Forum > การเรียกใช้ css class จากไฟล์มาใช้ใน <asp:Menu> <staticmenuitemstyle /> <dynamicmenuitemstyle /> <dynamichoverstyle /> </asp:Menu>

การเรียกใช้ css class จากไฟล์มาใช้ใน <asp:Menu> <staticmenuitemstyle /> <dynamicmenuitemstyle /> <dynamichoverstyle /> </asp:Menu>

เริ่มหัวข้อใหม่

chon2008

โพสกระทู้ ( 160 )
บทความ ( 0 )

ผมใช้ css จากไฟล์ ตาม พาท ไม่ได้ครับ แต่เขียนลงไปกับเมนูเลยตามที่คอมเม้นไว้จะใช่ได้ ส่วน css class อื่นๆก็ใช้ได้ตามปกติครับ ทั้งๆที่อยู่ในไฟล์เดียวกัน
เช่น CssClass="NavigationMenu" จะเรียกใช้ได้ตามปกติครับ

Code (C#)

<head runat="server">
   
    <link href="../App_Themes/Blue/style.css" rel="stylesheet" type="text/css" />
</head>

  <div class="backgroundMenu">
        <asp:Menu ID="NavigationMenu" CssClass="NavigationMenu" StaticDisplayLevels="1" DynamicHorizontalOffset="1"
            Orientation="Horizontal" DataSourceID="SiteMapDataSource1" runat="server" Height="30px">
          
<%--          <staticmenuitemstyle  BackColor="#0099CC" BorderColor="Black" BorderStyle="Solid" BorderWidth="1" />
          <dynamicmenuitemstyle BackColor="#999966" BorderColor="Black" BorderStyle="Solid" BorderWidth="1" ForeColor="#333333" />
          <dynamichoverstyle  BackColor="#FF9900" BorderColor="#FF3300" BorderStyle="Solid" BorderWidth="1" ForeColor="#E15A00" />
        --%>

         <staticmenuitemstyle CssClass="staticmenuitemstyle" />
          <dynamicmenuitemstyle CssClass="dynamicmenuitemstyle"  />
          <dynamichoverstyle   CssClass="dynamichoverstyle" />
        

        </asp:Menu>
    </div>
 <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" ShowStartingNode="False" />

======= CSS style ======

.staticmenuitemstyle
{
    background-color: #0099CC;
    border: 1px solid #000000;
}

 

.staticMenuItemSelectedStyle
{
    border: solid 1px #000;
    background-color: #008000;
}

.staticHoverStyle
{
    background-color: #000000;
}

.menuItem
{
    display: block;
}

.dynamicmenuitemstyle
{
    border-style: solid;
    border-width: 1px;
    background-color: #999966;
    color: #800000;
}
.dynamichoverstyle
{
    border: 1px solid #008000;
    background-color: #FF9900;
    color: #000000;
}


.NavigationMenu
{
    font-family: 'Microsoft Sans Serif';
    font-size: 10pt;
    color: #000000;
    font-weight: 600;
    z-index: 101;
    background-image: url(../Images/bg-black.gif);
}

.NavigationMenu A:link, .NavigationMenu A:visited, .NavigationMenu A:active
{
    border: 1px solid #000000;
    padding: 2px;
    margin: 2px;
    text-decoration: none;
    color: #000000;
    display: block;
    background-color: #CCCCCC;
    height: 20px;
    text-align: left;
}

Tag : .NET, Web (ASP.NET), C#, VS 2010 (.NET 4.x)

Date : 2011-10-10 22:00:41

By : chon2008

View : 4003

Reply : 1

No. 1

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

Quote:
../App_Themes/Blue/style.css

มันอยู่ path ยังไงครับ หรือไม่ลองใช้ /App_Themes คือเรียกจาก root path เลยครับ

Date : 2011-10-12 16:21:17

By : webmaster

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : การเรียกใช้ css class จากไฟล์มาใช้ใน <asp:Menu> <staticmenuitemstyle /> <dynamicmenuitemstyle /> <dynamichoverstyle /> </asp:Menu>

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 03

Registered : 109,037

document.write("<font color=996600>[.NET]</font>"); การเรียกใช้ css class จากไฟล์มาใช้ใน <asp:Menu> <staticmenuitemstyle /> <dynamicmenuitemstyle /> <dynamichoverstyle /> </asp:Menu>

No. 1

ค้นหาข้อมูล

อัพโหลดแทรกรูปภาพ

Notice

การเรียกใช้ css class จากไฟล์มาใช้ใน <asp:Menu> <staticmenuitemstyle /> <dynamicmenuitemstyle /> <dynamichoverstyle /> </asp:Menu>