정보얻기/Question / Answer

내 블러그를 위한 플래시 태그 클라우드

soulowner 2010. 5. 31. 20:28
반응형

출처 : 허락없이 일부
http://www.roytanck.com/2009/03/11/how-to-use-wp-cumulus-shortcodes/#more-1346

TiCumulus.zip

블러그의 디자인을 자주 바꾸다 보니 잊어버리는게 많아지는군요
그래서 하나 남겨보아요

현재 제가 가지고 있는 태그 클라이드는 위 출처의 프로그램에 한글폰트를 추가하여 변경한듯 합니다.
자료를 찾아보니 출처를 적으신 분들도 없고 해서... 전 제가 수정을 하여 사용중입니다.
그리고 다른 분이 내용을 추가하여 버전대로 올리시는게 있으신데 그것도 제가 사용하는 것과 맞지 않더군요.

하여튼 다른건 입맛대로 다 변경을 할 수 있는데 배경의 투명도가 안되는군요 -_-;;;
연구를 좀 해봐야 할 것 같네요

파란색 글자 부분은 티스토리에서는 변경을 하지 않으셔도 됩니다.
노란색 부분은 차례대로 가로크기, 세로크기, ?, 배경색, 태그속도 입니다.
파란색 배경에 흰글씨는 차례대로 글씨 색, 선택시 색 입니다.
원래 그 밑줄이 배경의 투명도 인데 적용이 안되는군요
소스를 보고 있는데 소스상의 문제 보단 swf 파일의 투명도와 관련이 있지 않나 생각이 드는군요


<div id="htags" style="display:none;"><tags>
  <s_random_tags>
    <a href="" class=""></a>
  </s_random_tags>
<a href="/"></a></tags></div>
<div id="TiCumulus"><p>Tistory Cumulus Flash tag cloud by <a href="http://millionairefree.tistory.com/">Millionaire</a> requires Flash Player 9 or better.</p></div>
<script type="text/javascript" src="./images/swfobject.js"></script>
<script type="text/javascript">
  var t = new SWFObject("./images/tagcloud.swf", "tagcloud", "100%", "100%", "5", "#000000");
  t.addVariable("tcolor", "0xffffff");t.addVariable("hicolor", "0xffff00");
  t.addVariable("trans", "true");
  t.addVariable("mode", "tags");t.addVariable("distr", "true");t.addVariable("tspeed", "150");t.addParam("allowScriptAccess", "always");
  t.addVariable("tagcloud", document.getElementById('htags').innerHTML.replace(/class=([\w]+)/gi, 'class="$1"').replace(/\"\"/gi, '"').replace(/class=\"/gi, 'style=\"font-size:').replace(/:cloud([\d])/gi, ':1$1pt;').replace(/TAGS\>/gi, 'tags>').replace(/\<A\s/gi, '<a ').replace(/\<\/A\>/gi, '</a>').replace(/\"/g, "'"));
  t.write("TiCumulus");
</script><br>




 Attribute  Used for  Possible values   Example
 width (가로크기)
 Width of the tag cloud  Number of pixels (positive integer)  width="300"
 height (세로크기)
 Height of the tag cloud   Number of pixels (positive integer)  height="240"
 tcolor (글자 색)
 Tag color   HEX color value without the '#' prefix  tcolor="ffcc00"
 tcolor2 (글자 색2)
 Tag color for less important tags  HEX color value without the '#' prefix  tcolor2="cc9900"
 hicolor (클릭시 색)
 Tag highlight color   HEX color value without the '#' prefix  hicolor="ffffff"
 bgcolor (배경 색)
 Tag cloud background color  HEX color value without the '#' prefix  bgcolor="333333"
 speed (글자 돌아가는 속도)
 Rotation speed  Precentage, higher means faster  speed="150"
 trans (투명도, 안되네요;;)
 Background transparency   “true” or “false”   trans="true"
 distr  Even tag distributions along sphere   “true” or “false”  distr="true"
 args  Argments to be passed to the 'wp_tag_cloud' function (experimental, use at own risk)  URL encoded string   args="smallest=10"
 mode  Tag/Category mode   "tags", "cats" or "both"  mode="tags"


반응형