묻고답하기
XE 레이아웃에 관한 질문좀
2009.11.07 12:30
안녕하십니까 이번에 가입하게된 헐크매니아라고 합니다.
제가 전문적으로 공부를 한게 아니라 그냥 대충독학식으로 만들어서 전문용어를 잘몰라서 설명이 좀 서투른점 양해부탁드립니다;;
사연을 말하자면...
제가 예전에 홈페이지 만들때 쓰던게 제로보드4 버전인데 4버전은 제가 나모웹이나 드림위버같은 툴로 메인소스를 만들어놓고 그위에 제로보드를 끼워넣고 싶은위치에 껴넣으면 되는 방식이었는데 다시 홈페이지를 만드려고 보니 지금 XE 바로 전버전 XE 초기단계버전인 그때입니다. 위젯기능등 여러가지 디자인적인 면이 제가 구상하는 홈페이지와 어울리는것같아서 쓰려고했는데 제로보드4같이 제가 만든 파일에 제로보드를 껴넣는 방식이 아닌 홈페이지계정에 제로보드란 홈페이지만드는 하나의 툴을 설치해 그것을 이용해 만드는 방식이란것을 알게되었습니다. 그중 중요한게 레이아웃이란것을알고 여러방도로 제가 만든소스를 XE에 적용시켜보려고 했는데 결과적으로 레이아웃에 제 소스가 제가 생각한대로 구현도 안되고 게시판도 어떻게 달아야될지 실패로 끝났습니다.
그래서 결국에는 제로보드4같은 방식인 그누보드로 갈아탓는데 정말 XE의 디자인과 기능이 막강해 미련을 버릴수가 없더군요
질문을 드리자면...
1. 일단 제 홈페이지는메뉴나 로고라던지 이런부분을 PNG투명배경 파일로해서 레이어로 기본홈페이지 틀위에 층을 쌓아올린 방식으로 제작했습니다. 그래서 제가 생각한게 소스에 게시판이 들어갈레이어를 만들어 위에 XE의 게시판이나 위젯을 불러올 방법을 생각하는데 이게 가능할지 질문드리고 싶습니다.
2. 그리고 두번째는 위와 반대로 제가 만든 소스파일을 하나의 레이아웃파일로 만들면 게시판이나 위젯을 적용시키기가 한결더 쉬울것같은데
이부분은 잘아시는분과 좀 오래 대화를 해야 될거같고 가장 XE를 많이 활용할수있는 최적의 방법이 아닐가 생각합니다.
3. 마지막으로 XE 게시판설정에서 게시판 배경이 투명배경으로 가능한지 알고싶습니다. 설정에서 배경을 그림파일경로로 지정하고 그 그림파일이 투명배경인 파일이면 가능할거같기도 합니다..
서두가 좀 길엇는데 좋은 답변부탁드립니다. XE를 쓰기위해 홈페이지제작을 장기간 밀어두고있습니다 ㅠㅠ
xe의 고기능에 푸욱 빠진 동료를 만나 기쁨니다^^
xe를 쉽게 이해하기
1.xe 설치 가능한 계정에 설치를 합니다.
2.레이아웃을 하나 다운 받아 계정에 xe/layouys/다운받은 레이아웃/ 설치 합니다.
이쁘고 여러가지 기능이 있는 레이아웃이면 쉽게 코드나 css 등 이해 하시는데 도움이 됩니다.
= 레이아웃 추천 : http://www.xpressengine.com/?mid=downloadLayout&page=10&document_srl=16644111
= 로그인 폼 추천 http://www.xpressengine.com/16630789
==> 해당 레이아웃과 로그인 폼 적용 을 벌써 2년째 사용 중입니다.
링크 http://myshelter.kr/zbxe/
2-1. 위젯은 xe1.2.4full 버젼에 기본으로 있는 위젯을 가지고 분석을 하시면 됩니다.
3.게시판 투명 설정은 해당 게시판 css 파일에서 background-color:transparent 이 문구만 변경 해주시면 됩니다.
- 레이아웃이나 게시판에 저 소스를 넣으실 곳을 직접 찾아서 변경을 해 보시고 새로고침 누루시면 쉽게 변경 되는 것을 알수 가 있습니다.
- xe_official 스킨으로 기준 하면
경로 = xe/modules/board/skins/xe_official/css
/* XE White Theme */
/* Board Reset */
.board{ background:#transparent; color:#333;}
.board .inputText,
.board textarea,
.board select{ background:#fff; color:#333; border-top-color:#a6a6a6; border-left-color:#a6a6a6; border-right-color:#d8d8d8; border-bottom-color:#d8d8d8;}
.board .document_popup_menu a,
.board .comment_popup_menu a{ color:#8b8b8b;}
.board .boardNavigation{ border-color:#bababa;}
=====
white.css 파일에서 7번째 줄 입니다 #fff -------> transparent 로 변경 후 게시판 스킨을 화이트 스킨으로 설정 하십시요.