이번에는 직접 제가 제작한 레이아웃을 올려 봅니다. 한 나절 꼬박 걸리는듯 하네요

검은색 레이아웃 입니다. 열심히 만들었지만 여전히 허접입니다. 특히 별로 이런 분야에 제주도 없는 사람이고
전공자도 아니고 그냥 눈대중으로 익힌 실력이라..

일단 10단계 메뉴입니다. 잘 알려진 자바스크립트 메뉴지요. 전에 어느 분이 3단계로 올렸기에 10단계로 변형해서 올립니다.
그정도까지 필요하지도 않겠지만 넉넉히 준비하는 입장에서...
메뉴의 전체 구성은 레이아웃 화일에 자세하게 설명했습니다. 초보자라도 레이아웃 html문서를 읽어면서 하나씩 그 자리에
넣으면 모양이 좀 갖추어 질겁니다. 게시판 명칭이 다르고 기호가 달라서 기본적인 구성만 넣었습니다.




일단 유의사항을 읽어두세요

검은색이라 일반 게시판 글은 쓰거나 읽기 어렵습니다. 그러니까 기본게시판에 가셔서 commom.css에 Board.Read부분에 가셔서
#555555로 된 부분을 #FFFFFF변경해서 다른 이름으로 저장해서 이 게시판을 지정해서 사용하세요
글쓰는 부분도 검은색이라 어려우니 설정중에 부가 설정에 가서 에디터를 default_black을 쓰세요. 그럼 흰색으로 글씨가 나옵니다.

로그인 창도 블랙으로 사용하세요 xe_official 블랙요. 그런데 테두리가 있고 크기가 좀 커기 때문에 해당 스타일 시트에서 테두리 없애고
크기도 좀 줄여서 사용하세요. 그래야 좀더 어울립니다.

상단 배경은 스타일 css파일에 가서 헤드부분에서 파일을 지정해주든지 번거로우면 logo.jpg라는 파일로 만들어서 이미지 폴더에
넣어서 덮어 쓰세요. 크기는 가로 780 세로 90정도가 될겁니다. 정확하게는 모르겠는데 스타일 파일 확인해보세요.

테스트: http://gpmz.org/?mid=tics_buy

익스플로러 7/6 과 파이어폭스에서 했습니다. 익스 6은 제대로 그림이 안나옵니다. 그리고 파이어 폭스에서는 박스 테두리선이
안나옵니다. 제가 원하는 그림은 익스플로러 7에서 보이는 모양입니다. 사람마다 기호가 다르니..알아서 사용하세요.
브라우저마다 다르게 보여서 가능한한 가장 합치하는 곳에서 작업을 끝냈습니다. 필요나 기호에 따라 더 정확하고 아름답게
만들어 사용하세요.

제가 만든 것이니 저작권 신경안쓰고 쓰도 됩니다. 일반 포털형으로 만든 사이트들이 많은데 이것은 오히려 외국의 CMS형에
더 가깝습니다. 익스 6에 맞추려면 신경이 쓰여서 3 칼럼은 잘 안하는데 한번 시도해봤습니다.

적용해 보고 문제 있으면 댓글 주시고 테스트 사이트와 레이이웃을 파일을 대조하가면서 필요한대로 응용하면
어렵지 않게 해결할수 있을겁니다.  초보들도 걱정하지 말고 한번 해보세요 저도 초보입니다.

감사합니다. 긴글 읽느라고 수고가 많았습니다. 그럼 주말 즐겁고 편안한 시간 되세요.
저도 물 한잔 해야겠습니다.