계속추가예정 계속추가예정 계속추가예정
계속 추가될 문서입니다.
편집하실거면 제 토론 문서에 이유를 남겨주세요.



CSS 유용한 코드들 입니다. 잘 쓰세요.
오용, 남용 절대 금지!!
모바일에서 되는 것도 있고 안 되는 것도 있습니다. 저는 직접 다 해보진 않았으나 모바일에서 가능한 CSS 코드들은 보통 드뭅니다.

유용한 CSS 코드들

편집

이곳에 이 코드들을 그대로 복사+붙여넣기 하시면 됩니다.

링크 관련 코드

편집
/* 항상 링크를 밑줄칩니다. */
:link { text-decoration: underline; }

/* 자신을 가리키는 링크를 하이라이트 합니다. 내이름 에 사용자 이름(ID)를 넣고, 원하는 색 에 원하는 색 이름을 넣으세요. */
#bodyContent a[title="사용자:내 이름"] {
 background-color: 원하는 ;
}

/* 링크 색깔을 설정합니다. */

a:link { color: #0645ad; }
a:visited { color: #0b0080; }
a.new:link { color: #cc2200; }
a.new:visited { color: #a55858; }

참고:

  • a link 는 링크. (이런색깔)
  • a visited는 이미 방문한 링크. (이런색깔)
  • a new link는 링크가 가리키는 문서가 없는 경우의 링크. (이런색깔.)
  • a new visited link는 a new link를 한 번 누르고 나서의 링크. (이런색깔.)

색깔은 마음대로 설정하세요.

주의! 주시문서 표시나 편집 버튼, 즉 "그림으로 링크를 가리키는 경우"에도 '밑에 색깔로 글씨'가 약간 뜹니다.

색상은 (X11 색 이름) 참고

색 관련 코드

편집
/* pre 구역 배경색을 바꿉니다. 색 이름 에 원하는 색 이름을 넣으시면 됩니다. */
pre { background:  이름 }

/* 준보호 문서 편집도 배경 색상을 변경합니다. 원하는 색상을 넣으세요.*/
.mw-textarea-sprotected {
  background: #FFFFFF;
}

색상은 (X11 색 이름) 참고

기술 관련 코드

편집
/* 화면 모서리를 둥글게 합니다. (컴퓨터, 모바일 다 작동됩니다.)*/
#p-cactions ul li, #p-cactions ul li a { border-top-left-radius: 2em; border-top-right-radius: 2em; }
#content { border-top-left-radius: 2em; border-bottom-left-radius: 2em; }
#content { border-top-right-radius: 2em; border-bottom-right-radius: 2em; }

/* 역사에 있는 "감사표현" 버튼을 없앱니다.*/
.mw-thanks-thank-link { display:none; }

/* 글씨를 더 작게 하지 않습니다. */
td.diff-addedline, td.diff-deletedline, td.diff-context { font-size: 100% };


/* 최근 바뀜에 나오는 '되돌리기' 버튼을 없앱니다. ('일괄 되돌리기 기능 사용자'에게만 해당) */
.mw-special-Recentchanges .mw-rollback-link { display: none; }

분류 박스 관련 코드

편집
/**** 분류 박스의 위치를 바꿉니다. (모바일은 안 됨.) ****/

/* 분류 상자의 위치를 최상단 오른쪽에 놓습니다. */
#catlinks {
  position:absolute;
  z-index:1;
  border: 1px solid #aaaaaa;
  background: #fafaff;
  right:1em;
  top:-0.25em;
  width:10.5em;
  float:right;
  margin: 0.2em;
  padding:0.2em;
}

/* 분류 상자의 위치를 최하단 오른쪽에 놓습니다. */
#catlinks {
  position:right;
  z-index:1;
  border: 1px solid #aaaaaa;
  background: #fafaff;
  right:1em;
  top:-0.25em;
  width:10.5em;
  float:right;
  margin: 0.2em;
  padding:0.2em;
}