묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
레이아웃 편집을 용이하게 할시 파폭과 파벅을 이용하는방법점요.;;
2010.04.20 11:59
제가 전 질문글을올렷을씨
레이아웃을 파일로 만들어서 파이어폭스에서 파벅플러그인을 사용해서 보라는 글이있어서
파폭에 파벅플러그인 까지는 다햇습니다 무슨 편집기인것같더군여 ㅠ
근데 레이아웃을 파일로 만들으라는게 구체적으루.. 레이아웃이 뭔지는 다 압니다 html도 적당히 압니다.ㅠ
무료웹호스팅으로 공부중인데요
/xe/layouts/MLT_Portal_Free(레이아웃) 폴더의 layout.html 을 봤습니다.
근데 좀..이상해서요 제가 제대로 한거맞습니까? ㅠㅠ
도움점..흑흑흑..
레이아웃을 제입맛대로 편하게 바꾸는 방법이 분명 있을꺼라 생각합니다..!
테이블로 짜는거는.. 솔직히 뭐고뭐고 필요 없이 그냥 하면 되구요..
div로 하시는거면 파벅이 매우 용이하실 겁니다.
파벅 켜놓은 상태에서 직접 css를 보면서 그 상태로 수정을 가할 수 있습니다. 물론 페이지에 그대로 반영되는게 아니라
이렇게 바꾸면 이렇게 된다는 것을 보여주는 것이기 때문에 나중에 바꾼 부분을 전부 최종본으로 바꾸셔야됩니다.
예제를 보여드리자면 이렇죠.
가령 이런 화면에
이렇게 저기 글자를 바꾸고 싶으면 해당 엘리먼트 위에서 오른쪽 버튼 요소 검사를 해줍니다. 그러면 밑에 창에 해당 엘리먼트의 css 속성이나 박스 모델 상태가 나옵니다.
여튼 저 글자를 빨간색(여기서는 ff3333 입니다.)로 바꾸고 싶어졌는데 한번 파벅으로 미리 봐보고 싶었습니다.
그래서 이렇게 바꾸었죠.
밑에 창에서 color 라는 속성을 추가하고 그 값으로 #f33 을 주었습니다.
색이 바뀐게 바로 적용되는 군요.
이런식으로 조금씩조금씩 해나가시면 됩니다.
절대 잊으시면 안되는건 이건 일종의 미리보기 인거지 완전한 적용을 말하는게 아닙니다.
완전히 적용하실려면 레이아웃 파일에 직접 써주시고 다시 업로드 하시고 캐쉬를 재생성하세요.
마지막으로.. 이건 파폭에서 이렇게 나온다는 이야기지.. 다른 브라우저들(대표적으로 ie? 그외 크롬(크롬은 파폭이랑 비슷하던데..)이나 오페라, 사파리 같은 다른 브라우저)에서도 이렇게 나온다는 말이 아닙니다.