[배워보자!_마이피] 01.마이피 투명하게 만들기!

아래 어떤분이 댓글로 투명한 게시판 만드는 방법을 요청하셨는데요,
지금 제 마이피가 글부분+댓글부분 모두 투명하지요.

간단합니다.

디자인관리에서

CSS부분에

div {background: url(#) !important;}

td {background: url(#) !important;}

이 두줄만 넣어주면 해결되네요.

배경이미지를 쓴다고 해놓고 경로를 빼버린 뭔가.. 편법이 아닐까 생각되는데
암튼 원하는대로 배경이 싹 사라집니다.

배경을 너무 진하거나 화려한것으로 넣으면 본문읽을때 눈이 피로해지는 부작용이 있겠네요.

아 그러고보니, 배경넣는것도 궁금해하신 분들이 계실수도 있겠군요.

역시 CSS부분에

body {background:url('배경주소') repeat left top}

이렇게 적어만 주면됩니다. 배경주소를 어디서 따오느냐! 이건 다른분 마이피나 기타 사이트에서
주소를 알아오셔야하는데. 우선연습으로 제 마이피 배경에 쓰인 이미지 알려드릴께요.
걍 회색인것같지만 잘 보면 사선이랍니다+_+

body {background:url('http://kalakaua1.cafe24.com/mypi/bg01.gif') repeat left top}

이렇게 입니다~.


주소의 경로를 제대로 적어야하는것 외에 한가지 알아두면 좋은것은

repeat 의 사용인데요, bg01.gif 라는 파일은 아주 작은 패턴 이미지 입니다. 이걸 계속 반복-repeat해서
화면에 가득차게 보여주는 형식이죠. 윈도우 바탕화면으로 치면 바둑판식 배열

repeat : 위아래로 계속 반복
repeat-x : 가로축으로만 반복
repeat-y : 세로축으로만 반복
no-repeat : 반복하지마

입니다.


예를 들어 예쁜 김태희씨의 사진을 마이피 왼쪽위에 항상 보여주고싶다- 라면

body {background:url('http://예쁜김태희씨사진.jpg') no-repeat left top}

이렇게가 되겠습니다.

그럼! 오른쪽 하단에 넣고싶다는??

body {background:url('http://예쁜김태희씨사진.jpg') no-repeat right bottom}

이 되겠지요~



필요하신 분들 실습한번 해보세요^^

[학마쥬차삐까]

이쪽은 거의 문외한이라.. 시간날때 차근차근 봐야겠군요~^^

[보통男子]

마이피를 꾸미고 싶은데..방법을 몰라서 못하고 있는 사람입니다
부디 친추를 받아주세요ㅜㅜ

[USBPORT]

오오 좋군요 !

[황룡검]

오오 한번 해볼까나 ㅋㅋ

[피터 페트렐리]

오호 좋네요...!!! 감사합니다 ㅋㅋ

[황룡검]

친추좀받아주세요 ㅎㅎ;

[긔엽슴민아♥]

열 싀미 따라하고있어요 크크

[㈜ⓘⓚⓐⓡⓞ]

우앙 제 리플 보셨군요! 감사해요 바로 적용하러 달려갑니다 ㅠㅠㅠㅠㅠㅠ

[메이드인부산]

근데 제 마이피 친구들만 내용이보이나요? 음..

[Gazette]

오..역시 좋은 글 감사합니다 도움이 되었어요^^

[Gazette]

메이드인부산// 아마 저 위에 분께서 친추 받아달라고 리플 다신거 보니까 다 보이실지도?;; 안보이면 리플 안써지지 않을까요?

[[=-=]♥깐뿌]

차근차근 설명 잘 되어 있어서 너무 좋네요

덕분에 저도 따라 마이피 도전을 해볼 생각입니다 ㅋ

[유리아x레나]

전 안되네요..ㅠ

[라부닛코~♥]

으와,, 완전 감사해요. 정말 필요한 거였는데 !! +_+