이번에 글쓰기 에디터가 블랙버전이 나와서 사용해 볼려고 하니 아직 손을 봐야 할 부분이 많더군요.

먼저 글쓰기폼부분에 아이콘들은 아직 변경이 안된것 같아  작업을 좀 해 봤습니다.

블랙버전에디터 적용후 스킨 수정은 아래와 같이 하였는데



확인은

http://jobdahan.net/?mid=photogallery_food&act=dispBoardWrite

에서 하시면 됩니다.

현재 http://jobdahan.net/photogallery_food 이 메뉴만 블랙컬러로 현재 적용을 시켜 보았는데...

웬만한건 수정을 다했는데

보시는것과 같이 제목색깔, 글꼴,크기,형식 부분의 셀렉트박스 디자인이 조금 언밸런스 하네요.
검색부분 셀렉트박스도...

그런데 스타일로 이부분을 꾸밀수가 없어서....

혹시 이부분을 div로 처리하는 방법을 아시는분이 계실까요?

작업해 보니 의외로 손이 많이 가서 다 정리가 되면 공개를 해서 함께 사용을 했으면 하는데....


스킨 작업을 하면서 느낀것은

css 부분에서 컬러별로 좀더 독립성을 가졌으면 하는 생각이 드네요.

실제로 디작인 작업할때는 라인컬러 하나하나 신경을 쓰기때문에 common.css 부분에 공동적으로 사용되는 부분에서 컬러별 스킨에 영향을 미치는 부분은 각 컬러css 파일로 넘겨서 처리하는게 좋을것 같네요.


그리고 editor/skins/default_black/editor.html 파일에서 에디터컴포턴트  아이콘이미지  처리하는 부분의 경우
(103라인정도)
<img src="../../components/{$component_name}/black/icon.gif" alt="{$component->title}" title="{$component->title}" id="component_{$editor_sequence}_{$component_name}" onmouseover="eOptionOver(this)" onmouseout="eOptionOut(this)" />

이렇게 별도의 컬러폴더를 하나 더 만들어준다음 해당 아이콘 이미지를 넣어 주었습니다.

이렇게 몇가지를 정리하면 좀더 디자인적으로 개선이 된 게시판 스킨을 활용할수 있지 않을까 싶네요.

현재까지 작업한 스킨과 이미지를 올려 봅니다.

개발자님 혹은 실력있으신분께서 서두에 질문한 셀렉트 박스를 좀더 이쁘게 꾸미는 팁에 대해 조언을 해주시면 감사하겠습니다.

물론 소스를 직접 수정해서 올려주셔도 되구요.^^

컴포넌트별 아이콘 이미지 : components.zip
블랙 쓰기폼 스킨 부분 : default_black.zip
게시판 스킨 : xe_Blackboard.zip

스킨설정에서 컬러셋을 black로 설정해서 테스트 했습니다.