빛채경
접속 : 4268   Lv. 51

Category

Profile

Counter

  • 오늘 : 59 명
  • 전체 : 489614 명
  • Mypi Ver. 0.3.1 β
[기본] 마이피 쉽게 꾸미기 2 [글자 색] (10) 2015/01/18 PM 04:31

* css 소스 넣는 방법

마이피 → 관리 → 디자인설정 → '신형 스타일' 선택 → 스타일 시트(CSS) → '편 집' 선택 → 복사, 붙여넣기



* 소스 *




/*여기서 부터 복사 */

/* ************ 정리 *********** */

/*폰트 설정*/

* { font-family:"돋음", 맑은 고딕, verdana;}

/* 상단 정리 */

#Daum_MiniDaum { display:none; }
#mypiHead {margin:0; border:none; background-color:#FFFFFF;}
#mypiTop{ border:none;}

/* 하단 정리*/

.footer_ruliweb { display:none; }
body{padding-bottom:60px;}

/*좌측 정리 */

.mypiEdit{margin:0; }
#mLeft h3{display:none;}
.mypiMenu01{margin-top:20px;}
.mypiMenu02{margin:10px 0;padding:10px 0;}
.mypiEtc .rss, .mypiEtc .ver { display:none; }


/* *********** 테두리 설정 *********** */

.mypiComment{border:none;} /* 인사말 테두리 제거*/
.mypiList{ border:none; } /* 게시물 리스트 테두리 제거*/


/* ************** 배경 색 ************* */

#mypiWrap{background-color:#fafafa; } /* 가운데 넓은 영역을 옅은 회색으로 */
.mypiMeet{background-color:#fff; } /* 방문자가 보는 설정창 주변을 흰색으로*/


/* **************글자 색************ */

#mypiGnb .menu a{color:#D8020A;} /* 상단 루리웹 관련 링크 글자 색*/
#mLeft h4{color:#D8020A;} /*Counter 글자 색*/



/* 여기까지 복사 */





/* 추가적인 글자 꾸미기*/

/*상단*/

#mypiGnb .menu a{color:#2061B3;} /* 상단 루리웹 관련 링크 글자 색*/
#mypiGnb .mymypi a{color:#2061B3;} /*상단 '내 마이피 이동' 글자 색*/

/*좌측*/

.mypiEdit a{color:#2061B3;}/* 본인이 보는 설정 창 링크 글자 색*/
.mypiEdit{color:#2061B3;}/* 본인이 보는 설정 창 링크 사이에 세로 선 색*/

.mypiMeet a{color:#2061B3;}/* 다른 사람이 보는 설정 창 링크 글자 색*/
.mypiMeet{color:#2061B3;}/* 다른 사람이 보는 설정 창 링크 사이에 세로 선 색*/

.mypiNick{color:#2061B3;}/* 닉네임, 레벨, 접속일 수 글자 색*/

.mypiMenu01 a{ color:#2061B3 !important; } /*카테고리 글자 색 */
.mypiMenu02 a{color:#2061B3;} /* 방명록, 친구리스드 등 글자 색*/

#mLeft h4{color:#ECBEA7;} /*Counter 글자 색*/
.mypiEtc li{color:#ECBEA7;} /* 오늘 방문자 수, 전체 방문자 수 글자 색*/

/*가운데 */

.mypiComment{color:#2061B3;} /* 인사말 글자 색*/

.mypiList li{color:#2061B3;} /* 게시물 작성 날짜 글자 색*/
.mypiList a{color:#2061B3;} /*게시물 제목 리스트 글자 색*/
.mypiList b{color:#000;} /* 게시물 카테고리 주변 "[ ]" 색*/


/* 게시물 내용 */

.m1 a{color:#000000;}/* 게시물 제목 */
.story{color:#000000;}/* 게시물 내용 */




*추가 내용 *

1. 글자 색 바꾸기

위의 소스의 글자 색은 첫번째 사진과 같이 #D8020A(레드)로 되어 있습니다.
이 색 코드를 color:#2061B3(블루)로 바꿔주시면 글자색이 두 번째 사진과 같이 변합니다.


2. 카테고리에 색 넣기

1. 마이피 → 관리 → 카테고리
2. 카테고리 이름에 카테고리 이름 복사, 붙여넣기
3. css 색 도표를 보고 색 코드를 입력, 카테고리 이름 작성


3, 색 코드를 볼 수 있는 사이트

http://www.somacon.com/p142.php


4. 에프릴님의 게시물

에프릴님께서 작성해주신 글자 꾸미기 게시물을 보시면서 꾸미시면 좋을것 같습니다.

http://mypi.ruliweb.daum.net/mypi.htm?id=rokubane&num=3845


5. 추가적인 색 꾸미기 영역들

추가적으로 글자 색을 수정 할 수 있는 영역들을 알려드리겠습니다.
원하시는 영역을 선택해서 색 코드를 바꿔주시고 기존 소스에 추가해주시면 됩니다.



신고

 

소소요요    친구신청

조만간 제 마이피도 한번 엎어야 되는뎅 가을 넘어가고 나서 마이피 관리하기가 여간..ㅠ

스타오션3    친구신청

소소요요님 마이피 지금도 너무 이뻐요 //_// 완성도 또한 엄청 높아 보이고요!

집착의 말로    친구신청

위에건 완전 괜찮은데요?

스타오션3    친구신청

정말 감사합니다 :D

안나공주님    친구신청

RSS랑 마이피버전 없애려고 별 쇼를 다 하다가
.mypiEtc .ico_comm{display:none;}
이걸로 하니까 없어졌는대 틀린 건가요?

스타오션3    친구신청

보니까 여러가지 방법이 있던것 같아요. 제가 본것만 해도 두 가지 방법이 있었어요.

.mypiEtc .rss, .mypiEtc .ver { display:none; } <-- 저는 이걸로 지워줬어요

레댜~!!    친구신청

일단 스크랩을!! 좋은정보 감사합니다..ㅎㅎ

스타오션3    친구신청

레댜~!!님 혹시 마이피를 꾸미시다 궁금한 내용이 있으시면 언제든지 물어봐 주세요 :>

고양이요정☆    친구신청

진정한 마이피장인 이십니다 'ㅅ'b

스타오션3    친구신청

고양이요정☆님 감사합니다 :D
X