[마꾸] 6. 배경에 색 넣기

1. 방법

사용할 소스를 메모장에 복사 > 컬러코드 수정 > css 소스 정리 > 스타일 시트(CSS)에 복사 > 확인


2. 소스

/**************** 배경에 색 넣기 ********************/

/* 전체 배경 */
body{background-color:#FFFFFF;}

/* 상단 루리웹 링크 부분*/
#mypiHead{background-color:#FFFFFF;}


/* 좌측상단 본인 메뉴창 */
.mypiEdit {background-color:#FFFFFF;}

/* 좌측상단 방문자가 보는 메뉴창 */
.mypiMeet{background-color:#FFFFFF;}


/* 가운데 인사말*/
.mypiComment {background-color:#FFFFFF;}

/* 가운데 게시물 리스트*/
.mypiList {background-color:#FFFFFF;}


/* 새로운을 방명록 작성하는 부분 */
.visit{background-color:#FFFFFF;}

/* 작성된 방명록 내용, 방명록 댓글 작성 부분 */
.visitxt4{background-color:#FFFFFF;}




3. 컬러코드

http://www.w3schools.com/tags/ref_colorpicker.asp

흰색 : #FFFFFF
검정 : #000000


4. 영상





5. 추가내용

- 위에 소스를 전부 복사해서 사용하시는 것보다 필요한 부분들을 선택적으로 복사하셔서 사용하는 것이 좋습니다.
- 전체 배경색을 바꾸게 되면 일부분의 방명록색이 변하게 됩니다. 변한 부분들은 색을 흰색으로 바꿔주시면 됩니다.
- 이외에도 다양한 영역에 배경색을 넣어주실 수 있습니다.
- 글자색과 같이 바꿔주신다면 검은색 바탕에 흰색 글자와 같이 꾸며주실 수도 있습니다.


6. 추천 게시물과 사이트

- 배경색 꾸미기 예제 소스 : http://mypi.ruliweb.com/mypi.htm?nid=404246&num=13675
- 에프릴님의 배경 꾸미기 게시물 : http://mypi.ruliweb.com/mypi.htm?nid=1144430&num=3866
- 『파비안』님께서 알려주신 인기 컬러조합을 볼 수 있는 사이트 : https://color.adobe.com/ko/explore/most-popular/?time=all

[똥싼놈이방구뀐다]

오... 좋.. 좋은 글입니다... 이걸 원햇어요 ㅠㅠ

[스타오션3]

똥싼놈이방구뀐다님 감사합니다 :D

[28years]

이거 좋네요! 저도 마이피 이쁘게 꾸미고싶어서 친추했답니다!!

[스타오션3]

28years님 감사합니다 //_//