본문으로 바로가기


태그들이 둥실둥실 !



우선 아래 Ticumulus.zip 을 다운로드 받습니다.





다운받은 압축 파일을 풀면 안에 3개의 파일이 들어있습니다.



그중 tagcloud.swf , swfobject.js  두 파일을 <관리자 - 스킨 - HTML/CSS 편집 - 파일업로드> 로 업로해 줍니다.



그 다음은 파일 업로드 옆에있는 HTML/CSS 편집으로 가서 Ctrl + F 를 눌러 <s_random_tags> 을 검색합니다.



<s_random_tags> 에서 </s_random_tags> 위 아래 <ul> 부터 </ul> 부분을 고쳐야 합니다.



 그 부분으로 script.txt 파일을 열어 그 안의 내용을 복사 !



아까 찾은 <s_random_tags>~</s_random_tags> 위 아래 <ul>부터 </ul> 까지의 내용과 바꿔줍니다 .

그리고 밑의 미리보기를 눌러보면 바껴 있을 것입니다. 맘에 들면 저장 ! 끝입니다.





다음은 수정해서 사용 하실 분들을 위한 내용 입니다.


var t = new SWFObject("./images/tagcloud.swf", "tagcloud", "100%", "200", "7", "#ffffff");
100% : 가로크기
200   : 세로크기
#ffffff : 태그 클라우드의 배경색

t.addVariable("tcolor", "0x222222");
태그의 글씨색

t.addVariable("tcolor2", "0x55ff00");
빈도수가 높은 태그의 글씨 색상

t.addVariable("hicolor", "0x00ffff");
마우스가 올려진 태그의 글씨 색상

t.addVariable("tspeed", "150");
태그들이 움직이는 속도, 숫자가 높을 수록 빙글빙글 도는 속도가 빨라집니다.


밑의 코드 색상표를 보고..
제일위의 태그 크라우드의 배경색은 #ffffff 부분과 그냥 바꿔주면 되고
태그의 글씨색 , 빈도수가 높은 태그의 글씨 색상 , 마우스가 올려진 태그의 글씨 색상 부분의 파란색 부분은 코드 색상표의 맨 앞 #을 빼고 바꿔주면 됩니다.


제가 현재 사용하고 있는 tag cloud 와 설정 입니다.