g5의 css관련된글 > 십년전오늘

13.10.07 17:36:23

무슨 말씀인지 이해가 잘 안 가서 패스... ㅠㅠㅠ

foxrain 자기소개 아이디로 검색 회원게시물

13.10.07 17:37:53

복잡한게 아니라 소스보기에서 여러 css가 뿌려지는것을 php로 묶어서 하나로 출력하자는 말이였습니다 ^^
다만 이 묶이는 php를 css라고 헤더를 주고 기존 <link rel="stylesheet" href="경로/css.php"> 처럼 사용하자? 라는거에요 ㅎㅎ

추신. 소스보기에서의 들여쓰기도 신경 쓰는 Terrorboy

13.10.07 17:43:08

css.php 내용

<link rel="stylesheet" href="경로"> 게시판스킨
<link rel="stylesheet" href="경로"> 아웃로그인스킨

이런 식 말씀인가요?

foxrain 자기소개 아이디로 검색 회원게시물

13.10.07 18:00:59

css.php

대충 방법론에 따른 예시 php
[code]
<?php
include_once('_common.php');
header("Content-type: text/css");

// get_skin_stylesheet 함수에서 호출하는 css를 파일 리드 하여 출력 해준다.

// basic board style.css EX
echo <<<END
/* 게시판 버튼 */
/* 목록 버튼 */
#bo_list a.btn_b01 {display:inline-block;padding:0 10px;height:23px;border:1px solid #d9ded9;background:#f5f6fa;color:#000;text-decoration:none;line-height:2.15em;vertical-align:middle}
#bo_list a.btn_b01:focus, #bo_list a.btn_b01:hover {text-decoration:none}
#bo_list a.btn_b02 {display:inline-block;padding:0 10px;height:23px;border:1px solid #000;background:#333;color:#fff;text-decoration:none;line-height:2.15em;vertical-align:middle}
#bo_list a.btn_b02:focus, #bo_list a.btn_b02:hover {text-decoration:none}
#bo_list a.btn_admin {display:inline-block;padding:0 10px;height:23px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;line-height:2.15em;vertical-align:middle} /* 관리자 전용 버튼 */
#bo_list a.btn_admin:focus, #bo_list .btn_admin:hover {text-decoration:none}
~~~~~~~
END;

~~~~~~~
?>
[code]

css.php

대충 방법론에 따른 예시 php
[code]
<?php
include_once('_common.php');
header("Content-type: text/css");

// get_skin_stylesheet 함수에서 호출하는 css를 파일 리드 하여 출력 해준다.

// basic board style.css EX
echo <<<END
/* 게시판 버튼 */
/* 목록 버튼 */
#bo_list a.btn_b01 {display:inline-block;padding:0 10px;height:23px;border:1px solid #d9ded9;background:#f5f6fa;color:#000;text-decoration:none;line-height:2.15em;vertical-align:middle}
#bo_list a.btn_b01:focus, #bo_list a.btn_b01:hover {text-decoration:none}
#bo_list a.btn_b02 {display:inline-block;padding:0 10px;height:23px;border:1px solid #000;background:#333;color:#fff;text-decoration:none;line-height:2.15em;vertical-align:middle}
#bo_list a.btn_b02:focus, #bo_list a.btn_b02:hover {text-decoration:none}
#bo_list a.btn_admin {display:inline-block;padding:0 10px;height:23px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;line-height:2.15em;vertical-align:middle} /* 관리자 전용 버튼 */
#bo_list a.btn_admin:focus, #bo_list .btn_admin:hover {text-decoration:none}
~~~~~~~
END;

~~~~~~~
?>
[code]

13.10.07 18:12:09

제가 이해력이 부족해서요. 제가 이해한게 맞는지 한번 봐주세요.

각 폴더에 분산된 css 를 css.php 에서 모두 호출한다. -> 하나의 파일로 만든다. -> 클라이언트에게 전송한다.

Joan 홈페이지 자기소개 아이디로 검색 회원게시물

13.10.07 18:18:46

고수들의 대화인가요.. =ㅅ=
이해력 부족하여 가던길 갑니다..ㅎㅎ

13.10.07 18:30:31

댓글 좀 달아달라고 해주세요. ㅠㅠ 저도 제가 뭔 소리를 하는 건지 잘 모르겠네요.

foxrain 자기소개 아이디로 검색 회원게시물

13.10.07 19:02:03

맞습니다.
다만 css.php 파일에서 <link rel="stylesheet" href="경로">로 불러오는게 아닌 파일리드로 파일내부 텍스트만 출력해주는거지요

Rido 자기소개 아이디로 검색 회원게시물

13.10.07 18:25:29

흠.. 한가지 건의를 드리면...
제생각에는 css를 일괄로 네이밍을 정해두는게 좋을거 같습니다.

그래서 default.css 스킨용으로 묶어서 css를 정의하고
정의된 css.name을 배포하는겁니다.

그래서 스킨제작자들이 같은 네이밍으로 css를 정의를 해주시면
그누의 default로 스킨을 제작하시는분들은 css파일을 작성할 필요가 없어지고
css를 변경할분들은 같은 네임으로 skin.css파일을 추가로 제작하는거죠
그러면 실제 스킨제작도 편리해질거같고
그누4와는 다르게 모드 dom형태의 스킨으로 제작하고

지운아빠님은 dom을 정의하고 dom의 css.name만 정리해주시면 되는거죠
실제 dom의 이해가 없는분들이 스킨제작을 하기가 좀 힘들어질거 같기도 하지만.

뭐 또 그런분들은 그분들 나름의 css를 만들어쓰면 되는거죠 지금처럼..

13.10.07 18:30:01

Rido 님이 말씀하신 방식이 아마도 기존의 방식과 같을 겁니다.
default.css 로 통합되어 나가고, 별도로 필요한 경우 skin 용 css 에서 선택자만 틀어주는 방식이죠.

현재의 변경된 g5 css 는 단순 스킨 제작/적용의 편리성에만 집중하고 있습니다.
현 시점에서는 누가 봐도 이거다! 싶은 방법이 나오기 전까지는 판단을 보류하고 싶습니다.

Rido 자기소개 아이디로 검색 회원게시물

13.10.07 18:33:27

그렇네요 쓰고보니 그게그거인듯 -_-;; 죄송합니다 - 3- 휭..

13.10.07 18:35:05

회원님들마다 선호하는 방식이 개성만큼이나 다르셔서 뱁새가 쫓아가기가 어렵습니다. 가랭이 찢어지게 생겼어요. ㅠㅠ

Rido 자기소개 아이디로 검색 회원게시물