블로그 이미지
괴스트

예진이와 고고씽!!

Rss feed Tistory
Dev/flex 2010/04/21 18:47

flex를 이용한 태그클라우드

크리에이티브 커먼즈 라이선스
Creative Commons License




퍼 왔습니당..

출처 :   http://loveash.kr/94



먼저 이 글은 제가 종종 들려서 좋은 정보 얻고 있는  티 스토리>포럼>스킨/플러그인 에서 Blue'nLive 가 소개해 주신

플러그인을 이용한 글임을 밝힙니다.  자세한 소개는 http://bluenlive.net/491 를 참고하시면 됩니다.^^



자, 일단 제 블로그 오른편의 태그 목록을 보세요..먼가 달라졌지요?^^




네, 위와 같이 약간 3D 형태로 보이는 태그가 보이시죠?

자, 마우스를 태그 위로 움직여 보세요~

보신 소감이 어떠신가요?

막~~~~~ 지구본처럼 돌아가는 태그목록... 기존꺼보다는 멋지지 않나요?^^

네, Cumulus for Tistory 라는 태그 플러그인입니다.

원래 워드프레스용으로 만들어진 플러그인을 티스토리에 맞게, 그리고 한글폰트도 가능하게

Blue'nLive 님이 수정해서 올리신 거라네요.. 감사합니다!!!



그럼 이제 적용하는 방법을 알려드려야죠!

자, 일단 아래 파일들을 다운받아서 관리자모드>스킨>Html/Css 편집 으로 가서 파일 업로드를 이용해서 블로그에 올려줍니다.


위 압축파일을 열면 swfobject.js 란 파일과 tagcloud.swf 란 파일 2개가 나옵니다.
반드시 압축해제한 상태에서 파일 2개를 업로드 해주세요



파일을 업로드 하셨으면 html 을 수정하겠습니다.

 Skin.html 에서 이 부분을 찾으세요


찾으셨나요? 보시다시피 <태그목록> 또는 <s_random_tags>를 찾으시면 요런 부분이 보이실 겁니다.
수정해야 할 부분은 제가 마우스로 표시해 놓은 부분입니다.
<ul>  ~ </ul> 부분이죠..


그럼 이 부분을 고쳐보죠~

위 구간을 아래와 같이 똑같이 고쳐보겠습니다.


네, 사진을 보고 다 치라고 하면 여기서 좌절하시는 분 많겠죠~^^
텍스트 문서로 만들어놨으니 열어서 복사>붙여넣기로 수정하세요


위 텍스트 파일 열면 그 전체를 복사하시면 될겁니다.

그리고 나서 "저장"



그리고 나면 저처럼 이쁜 태그목록을 보실 수 있습니다.

참고로 스크립트 중간에 100%, 200 이런게 보이실겁니다.

이건 가로사이즈를 100%로 하란거구, 세로를 200픽셀로 하란겁니다.

색을 "0x222222"로 해 놓은것은 티스토리 기본색상으로 하란건데, 본인 입맛에 맞게 수정가능하십니다.

전 스크립트는 잘 몰라서 원본 그대로에서 움직이는 속도만 좀 빠르게 변화시켰네요^^

이 스크립트의 변수를 좀 자세히 알고 싶으신 분은

http://bluenlive.net/491 를 방문하시거나,

http://www.roytanck.com/2009/03/11/how-to-use-wp-cumulus-shortcodes/#more-1346 

를 참고하시면 되겠습니다~^^


그럼 블로그를 이쁘게!^^

아, 혹시 아시는분 알려주세요..

제가 위에 텍스트 박스들 사용했는데 저거 무조건 가로사이즈가

최대로만 열리네요. 사이즈 폭 조정하는 법 아시는 분 알려주시면 감사하겠습니다~^^
저작자 표시
Dev/php 2010/04/21 09:50

flash + xml + php + db 연동원리

크리에이티브 커먼즈 라이선스
Creative Commons License





flash + xml + php + db 간의 상호작용과 관련 파일입니다.

테스트를 위해 flash + xml  연동관련 공개된 파일을 근거로 하였습니다.
==>> flash 소스의 출처가 생각나지 않는군요...  생각나면 적겠습니다.

