본문 바로가기

정보/IT

티스토리 블로그 - 클라우드 태그

티스토리 블로그 - 클라우드 태그 001

 

* 스크린샷으로는 표시가 되지 않지만, 클라우드 태그에

마우스를 가져가면 단어들이 움직인다.

 

* 사이드 바를 간단하게 꾸미는 사람도 있고, 여러가지

기능을 전부 배치하는 사람도 있다.

 

* 클라우드 태그는 그동안 사용한 태그를 입체적으로 배치.

디자인적인 요소를 가미한 것이다.

 

* 멋진 클라우드 태그를 만드는 방법을 알아보도록 하자.

 


 

티스토리 블로그 - 클라우드 태그 002

 

티스토리 블로그 클라우드 태그 1번.

 

클라우드 태그.zip
다운로드

 

* 클라우드 태그에 필요한 파일을 다운로드 한다.

 

* '클라우드 태그'의 압축을 풀면, 파일이 2개가 나온다.

 

* 해당 파일들을 HTML/CSS 편집 -> 파일업로드에 추가하도록 한다.

 

티스토리 블로그 - 클라우드 태그 003

 

티스토리 블로그 클라우드 태그 2번.

 

클라우드 태그 명령어.txt
다운로드

 

* skin.html에서 컨트롤 + F키로 '태그목록'을 찾는다.

 

* '클라우드 태그 명령어를 복사하여, 위의 스크린샷에서 

표시된 부분을 제거한 후 붙여넣기 하도록 한다.

 

* 공간 스킨은 사이드바를 지원하지 않기 때문에, 해당 부분이 없다.

 

* 클라우드 태그를 배치하고 싶은 부분에 명령어를 추가하도록 한다.

 

티스토리 블로그 - 클라우드 태그 004

 

티스토리 블로그 클라우드 태그 3번.

 

* 표시된 첫번째 부분은 클라우드 태그의 배경색이다.

 

* 표시된 두번째 부분은 클라우드 태그의 글씨색이다.

 

* 원하는 색상 값을 적용하도록 한다.