magento Ìí¼Ócss js
magento¸ö±ðÒ³ÃæÌí¼ÓcssºÍjsÎļþ£¬¿ÉÒÔ½«Æä·ÅÔÚ¸ö±ðÒ³ÃæµÄxmlÖУ¬»òÕß·ÅÔÚCMSµÄlayout updateÖУ¬Æä´úÂëºÍÎļþ´æ·ÅλÖÃÈçÏÂ
<reference name="head">
<action method="addCss"><stylesheet>css/mystyles.css</stylesheet></action>
//Ìí¼Ócss mystyles.css ÎļþÔÚ /skin/frontend/Ö÷Ìâ°üÎļþ¼Ð/Ö÷ÌâÎļþ¼Ð/css
<action method="addItem"><type>skin_js</type><name>js/myjs.js</name></action>
//Ìí¼Ójs myjs.js ÎļþÔÚ /skin/frontend/Ö÷Ìâ°üÎļþ¼Ð/Ö÷ÌâÎļþ¼Ð/js
<action method="removeItem"><type>js</type><name>prototype/prototype.js</name></action>
//ɾ³ýjs ´Ëprototype.jsÎļþÔÚmagento¸ùĿ¼µÄ jsÎļþ¼Ð
</reference>
³ö´¦£ºhttp://www.hellokeykey.com/magento-add-css-js/
Ïà¹ØÎĵµ£º
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 ......
²Î¿¼×ÊÁÏ£ºhttp://www.blueidea.com/tech/web/2007/4546.asp£¬ÓÉdzÈëÉîÂþ̸marginÊôÐÔ - ÍøÒ³ÖÆ×÷ - À¶É«ÀíÏë
Ö±½ÓÉÏ´úÂ룺
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>aaa</title>
<style type="text/css">
html { }
......
1¡¢ÍøÒ³¾ÓÖÐÏÔʾ£º
ÐèÒªÉèÖÃÁ½¸öµØ·½£¬Ò»¸öÊÇbody£¬Ò»¸öÊÇÍâ±ß¿òdiv¡£
CSS£º
body{
margin:0;
padding:0;
text-align:center;
}
#main{ /*×îÍâ²ãDIV*/
width:760px;
margin:0 auto;
padding:0
}
2¡¢ÎÄ×Ö´¹Ö±¾ ......
ƽ ʱÄÃCSS²¼¾Ö¶¼ÊÇһЩÄÚÈݱȽ϶àµÄÍøÕ¾,ǰÁ½ÌìÓÃCSS+DIVŪÁ˸öÄÚÈÝÉÙµÄÒ³Ãæ,·¢ÏÖÁËÒ»¸öСÎÊÌâ,¿ÉÄÜ´ó¼Ò¶¼»áÓöµ½,ÄǾÍÊÇÍøÕ¾FOOTERµÄ¶¨ λ,Èç¹ûÄÚÈݱȽÏÉٵϰ,Ò³ÃæµÄFOOTER¾Í»áËæ×ÅÄÚÈݵļõÉÙÅܵ½ÉÏÃæÈ¥,²»ÊǹԹԵÄÔÚÏÂÃæ´ô×Å,º¦µÃÎÒÑо¿Á˰ëÌìÕÒ¸ßÈËÖÕÓÚ¸ø¸ã¶¨ÁË,Ò²ËãÒ»¸öССµÄ ¼¼Çɸø´ó¼Ò·ÖÏí
Ê×ÏÈÎÒÃÇÒªÔÚÍâ²ãÉ趨һ ......
CSSÃüÃû¹æ·¶
Ò»£®ÎļþÃüÃû¹æ·¶
È«¾ÖÑùʽ£ºglobal.css£»
¿ò¼Ü²¼¾Ö£ºlayout.css£»
×ÖÌåÑùʽ£ºfont.css£»
Á´½ÓÑùʽ£ºlink.css£»
´òÓ¡Ñùʽ£ºprint.css£»
¶þ£®³£ÓÃÀà/IDÃüÃû¹æ·¶
Ò³¡¡Ã¼£ºheader
ÄÚ¡¡ÈÝ£ºcontent
ÈÝ¡¡Æ÷£ºcontainer
Ò³¡¡½Å£ºfooter
°æ¡¡È¨£ºcopyright¡¡
µ¼¡¡º½£ºmenu
Ö÷µ¼º½£ºmainMenu
×Óµ¼º½£ºsu ......