일반/잡동사니
블로그 스킨 변경 방법
알 수 없는 사용자
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/