본문의 링크 색상 변경하기 - Moving Box 스킨

티스토리 Moving Box 스킨의 기본 CSS에서는 링크 걸린부분이, 일반 글자색이랑 같고 밑줄만 있는 형태여서 매번 에디터에서 색상을 추가했었는데.. 

번거로워서 자동으로 적용시키려고 검색을 좀 했으나...
각 스킨에 맞게 css가 조금씩 달라서인지 딱 맞는걸 찾기 힘들었다.

a:link {color:#565656; text-decoration:none;} - 링크가 걸렸을때의 색상
a:visited {color:#565656; text-decoration:none;} - 한번이상 방문했었던 링크 색상
a:hover {color:#565656; text-decoration:underline;} - 마우스를 링크에 올렸을때 색상
a:active {color:#565656; text-decoration:none;} - 링크를 클릭할때의 색상

여기까지는 대충 알고었는데...
 
이 스킨에서 어느 부분에 어떻게 적용을 시켜야 되는지 몰랐었다.
혼자서 여기다 싶은곳에 이렇게 저렇게 바꿔보니 본문의 링크 색상이 바뀌는게 아니라 다른곳들의 색상이 막 바뀌어서 급 당황.--;
결국 혼자서 끙끙대는걸 포기하고 계속 검색을 하다 찾아낸곳..   http://newcat.tistory.com/139

style.css 에서 이부분을 찾아서.....

.article .article_post a {color:#565656;}


이런식으로 변경하면 된다.

/* .article .article_post a {color:#565656;} */
.article .article_post a:link {color:#0000FF; text-decoration:none;}
.article .article_post a:visited {color:#800080; text-decoration:none;}
.article .article_post a:hover {color:#0000FF; text-decoration:underline;}


color은 자기가 원하는 색상을 넣어주면 되고..  색상표보기

기존에 있던 .article .article_post a {color:#565656;} 이부분은... 
위와같이 양쪽을 /* 내용 */ 로 묶어 주석처리를 해도되고... 그냥 삭제해도 된다.

일반적으로 흔히 쓰이는 링크 색상은 아래와 같다고 한다.

link 파란색 - 0000FF
visited 자주색 - 800080

************************************************************************************************

Moving Box Skin의 댓글, 트랙백의 글자가 잘려보이는 문제점

Tistory Moving Box 스킨 댓글 오류 수정하기. -  http://appleii.tistory.com/53
Moving Box 스킨, 댓글 잘림 현상 - http://karion.tistory.com/136

style.css부분에서...

.article_action .reply li .description {width:/*@post-width:-52*/578px/*@*/; margin:5px 0 0 0;line-height:1.1em;}

위 부분의 578px부분의 수치를 조절해 주면됨...

▼ 댓글 너비 수정 ( 578 -> 566 으로 변경 )

 

댓글을 고치고보니 트랙백의 글자도 좀 짤려 보이길래 트랙백 너비도 수정했음.


트랙백 수정부분은 댓글 수정한 부분 바로 위쪽에 있음.
.article_action .trackback {width:/*@post-width:-42*/638px/*@*/; overflow:hidden;}

638px을 알맞게 변경하면 됨.



▼ 트랙백 너비 수정 ( 638 -> 610 으로 변경)

 610px으로 해도 글자끝이 약간 안보이길래 600px로 수정

 
************************************************************************************************

Moving Box Skin 방명록에 '비밀댓글'이 안되는 문제점

Moving Box 스킨 버그 해결방법 => http://bluenlive.net/entry/How-to-fix-Moving-Box-bug

전 그냥 'rp_input_is_secret'을 'guest_input_is_secret'으로 바꾸는것만 했네요.