InterNet
2006. 9. 10. 22:37
기본 스킨을 쓰자니 너무 밍밍한 것 같고, 다른 디자인은 감당이 안되고. 그러다가 바탕이미지를 깔자는 데 생각이 미쳤다. 하지만 사진의 사이즈가 안맞으면 바둑판 무늬가 되어버린다. 무수한 시행착오 끝에 드디어 바탕이미지를 고정시키고 포스트에는 살짝 투명효과를 주는 데 성공. 몹시 뿌듯해하고 있는 K.
1. 우선 배경이미지를 업로드한다. 내경우는 jpg파일로 그냥 올림. 가로폭을 1100에서1280 정도로 크기 조절을 하되, 품질을 떨어뜨려 용량을 줄였다.
2. skin.html편집에서 </head> 라는 태그 아래 있는
<body style="background-image:url(' ./images/bg.jpg ');background-repeat:no-repeat;background-attachment:fixed;background-position:center middle;">
->no-repeat: 이미지를 반복안한다는 뜻; fixed는 이미지 고정; position은 이미지의 위치
3. 투명하게 만들기. body 스타일 바로 밑의 테이블 안에 필터를 추가
<table width="780" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style='filter: Alpha(Opacity=82)'> <tr>
-> 여기서 82가 투명도. 숫자가 높아질수록 불투명.
2. skin.html편집에서 </head> 라는 태그 아래 있는
<body style="background-image:url(' ./images/bg.jpg ');background-repeat:no-repeat;background-attachment:fixed;background-position:center middle;">
->no-repeat: 이미지를 반복안한다는 뜻; fixed는 이미지 고정; position은 이미지의 위치
3. 투명하게 만들기. body 스타일 바로 밑의 테이블 안에 필터를 추가
<table width="780" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style='filter: Alpha(Opacity=82)'> <tr>
-> 여기서 82가 투명도. 숫자가 높아질수록 불투명.
'InterNet' 카테고리의 다른 글
| RSS 리더가 바꾼 나의 삶 (6) | 2006.09.24 |
|---|---|
| Rss, 이기적 소통을 위한 퍽 괜찮은 조건 (0) | 2006.09.13 |
| 트랙백 삭제 (2) | 2006.09.03 |
| 네이버 지식시장에 대한 단상 (2) | 2006.09.02 |
| 발행 페이퍼를 쓰는 까닭 (0) | 2006.08.31 |