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/
Ïà¹ØÎĵµ£º
¹ØÓÚCSS¶Ô¸÷¸öä¯ÀÀÆ÷¼æÈÝÊǸö·Ç³£ÈÃÈËÍ·ÌÛµÄÊÂÇéÁË, ÍøÂçÉÏµÄ½Ì³Ì±éµØ¶¼ÊÇ.½ñÌìÔÚdiscuz.netÉÏ·¢ÏÖÁËһƪ²»´íµÄ¶«Î÷£¬¾Í×ªÔØ¹ýÀ´ºÍ´ó¼Ò¹²Ïí.¿ÉÒÔµ±×÷CSS¼æÈÝIE6,IE7,FireFoxµä·¶ÁË£¬ÖµµÃÈ¥¼Ç¼Ï¡£·¢ÏÖ×Ô¼ººÜ¾ÃûÓÐ×ªÔØ¶«Î÷¡£
×¢£ºIE¶¼ÄÜʶ±ð*;±ê×¼ä¯ÀÀÆ÷(ÈçFirefox,Opera,Netscape)²»ÄÜʶ±ð*£»IE6ÄÜʶ±ð*£¬µ«²»ÄÜʶ±ð !im ......
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 ......
Ò»¡¢YAML
´ó¼Ò±È½ÏÊìϤµÄÊÇjs¿ò¼Ü£¬ÀýÈçprototype¡¢JQueryѽ¡£ÆäʵXHTML+CSSÒ²ÊÇ
Óпò¼ÜµÄ£¬×îÖøÃûµÄ¿ÉÄܾÍÊÇYUIÁË£¬ÊÇyahoo¿ª·¢Ð¡×éµÄ¡£µ«ÊÇÄǸöÉÔ΢ÓеãÅӴ󣬶øÇÒÇ£³¶µ½Ò»Ð©µÄJS¿ò¼Ü¡£ËùÒÔ¸Õ¿ªÊ¼Ñо¿µÄʱºò¿ÉÄÜÉÔ΢ÓеãÀÛ¡£
¶øÕâ¸öYAML¾Í±È½Ïµ¥´¿ÁË¡£¿ÉÄÜÊÇÏÖÔÚ»¹ÔÚ·¢Õ¹³õÆÚËùÒÔ¿ò¼ÜºÜ¼òµ¥£¬¶«Î÷²»¶à£¬¶ÔXHMTL+CSS¿ò¼ ......
1.ͼƬµÄ´¹Ö±¾ÓÖÐ
.box
{
/*·ÇIEµÄÖ÷Á÷ä¯ÀÀÆ÷ʶ±ðµÄ´¹Ö±¾ÓÖеķ½·¨*/
display: table-cell;
vertical-align: middle; /*ÉèÖÃˮƽ¾ÓÖÐ*/
text-align: center;
/* Õë¶ÔIEµÄHack */
*display:block;
......
ƽ ʱÄÃCSS²¼¾Ö¶¼ÊÇһЩÄÚÈݱȽ϶àµÄÍøÕ¾,ǰÁ½ÌìÓÃCSS+DIVŪÁ˸öÄÚÈÝÉÙµÄÒ³Ãæ,·¢ÏÖÁËÒ»¸öСÎÊÌâ,¿ÉÄÜ´ó¼Ò¶¼»áÓöµ½,ÄǾÍÊÇÍøÕ¾FOOTERµÄ¶¨ λ,Èç¹ûÄÚÈݱȽÏÉٵϰ,Ò³ÃæµÄFOOTER¾Í»áËæ×ÅÄÚÈݵļõÉÙÅܵ½ÉÏÃæÈ¥,²»ÊǹԹԵÄÔÚÏÂÃæ´ô×Å,º¦µÃÎÒÑо¿Á˰ëÌìÕÒ¸ßÈËÖÕÓÚ¸ø¸ã¶¨ÁË,Ò²ËãÒ»¸öССµÄ ¼¼Çɸø´ó¼Ò·ÖÏí
Ê×ÏÈÎÒÃÇÒªÔÚÍâ²ãÉ趨һ ......