Re: Linking to site's style sheet

  •  12-29-2003, 10:14 PM

    Re: Linking to site's style sheet

    OK.

     

    1 .Create a new css file named as test.css. Copy the following code into test.css.

     

    .ToolbarBg { background-color: #336699; BACKGROUND-IMAGE: url('/images/2x19.gif'); }

    .ItemBg { background-color: #336699; height:21px; border:solid 1px #336699; }

    .TabBg { background-color: White; height:21px; border:solid 1px White}

    .SeparatorBg { background-color: #336699; height:21px }

    .SelectedTab { font-family: Arial, Helvetica; font-size: 12px; font-weight: normal; color: #000}

    .OtherTabs { font-family: Arial, Helvetica; font-size: 12px; font-weight: normal; color: #FFF}

     

     

    2.   Link to this external style sheet.

    <head>

    <title>This is a test</title>

    <link href="test.css" type="text/css" rel="stylesheet">

    </head>

     

    3. Now All the class in test.css can be brought into Editor and listed in the "Style" drop down.

     

    dim temp_styledropdownMenuNames

    dim temp_styledropdownMenuList

    temp_styledropdownMenuNames = "ToolbarBg,ItemBg2,TabBg"

    temp_styledropdownMenuList = "ToolbarBg,ItemBg,TabBg"

     

    editor.StyleDropDownMenuNames = temp_styledropdownMenuNames

    editor.StyleDropDownMenuList = temp_styledropdownMenuList

     

     

    For the whole source code, please check enableall.asp.



    asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
    Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
    asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
    asp wysiwyg html editor: http://cutesoft.net/ASP
    asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
    Live Support: http://cutesoft.net/live-support/default.aspx

View Complete Thread