아래 어떤분이 댓글로 투명한 게시판 만드는 방법을 요청하셨는데요,
지금 제 마이피가 글부분+댓글부분 모두 투명하지요.
간단합니다.
디자인관리에서
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}
이 되겠지요~
필요하신 분들 실습한번 해보세요^^
