마하수라 MYPI

마하수라
접속 : 2853   Lv. 54

Category

Profile

Counter

  • 오늘 : 14 명
  • 전체 : 77062 명
  • Mypi Ver. 0.3.1 β
[N마이피] 배경 (0) 2011/10/24 PM 04:29

마이피에 배경 입히기



1. 배경색만 입히기



뮹아즈님 마이피처럼 배경색만 적용하는 경우 아래와 같은 CSS예제를 사용하시면 되요.

body {background-color:#ffc0cb;} 혹은 body {background:#ffc0cb;}


2.배경에 이미지 입히기




동네카페형님 마이피처럼 배경을 적용하는 경우 아래와 같은 예제 사용하시면 되요.

body {background:url(http://img2.ruliweb.daum.net/mypi/gup/1/38677_1.jpg) center 30px no-repeat;}


3.배경색과 이미지 동시에 사용하기



body {background:#f6f6f6 url(http://img2.ruliweb.daum.net/mypi/gup/1/38677_1.jpg) center 30px no-repeat;}

위 CSS예제처럼 색상값을 추가해 주면 되요.


4.투명한 배경 적용하기



#mypiWrap, #mypiRead {background:none;}

위 예제의 경우 좌측메뉴 / 글읽기 부분에 적용되어 있는 배경이 보이지 못하도록 해요. 본인의 취향에 맞게 설정하시면 될듯 해요. (배경이 복잡하고 글자색과 비슷해서, 글 읽기가 어려운 경우는 배경색을 흰색이나 희미한 회색으로 설정하는 것이 좋을거에요.)


5.댓글 입력창 배경 적용하기





.mypiComm .box_txt_area textarea {background:#e1e3e3 url(http://img2.ruliweb.daum.net/mypi/gup/1/38677_84000.jpg) right -10px no-repeat;}

전체 배경 적용과 동일하게 위 CSS예제를 입맛에 맞게 변경하면 되요.

신고

 
X