포스트 아래에 달린 태그 목록의 색과 여백을 바꾸는 방법

이글루스 포스트에 들어가는 태그의 색 변경 팁.

대개의 경우 포스트에 태그를 넣고 긴글작성을 이용해서 올리면 이렇게 보입니다.

[이어지는 내용]과 [태그]의 색이 같고 간격도 얼마 안 떨어져 있어서, 저같은 경우엔 보기에 별로 안 예쁘게 느껴졌습니다.

그래서 소스를 살펴봤는데, 태그가 나중에 추가된 기능이라서 그런지 현재 유저 개인의 스킨에는 태그 관련 소스가 따로 들어있지 않고, 태그 소스는 전체 이글루스 차원에서 따로 지정해주고 있더군요.

그래서 그 소스를 따로 뽑아보면 이런 식으로 표기되어 있습니다.

#content div.post div.content div.posttaglist { }

따라서 자기 스킨에 맞게 태그의 색이며 위치를 변경하고 싶으면,
저 소스를 복사해서 자기 스킨의 css 함에 붙이고 수정하면 됩니다.

제 경우엔 본문과 태그 사이의 간격을 넓히고 글씨 색을 회색으로 바꿨습니다.

#content div.post div.content div.posttaglist { margin-top : 40px; } /* 태그 위에 40px만큼 여백을 줌 */

#content div.post div.content div.posttaglist a:link { color: #777777; text-decoration: none; }
/* 방문하지 않은 링크 */
#content div.post div.content div.posttaglist a:visited { color: #777777; text-decoration: none; }
/* 한번 방문한 링크 */
#content div.post div.content div.posttaglist a:hover { color:#cccccc; text-decoration: none; }
/* 마우스를 올렸 때 */
#content div.post div.content div.posttaglist a:active { color: #cccccc; text-decoration: none; }
/* 클릭했을 때 */

위 css 소스의 실제 적용예. 평소엔 #777777색.

마우스를 갖다대면 #cccccc색으로 바뀐다

이상입니다. 다시 정리하면, 태그의 색을 바꾸고 싶을 땐 저 노란 박스 안의 내용을 통째로 복사하셔서 자신의 스킨 css에 붙이시고, {}안의 내용을 취향에 맞게 지정하시면 됩니다.


태그 색을 바꾸고 싶으셨던 분께 도움이 됐으면 좋겠습니다 ^^