------------------------- 전체원리설명 --------------
1.내용
- db + xml + php + flash 연동테스트

2. 파일설명
  ㄱ. xml_updata.php
     : db정보를 근거로 php에서 xml 파일을 신규 또는 기존 파일을 새로 갱신한다. (utf-8로 변환)

  ㄴ. gallery.xml
     : xml_updata.php에서 신규생성된파일

  ㄷ. gallery.swf
     : gallery.xml 정보를 불러와서 flash 구현.

3. 원리
  xml + flash 간의 연동파일을 근거로 php에서 xml 파일을 자동생성함.

4. 그누보드와 연결성
  ㄱ. 게시판에서 자료입력후 업데이트시 xml 갱신자료를 xml_updata.php 에 전달한다.

5. 활용
  - 상단 및 좌측 네비게이션(메뉴)
  - 최신갤러리스킨
  - 갤러리게시판스킨
  - 멀티적연동 템플릿
-----------------------------------------------------


--------------xml_updata.php-------------

<?php

######################환경변수#########################
$xml_dir  = "";  // 신규생성할 디렉토리 변수
$xml_path = "gallery.xml"; // 신규생성할 xml 파일
$laguage_ = "euc-kr";

#######################################################

 

//디렉토리가 존재하지 않는다면 신규생성한다
@mkdir($xml_dir, 0707);
@chmod($xml_dir, 0707);


// file open
//$xml_file = fopen($xml_path, "w+") or die("xml file open erro.");
$xml_file = fopen($xml_path, "w+");

//파일이 존재하지 않는다면 신규생성한다.
if(!$xml_file){
fwrite($xml_file, "");
fclose($xml_file);
@chmod($xml_path, 0707);
}

 

/**************************** xml data start**************************/
/**

<gallery title="Navdeeps Gallery" thumbDir="images/thumbs/" imageDir="images/" random="False">
 <category name="3차원포토사진">
  <image>
   <date>날짜입력하는곳</date>
   <title>사진제목출력1</title>
   <desc>사진간단설명</desc>
   <thumb>3d_01.jpg</thumb>
   <img>3d_01.jpg</img>
  </image>
  <image>
   <date>날짜입력하는곳1</date>
   <title>사진제목출력2</title>
   <desc>사진간단설명22</desc>
   <thumb>3d_02.jpg</thumb>
   <img>3d_02.jpg</img>
  </image>
 </category>
</gallery>

**/
$data[lauage]       = "<?xml version=\"1.0\"  encoding=\"{$laguage_}\" ?>"; 


$data[xml_start]    = "<gallery title=\"Navdeeps Gallery\" thumbDir=\"images/thumbs/\" imageDir=\"images/\" random=\"False\">";
$data[xml_end]      = "</gallery>";

$get_xml   = "";
//$get_xml  .= $data[lauage];
$get_xml  .= $data[xml_start];

 

$get_xml  .= "<category name=\"제목변환입니다1\">";

$count_num    = 7;
for($i=1;$i<$count_num;$i++){

$get_xml    .= "<image>";
$get_xml    .= "<date>날자변경".$i."</date>";
$get_xml    .= "<title>사진제목을 출력합니다".$i."</title>";
$get_xml    .= "<desc>사진설명에 대한 정의입니다.".$i."</desc>";
$get_xml    .= "<thumb>3d_0".$i.".jpg</thumb>";
$get_xml    .= "<img>3d_0".$i.".jpg</img>";
$get_xml    .= "</image>";

 

}
$get_xml  .= "</category>";


$get_xml      .= $data[xml_end];

/****************************xml data end**************************/

//변환
$get_xml = iconv("EUC-KR", "UTF-8",$get_xml);

// write action
if(!fwrite($xml_file, $get_xml)) echo "file wite erro.";

// file close
fclose($xml_file);

 

?>

------------------------------------------------


테스트

==>> 웹서버에 업로드후 접속

fla파일 : http://www.smashingmagazine.com/2007/10/12/flash-based-galleries-for-your-images/


출처: http://sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=14963

저작자 표시
TOTAL 114,290 TODAY 48