웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
드림위버에서 제로보드 XE 레이아웃 편집하기
2009.02.10 10:59
사소한 팁입니다.
아직 저도 제대로 활용을 못하고 있구요.
발견한게 신기해서, 도움이 될까? 생각해 글 적어 봅니다.
드림위버에서 제로보드 XE 레이아웃을 불러옵니다.
layout.html 이요. 그럼 CSS 적용이 되질 않아 일렬로 쭉 나오는데요.
이제 CSS를 불러옵니다.
layout.html 코드 맨 위에 아래 코드를 입력해 불러와도 되고
<link rel="stylesheet" href="file:///C|/설치경로/해당파일.css" type="text/css" />
오른편에 CSS 패널이 있습니다.
불러오면
CSS 가 적용된 화면을 볼 수 있습니다.
하지만 여전히 알아보기 힘든 화면;;
여기서부터는 저도 힘듭니다;; 계속 하다보면 익숙해지고, css 파일도 직접 디자인 할 수 있겠죠
그보다, 제로보드 자체적으로 뛰어난 편집기를 내장했으면 좋겠는데요.
아직 저도 제대로 활용을 못하고 있구요.
발견한게 신기해서, 도움이 될까? 생각해 글 적어 봅니다.
드림위버에서 제로보드 XE 레이아웃을 불러옵니다.
layout.html 이요. 그럼 CSS 적용이 되질 않아 일렬로 쭉 나오는데요.
이제 CSS를 불러옵니다.
layout.html 코드 맨 위에 아래 코드를 입력해 불러와도 되고
<link rel="stylesheet" href="file:///C|/설치경로/해당파일.css" type="text/css" />
오른편에 CSS 패널이 있습니다.
불러오면
CSS 가 적용된 화면을 볼 수 있습니다.
하지만 여전히 알아보기 힘든 화면;;
여기서부터는 저도 힘듭니다;; 계속 하다보면 익숙해지고, css 파일도 직접 디자인 할 수 있겠죠
그보다, 제로보드 자체적으로 뛰어난 편집기를 내장했으면 좋겠는데요.
댓글 4
-
아하~
2009.02.10 14:46
아 이런 기능이 있군요...나모4나 FX만 사용하고 드림위버는 거의 사용 안하고 있었는데... -
LunikFX
2009.02.25 18:51
사소한 팁이라기 보다는 유용한 팁이네요.^^
레이아웃 만들때 좀 더 편해지겠네요, :D -
무비짱
2009.09.13 19:49
^^ 우왕...~~ 정말 초보자들한테는 그 무엇보다 좋은 팁이 될 것 같습니다.
-
이영화186
2010.05.15 05:17
제가 줌라하면서 했던건데요..파이어 폭스에서 디벨로퍼 툴 다운받아 설치 해놓고 CSS 버튼 누르면 실시간 수정이 되잔아요..
그걸 복사해서 붙이면 가능하지 않을까요?