블로그 스킨 변경 방법
일반/잡동사니 / 2007. 8. 17. 00:33
반쪽달 블로그 (http://lordfeel2.egloos.com/) 에서 보고 저도 한번!
텍스트 상자에 살짝 배경 이미지를 넣어봤습니다.
이미지는 요새 미쳐있는 게임인
디제이 맥스 포터블 2의 Ladymade Star 일러스트 (Illust by Tiv - http://tiv.pe.kr)
Internet Explorer 6 and 7 그리고 Fire Fox 2.0.0.3 에서
정상으로 나옴을 작동확인했습니다 ㅇ_ㅇa
제가 쓴 HTML 소스를 예제를 보여드리자면 (방명록 적용 기준)
<textarea id="guestBody" name="" class="form_textarea" style="background-image:url(./images/textbg.gif);background-repeat:no-repeat; background-position:bottom right; width:536px; height:100px"></textarea>
이하 부분이 중요한 부분입니다.
style="background-image:url(이미지 경로);background-repeat:no-repeat; background-position:bottom right;
설명
background-repeat - 배경으로 쓰일 그림의 반복여부를 정하는 곳 입니다.
background-position - 배경 그림의 위치를 정할 수 있습니다. 제가 쓴 bottom right는 오른쪽 아래
이런거 하나 고치니까 느껴지는 분위기가 사뭇 다르네요 ^^;
다음은 어딜 고쳐볼까나 ~_~
출처 : 아인님 홈 : http://einz.kr/
이미지는 요새 미쳐있는 게임인
디제이 맥스 포터블 2의 Ladymade Star 일러스트 (Illust by Tiv - http://tiv.pe.kr)
Internet Explorer 6 and 7 그리고 Fire Fox 2.0.0.3 에서
정상으로 나옴을 작동확인했습니다 ㅇ_ㅇa
제가 쓴 HTML 소스를 예제를 보여드리자면 (방명록 적용 기준)
<textarea id="guestBody" name="" class="form_textarea" style="background-image:url(./images/textbg.gif);background-repeat:no-repeat; background-position:bottom right; width:536px; height:100px"></textarea>
이하 부분이 중요한 부분입니다.
style="background-image:url(이미지 경로);background-repeat:no-repeat; background-position:bottom right;
설명
background-repeat - 배경으로 쓰일 그림의 반복여부를 정하는 곳 입니다.
background-position - 배경 그림의 위치를 정할 수 있습니다. 제가 쓴 bottom right는 오른쪽 아래
이런거 하나 고치니까 느껴지는 분위기가 사뭇 다르네요 ^^;
다음은 어딜 고쳐볼까나 ~_~
출처 : 아인님 홈 : http://einz.kr/
'일반 > 잡동사니' 카테고리의 다른 글
| 마크로스 프론티어 (0) | 2007.11.16 |
|---|---|
| 성계 시리즈 명장면 모음 (0) | 2007.09.26 |
| 내가 즐겨하는 게임 (0) | 2006.09.23 |