묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
![2011-07-28 00 01 29.png](/files/attach/images/122/594/902/019/1242985d1ea71c32156690f1a068b6a9.png)
편집시와 실제 표현페이지의 스타일 문제
2011.07.28 00:04
안녕하세요.
편집할때의 문서 스타일과
편집을 저장하고 나서의 실제 보여지는 문서의 스타일이 달라서 글올립니다.
원인이 무엇일까요?
편집시의 스타일
![2011-07-28 00 01 29.png](/files/attach/images/122/594/902/019/1242985d1ea71c32156690f1a068b6a9.png)
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
네임쿄죠 | 회사 홈페이지를 만들었는데요. [2] | 2011.07.29 by 최최최쵭 |
1004774 | 엑셀->SQL로 만든 후 IMPORT했는데 오류가 나요 | |
개발해보자 | files 폴더를 다른 디렉토리로 지정 할 순 없을까요...? | |
94DT | LNB메뉴에 대해서 질문드립니다. /재질문/ [2] | 2011.07.29 by ForHanbi |
풀꽃세상 | 관리자 아이디 및 비번을 바꾸고 싶습니다. [3] | 2011.07.29 by 송동우 |
프로파일링 | 카이네드님께 질문드립니다.(ㅠㅠ) [1] | 2011.07.29 by 송동우 |
멧 | 메인페이지에서 왼쪽 로그인폼 때문에 생기는 오른쪽 공백은 어떻게 없애나요? [4] | 2011.07.29 by 송동우 |
terious83 | 회원 포인트 최대치가 2147483647이네요. [2] | 2011.07.29 by 송동우 |
라임그린 | 접속경로 알수있나요? [1] | 2011.07.29 by 송동우 |
왜만지냐 | db이전 문의드립니다. | |
얼긴이 | 게시판에 이미지가 안나옵니다. | |
mydesign | 고수님들 분류사용 추가를 하려면 어떻게 해야 하나요? | |
준돌이 | 스케치북5 게시판 '웹진형' 에서 쪽지보내기 기능추가 질문 [1] | 2011.07.29 by ezi |
민트언니 |
초보로서 질문 드립니다.
[1]
![]() | 2011.07.29 by ForHanbi |
김훈259 | 위젯 위치에 따라 css 가 적용이 되었다 안되었다 합니다. [1] | 2011.07.29 by ForHanbi |
enzoy | (html질문) %크기 div의 최소 유지 사이즈를 확보하려면 [3] | 2011.07.29 by enzoy |
하리+_+ | 첨부파일 다운로드시 다른 기타 작업이 멈추는 현상. | |
인턴사원 | 짧은 주소 적용시 404 에러가 납니다... | |
히피♬ | 회원정보보기... (추가) [1] | 2011.07.29 by 송동우 |
피레느 | 회원정보보기 관련.. [1] | 2011.07.29 by 송동우 |
xe/modules/editor/styles/default/style.css
xe/modules/editor/styles/default/editor.css
xe/modules/editor/styles/xeStyle/style.css
본문 내용보기와 에디터에 관여하는 CSS파일들 입니다.(사용하시는 에디터에 따라 /editor/style/ 이후의 디렉토리명이나 파일명이 다를 수 있습니다.)
디렉토리명으로 이미 파악 되실텐데...
xe/modules/board/tpl/css/board.css <- 본문 내용보기에 전체적으로 관여합니다.
그렇다고 나머지 파일들이 꼭 에디트상태 일 때만 관여하는 것은 아니더군요.
본문 보기 상태이거나, 에디트 상태에서 현재 적용되고 있는 파일을 찾아 수정해 주어야 합니다.
기본적으로 관리자 모드의 게시판 -> 추가 설정에서 기본적인 폰트와 폰트 크기를 정해주시고 나서 위 CSS 파일을 조정해 줘 보세요.
익스플로러나 크롬의 개발자 도구 메뉴를 사용하시면 해당 소스의 스타일이 어느파일에 영향을 받는지를 알 수 있습니다.
다시 말해서 어느 CSS파일을 수정해야 하는지 알 수 있다는 거죠.
익스 : 도구 -> 개발자 도구
크롬 : 설정 -> 도구 -> 개발자 도구
개발자 도구를 보시면 좌우 두개의 창으로 구분되는데, 좌측의 소스를 클릭하면 우측에 적용된 스타일 내용을 볼 수 있습니다.
(익스의 경우 화살표 아이콘을 클릭한 후 원래 창의 내용으로 가서 선택할 수도 있습니다)
개발자 도구의 우측창의 제일 하단의 스타일이 최종 적용된(취소선이 그어 있지 않은 스타일) 스타일 입니다.
우측창의 스타일 소스의 근처를 보시면 파일명도 나와 있죠. 클릭하시면 CSS 파일의 경로와 파일명을 알 수 있습니다.
(크롬의 경우는 Resources 메뉴로 옮겨 가시면 나열되는 정보중 Style Sheet 항목으로 CSS 파일의 경로와 파일명을 알 수 있겠습니다.)
이 답글 제일 상단에 나열한 CSS파일 이외에도 최종적으로 선언 되어지지 않은 소스들은 더 상위의 CSS파일이 관여합니다.
개발자 도구를 이용하셔서 제일 나중에 적용되는 해당 CSS 파일을 찾아 원하는 스타일을 넣어 주어야 합니다.