먼저 제가 사용하는 CSS를 공개할게요.
CSS의 개념은 귀찮은 반복작업을 단순화 해주는 편리한 기본 명령어 셋팅← 정도로 이해하시면 간단합니다.
(물론 생각하기에 따라 좀더 어려워질수도 있습니다만, 적어도 여기서 하는건 별 내용이 없으니까요...)
↓여기서 부터가 제가 사용하는 간단한 CSS 입니다.
body { color : 7b68ee; font-size : 13px; background-image : url( 이부분에 배경화면으로 쓸 그림의 주소를 넣어주세요. ); background-attachment : fixed;background-p!osition: right; }table { background-color: transparent; }td { background-color: transparent; }
body { color : 여기는 기본색상을 결정합니다. 마이피 게시물 내부의 폰트 컬러를 넣어주세요. 물론 알파벳 네임이 아니라 코드로 넣어주셔야 됩니다. ; font-size:12px; font-family: 돋움체; }
※돋움체 ← 이건 신경쓰실 필요 없습니다.
A:link { text-decoration:none; color: 000000;}
A:visited { text-decoration:none; color: 000000;}
A:hover {color: black; text-decoration:underline;}
↑ 이부분에 대한설명은 조급 깁니다.
첫문장 부터 설명하면 링크가 걸리는 모든 게시물은
A href 로 시작합니다.
예를들어 특정 게시물을 링크걸때 클릭하면 새창이 뜨면서 게시물로 이동하게 할려면
A href="주소" 여기클릭 /a (태그가 걸리기 때문에 괄호는 생략합니다 -_-)
그래서 홈페이지 구성자체의 HTML 명령어에 A가 들어가면 죄다 링크가 걸리는 특징을 이용해서 그부분의 색깔을 바꿔주는겁니다.
(일단 게시물 목록또한 게시물 원본을 찾아가는 링크에 불과한 점을 생각해서 사용하는거죠.)
(어차피 ffffff 는 흰색인데 ... 이걸 색깔을 바꿔주면 마우스 커서가 해당 게시물 목록으로 갔을때 색깔이 바뀝니다.)
물론 예전에는 쓰다가 지금은 귀찮아서 ffffff 로 설정해 놨어요;
두번째
A:visited { text-decoration:none; color: ffffff;}
요건 다른사람이 와서 한번 봤던 게시물의 색깔을 바꿔주는 겁니다.
물론 지금은 ffffff 로 되있으니 전혀 바뀌는게 없죠.
저것도 색상표 보시고 바꿔주면
한번 클릭했던 게시물은 제목에 색깔이 바뀝니다.
(예를들어 게시판에 글은 검은색인데 한번 본 게시물은 회색으로 변한다거나 하는 기능입니다.)
세번째
A:hover {color: white; text-decoration:underline;}
요건
마우스 커서에 닿으면 게시물 제목에 밑줄이 그입니다. (엄밀히 말하면 A 로 시작하는 명령어를 가진 링크에는 전부다 밑줄이 그이는거죠)
즉,
게시물을 클릭할려고 커서를 갖다대면
제목이 원하는 색깔로 변하면서 + 밑줄이 그이고
한번 본 게시물은 색깔을 변하게 하는 CSS 입니다.
좀더 복잡한 기능도 많지만,
안쓰는건 다 갖다버리고 나니 이것밖에 안남더군요 -_-
CSS의 개념은 귀찮은 반복작업을 단순화 해주는 편리한 기본 명령어 셋팅← 정도로 이해하시면 간단합니다.
(물론 생각하기에 따라 좀더 어려워질수도 있습니다만, 적어도 여기서 하는건 별 내용이 없으니까요...)
↓여기서 부터가 제가 사용하는 간단한 CSS 입니다.
body { color : 7b68ee; font-size : 13px; background-image : url( 이부분에 배경화면으로 쓸 그림의 주소를 넣어주세요. ); background-attachment : fixed;background-p!osition: right; }table { background-color: transparent; }td { background-color: transparent; }
body { color : 여기는 기본색상을 결정합니다. 마이피 게시물 내부의 폰트 컬러를 넣어주세요. 물론 알파벳 네임이 아니라 코드로 넣어주셔야 됩니다. ; font-size:12px; font-family: 돋움체; }
※돋움체 ← 이건 신경쓰실 필요 없습니다.
A:link { text-decoration:none; color: 000000;}
A:visited { text-decoration:none; color: 000000;}
A:hover {color: black; text-decoration:underline;}
↑ 이부분에 대한설명은 조급 깁니다.
첫문장 부터 설명하면 링크가 걸리는 모든 게시물은
A href 로 시작합니다.
예를들어 특정 게시물을 링크걸때 클릭하면 새창이 뜨면서 게시물로 이동하게 할려면
A href="주소" 여기클릭 /a (태그가 걸리기 때문에 괄호는 생략합니다 -_-)
그래서 홈페이지 구성자체의 HTML 명령어에 A가 들어가면 죄다 링크가 걸리는 특징을 이용해서 그부분의 색깔을 바꿔주는겁니다.
(일단 게시물 목록또한 게시물 원본을 찾아가는 링크에 불과한 점을 생각해서 사용하는거죠.)
(어차피 ffffff 는 흰색인데 ... 이걸 색깔을 바꿔주면 마우스 커서가 해당 게시물 목록으로 갔을때 색깔이 바뀝니다.)
물론 예전에는 쓰다가 지금은 귀찮아서 ffffff 로 설정해 놨어요;
두번째
A:visited { text-decoration:none; color: ffffff;}
요건 다른사람이 와서 한번 봤던 게시물의 색깔을 바꿔주는 겁니다.
물론 지금은 ffffff 로 되있으니 전혀 바뀌는게 없죠.
저것도 색상표 보시고 바꿔주면
한번 클릭했던 게시물은 제목에 색깔이 바뀝니다.
(예를들어 게시판에 글은 검은색인데 한번 본 게시물은 회색으로 변한다거나 하는 기능입니다.)
세번째
A:hover {color: white; text-decoration:underline;}
요건
마우스 커서에 닿으면 게시물 제목에 밑줄이 그입니다. (엄밀히 말하면 A 로 시작하는 명령어를 가진 링크에는 전부다 밑줄이 그이는거죠)
즉,
게시물을 클릭할려고 커서를 갖다대면
제목이 원하는 색깔로 변하면서 + 밑줄이 그이고
한번 본 게시물은 색깔을 변하게 하는 CSS 입니다.
좀더 복잡한 기능도 많지만,
안쓰는건 다 갖다버리고 나니 이것밖에 안남더군요 -_-
(IP보기클릭).***.***
(IP보기클릭).***.***
(IP보기클릭)210.106.***.***