• [기본] 마이피 정리 css 소스 22015.01.30 PM 09:13

게시물 주소 FONT글자 작게하기 글자 키우기


/***************** 기본 정리 ******************/

/* 폰트 설정 */
* { font-family:"맑은 고딕", verdana;, 돋움}

/* 상단 다음 링크 정리 */
#Daum_MiniDaum { display:none; }
#mypiHead {margin:0; border:none; }

/* 상단 루리웹 링크 배경색 */
#mypiHead{ background-color:#FFF;}

/* 상단 닉네임 부분 선 정리, 글자 가운데로 */
#mypiTop{ border:none;text-align:center; }

/* 좌측하단 링크, 버젼 정리 */
.mypiEtc .rss, .mypiEtc .ver { display:none; }

/* 하단 루리웹 링크 정리 */
.footer_ruliweb .link_info{display:none;}
.foot_address{display:none;}
/* 하단 간격 조절 */
.footer_ruliweb{padding-top: 20px; padding-bottom:20px; }


/****************** 정리 추가 (1) ********************/

/* 좌측상단 간격 조절 */
.mypiEdit{margin:0; }
.mypiNick{padding:0; }
.mypiMark{margin-bottom:7px;}

/* 좌측 다른 사람들이 보는 메뉴창 배경색 */
.mypiMeet{background-color:#fff;}

/* 좌측 Category, Profile 지우고 간격 조절 */
#mLeft h3{display:none;}
.mypiMenu01{margin-top:20px; margin-bottom:20px;}


/**************** 정리 추가 (2) ********************/

/* 가운데 인사말, 게시물 리스트 좌우 간격 조절 */
.mypiList{padding-left: 5px;padding-right: 5px;}
.mypiComment{padding-left: 10px;padding-right: 5px;}

/* 가운데 인사말, 게시물 리스트 배경색 */
.mypiComment{background-color:#fbfbfb; }
.mypiList{background-color:#fbfbfb; }

/*좌측하단 방명록 부분 글자 두껍게 */
.mypiMenu02{font-weight:bold;}

/* 좌측 counter 글지 자우기 */
#mLeft h4{display:none;}

/* 좌측 접속자 수 간격 조절*/
.mypiEtc{padding-left:8px;}




* 소스 설명

기본 정리 > 사용하지 않는 링크 정리, 상단 닉네임 부분 정리
정리 추가 (1) > 좌측 카테고리 부분 정리
정리 추가 (2) > 좌측하단 정리, 중간 부분 간격 조절




* 소스 적용 영상






* 추가 내용

- 소스를 사용하실 때는 필요한 부분까지만 드래그하셔서 사용하시면 좋을것 같습니다.
- 소스에서 필요 없는 부분이 있다면, 그 부분을 제외하고 사용하시면 됩니다.
- 방명록과 검색기능을 제외한 좌측하단에 메뉴들은 좌측상단 관리창 안에 메뉴들과 중복되기 때문에 숨겨줍니다.
- 저는 검색 기능도 같이 숨겨주고 있습니다.

댓글 : 8 개
  • Taper
  • 2015/01/30 PM 09:25
와 마이피 엄청 깔끔하네요
Taper님 감사합니다.
정리 할 수 있는부분들은 가능하면 다 정리해보려고 했거든요 :D
크으 좋습니다
Jr. 킴님 감사합니다. Jr. 킴님 마이피 이뻐요 //_//
스타오션님의 마이피 강좌..-ㅁ-b
레댜~!!님 감사합니다. 레댜~!!님 댓글 최고! :D
와.. 도, 동영상까지 대단하세요 :D
키세이죠우 레이님 감사합니다.
설명을 길게 적는것 보다 동영상을 하나 올리는게 좋을것 같아서 올리고 있어요 :D
친구글 비밀글 댓글 쓰기

user error : Error. B.