안녕하세요?

페이지를 로딩하고 F12키를 누르면 아래 그림처럼 오른쪽에 소스(?) 화면이 나오는거 같은데요,

지금 열린 페이지의 원본파일이 무엇인지 알 수 있는 방법이 있나요?

제가 메인페이지에 나오는 글자의 색상을 바꾸려고 하는데 F12 눌러서 CSS 파일의 위치는 알겠는데요,

그것과 연결되는 HTML 파일을 찾지 못하겠네요.  

관리자에서 해당 레이아웃 HTML/CSS 설정에서 봐도 찾으려는 부분이 없네요.

알 수 있는 방법이 있을까요?

 

Screenshot 2018-01-20 at 10.02.14.png

  • profile
    HTML는 조합해서 모든내용 전부 PHP캐시파일로 변경한뒤 그다음 화면에 띄어줍니다.

    그래서 전체적으로 알 수 있는 방법은 어렵겠습니다..
  • profile profile
    아~ 그런거였네요? 세상에 쉬운게 없네요. ㅎㅎ
    그럼 사용하고 있는 레이아웃의 폴더에 있는 html, php 파일에서 대부분(?) 불러오는건가요?
    폴더내 있는 모든 파일을 다 뒤져보려고요. ㅎㅎ 고맙습니다.
  • profile profile
    XE에서 HTML파일은 대부분 템플릿 문법을 사용해서 HTML을 짜게 됩니다.

    그렇게 짜여진 템플릿 문법은 files/cache 와 같은 파일에 템플릿으로 변환시키는 PHP파일으로 저장하지요.

    그래서 거기 저장된 것들로 대부분 조합해서 쓰는거고요.

    modules/module/module.view.php 같은 파일은 대부분 그 기능을 실행하고 모듈기능을 사용하게 도와주는 그런 기능들이예요..

    이런 부분은 기초적으로 나타나지 않기 때문에..

    대충.. 레이아웃의 경우 layouts/사용하시는레이아웃 폴더 이름/layout.html 으로 추적해보시고.

    모듈의 경우 게시판은 대부분 modules/board/skins/스킨폴더이름/list.html 부터 시작해서 대부분 그렇게 파일이 나오게 됩니다.

    나머지는 사용하는 모듈이나 애드온의 따라 다 다르고요.

    위젯도 마찬가지입니다.


    아무리 몰라도 대충 기초적인 템플릿 위치정도를 공부부터 하시면 되겠습니다.
  • profile profile
    람보님 고마워요. 이해가 쏙쏙 됐어요.
  • profile

    넓게 해서 보세요.
    우측 또는 하단에 css파일 위치, 파일명 나옵니다.

     

    스크린샷, 2018-01-21 07-05-50.png

  • profile profile

    네. css 파일은 찾았어요.  제가 청와통닭 레이아웃 사용하고 있는데요,

    상단 우측에 게시판 srl 을 불러와서 보여지는게 있는데 이것의 제목 색상을 바꾸려고 하거든요. 

    Screenshot 2018-01-21 at 03.01.20.png

     

    그래서 F12 눌러서 해당 위치의 자리를 찾았더니 default.css 파일이었습니다.  

    dw_color 이라는 class 로 지정된 부분을 찾아서 tt_color 추가해서 다른 색상을 넣었거든요.

    테스트로 F12 화면에서는 파란색으로 바뀌더라구요. ㅎㅎ

    아래처럼 default.css 파일에서 tt_color 을 추가했습니다. 

    Screenshot 2018-01-21 at 03.02.31.png

     

    문제는 dw_color 라는 부분을  tt_color 이라서 고쳐야 하는데 dw_color 요 부분 이게 어디에 있는지 모르겠네요. ㅎㅎ

    Screenshot 2018-01-21 at 03.02.05.png

     

    딱 여기서 막히네요.  css 폴더에 있는 파일 모두 열어서 봐도 안나오고 그 위에 폴더 layout.html 파일을 열어도 

    dw_color 부분을 못 찾겠더라구요. ㅎㅎ  글자는 있는데 원하는 부분이 아닌것 같아서요. ㅎㅎ

    그래서 그냥 못하고 있는거에요.  고맙습니다.

     

     

  • profile

    XE 모듈이나 스킨 제작 관례상, HTML 파일은 대개 CSS 파일이 있는 폴더 또는 그 바로 위 폴더에 있습니다.

    사실 CSS 파일을 찾았다면 HTML 파일이 없어도 글자색 정도는 color 속성으로 컨트롤할 수 있지요.

  • profile profile
    ㅎㅎ 제가 기진곰 님 실력 1,000,000,..... 분의 1 정도만 되면 컨트롤 할 수 있겠는데 아쉽네요. ^^
  • ?
    계속 하다 보면 조금씩 알게 됩니다
    저도 누가 가르처 주지 않았는데 답답한 마음에 계속 보다 보니 알겠더군요
  • ? profile
    ㅎㅎ 네.. 계속해도 안되면 그때는 접어야겠죠. 구미호 님 부럽습니다.
  • profile ?
    접지 마시고 원격으로 한번 해보죠 ㅎㅎ
  • ? profile
    원격이여? ㅎㅎ 너무 어려워요.
  • profile ?
    원격으로 하면되죠 ㅎㅎㅎ팀뷰어로요 ㅎㅎ