laurnts
11/6/2013 - 12:43 PM

Custom CSS - JS in phtml or local.xml

Custom CSS - JS in phtml or local.xml

<!-- Add an EXTERNAL stylesheets  -->
<action method="addLinkRel"><rel>stylesheet</rel><href>https://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400,300,700|Open+Sans:300italic,400,300</href></action>

<!--  Add an EXTERNAL javascript  -->
<action method="addLinkRel"><rel>text/javascript</rel><href>https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js</href></action>

<!-- Add stylesheets from your local theme directory located in skin/frontend/ -->
<action method="addCss">sheet>css/styles.css</stylesheet></action>

<!-- Add javascript to root js -->
<action method="addJs"><script>bootstrap.min.js</script></action>

<!-- Add javascript to skin js -->
<action method="addItem"><type>skin_js</type><name>js/bootstrap.min.js</name></action>
<!-- IE: -->
<reference name="head">
  <action method="addCss"><stylesheet>css/layout.css</stylesheet></action>
  <action method="addCss"><stylesheet>css/styles.css</stylesheet></action>
  <action method="addCss"><stylesheet>css/custom.css</stylesheet></action>
</reference>
<link rel="stylesheet" type="text/css" href="<?php echo $skinUrl . 'css/custom.css'; ?>" media="all" />