Putting the CSS Friendly Control Adapters to work
Putting the CSS Friendly Control Adapters to work
Menu Control Horizontal Layout - Asp.net 2.0
Putting the CSS Friendly Control Adapters to work
The CSS Friendly Control Adapters 1.0 override the default HTML generated by the ASP.NET Web controls to provide a more standards-based approach to presentation via CSS. I will show you how to use the Menu control in your ASP.NET applications. I begin with an examination of setting up the environment for using the CSS Friendly Control Adapters in your applications.
The environment
Last week, I outlined two approaches to using the CSS Friendly Control Adapters in your code: downloading the assembly or full source code. This week, I focus on using the full source code. Once you download and install the source code on your system, you should follow these steps to use the features of the CSS Friendly Control Adapters in your application:
|> Create these subfolders in your application's root folder if they do not exist: App_Browsers, App_Code, App_Themes, CSS, and JavaScript.
|> Copy the file named CSSFriendlyAdapters.browser from the App_Browsers folder in the CSS Friendly Control Adapters download to your Web application's App_Browsers folder. This file tells the system to use the control adapters as opposed to the default Web controls. Normally, you wouldn't edit this file since its current settings will work for your Web application, but you can edit it if you need to code for specific browsers. Also, you can remove the browser file to see your site without the CSS Friendly Control Adapters.
|> Copy the entire Adapters folder from the App_Code folder in CSS Friendly Control Adapters download to your Web application's App_Code folder.
|> Copy the entire JavaScript folder from the CSS Friendly Control Adapters download to your Web application.
|> Copy the entire CSS folder (including the BrowserSpecific subfolder) in the CSS Friendly Control Adapters download to your Web applic
Ïà¹ØÎĵµ£º
1.ÔÚJSPÖÐÉú³É¶¯Ì¬XML
¿ÉÒÔʹÓÃJSPÉú³ÉXML,ʹÓÃCSS»òÕßXSLת»»ºÍÏÔʾXML;
Ö»ÒªÔÚ¾²Ì¬µÄXMLÎĵµÄ£°åÖмÓÈëJava´úÂëºÍJSP±ê¼Ç£¬XML¾Í¿ÉÒÔÓо²±ä¶¯£¬²úÉú¶¯Ì¬µÄÄÚÈÝ£¬Éú³ÉXMLÎĵµµÄ·½·¨ºÜ¼òµ¥£¬Ö»ÐèÒªÔÚÎļþÖÐʹÓÃÖ¸Áîcontenttype,Èç<%@ page contenttype="text/xml"%>£»
ÔÚXMLÎĵµÖÐͬÑù¿ÉÒÔʹ ......
scrollbar-face-color: #000000;
scrollbar-shadow-color: #FFC300;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #FFC300;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #FFC300;
Èç¹ûʹÓÃDw»òÕßÆä ......
1 µ¼ÈëÍⲿjsÎļþ£º
1.<script type="text/javascript" src="myjs/xx.js"></script>
2.<script language="javascript" src="myjs/xx.js"></script>
2 µ¼ÈëÍⲿcssÎļþ£º
<link rel="stylesheet" ty ......
ÍøÉÏ¿´µ½µÄһЩCSS¹¤¾ß×ÊÔ´
ÔÚÏßCSS¹¤¾ß£º
W3C CSS УÑé·þÎñ :ÌṩÍòάÍøлá(W3C)Ñùʽ±í(CSS)УÑé·þÎñ¡£
CSS ÔÚÏß±à¼Æ÷:OnLine CSS Designer - CSS Style Editor¡£ CSS ÑùʽÔÚÏß±à¼Æ÷£¬¿ÉÒÔ¼´Ê±²é¿´CSS ÑùʽЧ¹ûÑÝʾ¡£
QrONE CSS Designer £ºÔÚÏßCSS±à¼Æ÷£¬Ëù¼û¼´ËùµÃ¡£
SKUER - The CSS Search Engine :SKUER ......
1¡¢ÍøÒ³¾ÓÖÐÏÔʾ£º
ÐèÒªÉèÖÃÁ½¸öµØ·½£¬Ò»¸öÊÇbody£¬Ò»¸öÊÇÍâ±ß¿òdiv¡£
CSS£º
body{
margin:0;
padding:0;
text-align:center;
}
#main{ /*×îÍâ²ãDIV*/
width:760px;
margin:0 auto;
padding:0
}
2¡¢ÎÄ×Ö´¹Ö±¾ ......