sIFR 3 revision 419

기본 방식

윤고딕 240

산돌광수

Javascript:

var sandol = {
    src: 'sandol.swf'
    ,ratios: [7,1.32,11,1.31,13,1.24,14,1.25,19,1.23,27,1.2,34,1.19,42,1.18,47,1.17,48,1.18,69,1.17,74,1.16,75,1.17,1.16]
  };

var yunGoDic240 = {
    src: 'yunGoDic240.swf'
    ,ratios: [6,1.41,9,1.35,15,1.29,21,1.25,22,1.22,27,1.24,29,1.21,34,1.22,41,1.21,45,1.2,46,1.21,59,1.2,68,1.19,69,1.2,96,1.19,97,1.18,102,1.19,103,1.18,107,1.19,108,1.18,112,1.19,114,1.18,116,1.19,120,1.18,121,1.19,1.18]
  };

// You probably want to switch this on, but read <http://wiki.novemberborn.net/sifr3/DetectingCSSLoad> first.
  // sIFR.useStyleCheck = true;
  sIFR.activate(sandol, yunGoDic240);

sIFR.replace(yunGoDic240, {
    selector: 'h3.yunGoDic'
    ,css: [
      '.sIFR-root { text-align: center; font-weight: bold;}'
      ,'a { text-decoration: none; }'
      ,'a:link { color: #000000; }'
      ,'a:hover { color: #CCCCCC; }'
    ]
  });
  
  sIFR.replace(sandol, {
    selector: 'h3.sandol'
    ,css: '.sIFR-root { font-style: normal; color: #660000; text-align:center;}'
    ,selectable: false
  });
</script>

CSS:

Filter 적용

Drop Shadow 와 Inner Glow 적용

Javascript:

var sandol = {
    src: 'sandol.swf'
    ,ratios: [7,1.32,11,1.31,13,1.24,14,1.25,19,1.23,27,1.2,34,1.19,42,1.18,47,1.17,48,1.18,69,1.17,74,1.16,75,1.17,1.16]
  };

// You probably want to switch this on, but read <http://wiki.novemberborn.net/sifr3/DetectingCSSLoad> first.
  // sIFR.useStyleCheck = true;
  sIFR.activate(sandol, yunGoDic240);
  sIFR.replace(sandol, {
    selector: 'h4.dropshadow'
    ,css: '.sIFR-root {font-style: normal; color: #ffffff; line-height:25px;}'
    ,filters: {
	  Glow: {
	    inner: false
		,strength: 100
		,blurY: 3
		,blurX: 3
		,quality: 1
		,color: '#555555'
	  }      
	  ,DropShadow: {
        knockout: false
        ,distance: 0
        ,color: '#aaa'
        ,strength: 2
		,blurX: 4
		,blurY: 4
		,quality: 6
      }

}
  });
  sIFR.replace(yunGoDic240, {
    selector: 'h4.dropshadow2'
    ,css: '.sIFR-root {font-style: normal; color: #ffffff; line-height:25px;}'
    ,filters: {
	  Glow: {
	    inner: false
		,strength: 100
		,blurY: 3
		,blurX: 3
		,quality: 1
		,color: '#555555'
	  }      
	  ,DropShadow: {
        knockout: false
        ,distance: 0
        ,color: '#aaa'
        ,strength: 2
		,blurX: 4
		,blurY: 4
		,quality: 6
      }

}
  });
  //]]>
  </script>

CSS: