기본 문법

<STYLE> 적용대상 {대상에 대한 사용명령어;설정명령어:설정} </STYLE> 

; = 명령어 구분

적용 대상 목록(서로 대비되는 명령어1↔서로 대비되는 명령어2)

textarea 덧글창

div.whole_box = 배경색상및 이미지 {background-image↔background-color(테스트안함)}

td#topmenu_container2 = 메뉴창중 1번째줄 (background-image↔background-color)

td#topmenu_container1 = 메뉴창중 2번째줄 (background-image↔background-color)

background-repeat = 글목록과 메뉴창 3번째줄 이미지 (background-image↔background-color)

명령어(아래 설정명령어와 같은부류지만 역활상 따로 구분)

background-image:url = (url주소로 고정)배경이미지

background-color = 배경색상 html색상표 사용

설정명령어(사실 아래 두개만 써도 대부분 가능)

background-attachment: 배경이미지 고정 여부

background-repeat: 이미지 반복금지 여부

background-position: 000px 000px 꼴로 이미지 위치설정 단 좌-상 꼴

설정

fixed = 고정 주로 background-attachment 다음에 써서 이미지에 별도 스크롤이 생기지 않게 방지

scroll = 스크롤 주로 background-attachment 다음에 써서 이미지에 스크롤이 생기도록함

repeat = 반복 말그대로 한도 내에서 이미지를 지속적으로 반복하게함

no-repeat = 반복안함 말그대로 반복안해...

repeat = -x축 방향으로 반복 즉 가로반복

repeat = -y축 방향으로 반복 즉 세로반복

이건 그냥 간단히 이미지만 적용할 분들을 위한 코드

<STYLE>textarea{color:(글자 HTML색상코드); background:url(이미지 사이즈 836 * 112); border-width:0; border-color:(테두리 HTML색상코드); border-style:solid;}</STYLE> 

덧글창소스 이미지 

적용은 왼쪽 위부터 잘려나감 

<STYLE>textarea{color:(글자 HTML색상코드); border-color:(테두리 HTML색상코드); border-style:solid;}</STYLE> 

덧글창 색상

<STYLE> div.whole_box {background-image:url(원하는 이미지 1680X1050 기준 4986*2375니까 알아서 맞춰서 쓰면됨); background-attachment: fixed;</STYLE>

배경 이미지 이미지가 지속적으로 반복됨으로 자신 모니터에 맞는 해상도 이미지 사용권장

<STYLE> td#topmenu_container2 {background-image:url(원하는 이미지); background-attachment: fixed; background-repeat: repeat; </STYLE>

메뉴창중 1번째줄 이미지 (오유 기본 해상도 1005X25 여기서 모니터에다라 자동조절됨 알아서 저 비율만 맞추면됨)

<STYLE> td#topmenu_container1 {background-image:url(원하는 이미지); background-attachment: fixed; background-repeat: repeat; </STYLE>

메뉴창중 2번째줄 이미지 (오유 기본 해상도 1005X25 여기서 모니터에다라 자동조절됨 알아서 저 비율만 맞추면됨)

<STYLE> td#topmenu_container2 {background-color:(HTML색상코드; background-attachment: fixed; background-repeat: repeat; </STYLE>

메뉴창중 1번째줄 색상

<STYLE> td#topmenu_container1 {background-color:(HTML색상코드); background-attachment: fixed; background-repeat: repeat; </STYLE>

메뉴창중 2번째줄 색상

<STYLE> background-repeat: repeat; background-position: bottom right;} table { background-color: 원하는 HTML색상표; } td { background-color: 원하는 HTML색상표; } </STYLE>

글목록창과 메뉴창 3번째줄 색상

<STYLE> background-repeat: repeat; background-position: bottom right;} table { background-color: 원하는 HTML색상표; } td { background-color: 원하는 HTML색상표; } </STYLE>

글목록창과 메뉴창 3번째줄 이미지