[마꾸] 14. 마이피 좌측 정리

1. 방법

소스를 메모장에 복사 > 소스 정리 > 스타일 시트(CSS)에 복사 > 확인


2. 소스

/* 좌측 이미지 하단 간격 */
.mypiMark{margin-bottom : 10px;}

/* 좌측 본인 관리창 간격 */  
.mypiEdit{margin-top : 0px; margin-bottom : 0px; } 

/* 닉네임, 접속일, 레벨 간격 */
.mypiNick{padding-top : 0px; padding-bottom : 0px; } 

/* 친구 메뉴창 간각 */
.mypiMeet{margin-top : 5px;}

/* 친구 매뉴창 색 */  

.mypiMeet{background-color : #fafafa;}

/* 좌측 Category, Profile 글자 정리 */
#mLeft h3{display : none;}
/* 좌측 카테고리 간격 조절 */
.mypiMenu01{margin-top : 20px; margin-bottom : 20px;}

/* 좌측하단 counter 글자 정리 */
#mLeft h4{display : none;}
/* 좌측하단 접속자 수 간격 조절*/
.mypiEtc{margin-left : 8px;}
/*좌측하단 방명록, 친구리스트 글자 두껍게 */
.mypiMenu02{font-weight : bold;}




3. 영상




4. 추가 설명

- margin, padding의 속성값(px)을 변경하여 직접 간격을 조절하실 수 있습니다.
- 위에 소스에서 사용하지 않을 부분들은 메모장에서 지워주시면 됩니다.


5. 추천 게시물과 사이트

- CSS 배우기 - MARGIN, PADDING : http://gskool.tistory.com/62

[Fluffy♥]

깔끔하네요. 참고할게요~

[스타오션3]

Fluffy♥님 감사합니다 :D

[고양이요정☆]

사스가 마이피 마이스터☆

[스타오션3]

고양이요정☆님 감사합니다 //_//