사용자:MilkyChocky/CSS
계속추가예정 계속추가예정 계속추가예정
계속 추가될 문서입니다.
편집하실거면 제 토론 문서에 이유를 남겨주세요.
 | 이 문서는 수필입니다. 이 문서에는 하나 이상의 위키백과 기여자의 조언이나 의견을 담고 있습니다. 이 문서는 백과사전 항목이 아니며, 공동체의 철저한 검증을 받지 않았기 때문에 위키백과의 정책이나 지침 또한 아닙니다. 수필은 널리 공유되는 생각을 담을 수도, 소수의 관점을 담을 수도 있습니다. |
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;
}
Text is available under the CC BY-SA 4.0 license; additional terms may apply.
Images, videos and audio are available under their respective licenses.
Cover photo is available under {{::mainImage.info.license.name || 'Unknown'}} license.
Cover photo is available under {{::mainImage.info.license.name || 'Unknown'}} license.
Credit:
(see original file).
