OTHERS

Color Schemer Online

Young Do Kim 2012. 4. 27. 13:45

블로그나 홈페이지 등의 색깔을 바꾸실 때 요긴하게 쓸 수 있는 Color Schemer.

원하는 색깔을 클릭하면 RGB 및 Hex code가 출력됨.

이를 이용해서 본 블로그 CSS를 수정하였음.





본 Tistory Blog 본문의 경우 

스킨은 BASIC(사용자 수정/업로드) ver.1.0(사용자 수정/업로드를 사용하였고 

바로가기(URL)의 색깔과 더보기(moreless)의 텍스트 색깔을 바꾸었음


방법은 관리자 모드의 HTML/CSS편집에 들어가서 다음 두 개의 부분을 바꾸어 주면 됨 (굵은 글씨가 색깔 코드)


바로가기(URL)

.article a:link          { color:#666666;  text-decoration:none;}

.article a:visited       { color:#666666;  text-decoration:none;}

.article a:hover         { color:#666666;  text-decoration:underline;}

.article a:active        { color:#666666;  text-decoration:none;}


더보기(moreless)

.moreless_fold          { background:url(images/icon_view_more.gif) top left no-repeat;  padding-left:20px; color:#000;}

.moreless_top           { background:url(images/icon_stop_view.gif) top left no-repeat;  padding-left:20px; color:#000;}

.moreless_body          { }

.moreless_bottom        { background:url(images/icon_stop_view.gif) top right no-repeat;  padding-right:20px; color:#999; text-align:right;}




[출처 : http://www.colorschemer.com/online.html]


아래는 더보기의 예