포럼
$layout_info->"값" 설정에 대한 질문 (개발팀이 답변좀 해주시면....)
2011.05.30 12:49
컬러셋 설정에서 <block>을 많이 설정하기도 뭐해서 혹시나 해서
이런형식으로 만들어 보았습니다. info.xml에서 컬러 설정부분에 값에 css를 죽~~ 적어서 그 값을 layout.html에 <style>을 열어서 불러오게 만들었습니다.
작동에는 문제가 없는거 같습니다.
그런데 지금 작동된다고 무작정 사용할 수 없는것이 이런 방식이 합당한 방식인지에 대한 의문이 들어서...
지금 된다고 해서 업데이트 과정을 거치면서 계속 작동될거란 보장이 없기에 사용을 주저하고 있습니다.
<options value=".Purple .MenuA .first_a:hover,
.Purple .MenuA .first_a:focus,
.Purple .MenuA .first_a:active,
.Purple .MenuA .highlight .first_a,
.Purple .MenuA .active .first_a,
.Purple .vNav h2 a{color:#5d3fb4}
.Purple .MenuB .main_menu .highlight .first_a,
.Purple .MenuB .main_menu .active .first_a,
.Purple .MenuB .main_menu .first_a:hover,
.Purple .MenuB .main_menu .first_a:focus,
.Purple .MenuB .main_menu .first_a:active{color:#a991ef}
.Purple .MenuC{background:#a00ee4}">이런형식으로 만들어 보았습니다. info.xml에서 컬러 설정부분에 값에 css를 죽~~ 적어서 그 값을 layout.html에 <style>을 열어서 불러오게 만들었습니다.
작동에는 문제가 없는거 같습니다.
그런데 지금 작동된다고 무작정 사용할 수 없는것이 이런 방식이 합당한 방식인지에 대한 의문이 들어서...
지금 된다고 해서 업데이트 과정을 거치면서 계속 작동될거란 보장이 없기에 사용을 주저하고 있습니다.
사용해도 될까요... 혹 제가 인지하지 못하고 있는 문제점은 없을까요??
아무래도 설명을 더 달아야 이해가 쉬울거 같아 이미지 올립니다.
댓글 11
-
ForHanbi
2011.05.30 15:20
-
ForHanbi
2011.05.30 15:25
block에 cond 없이 바로 style 부분에 불러오는 겁니다. 제가 알고 싶은 부분은 info.xml이 지원해주는 문자가 어디까지인가 인데요. 띄워쓰기, { },<>, " , ' 이런것들이 다 지원이 되는지 그리고 info.xml의 값이 길어지면 불러오는데 속도에 일단 text가 가지고 있는 무게 이상의 영향은 안주는지에 대한 부분입니다 -
엘카
2011.05.30 15:45
이 방법은 어떤가요?
<option value="orange"> <!-- skin.xml -->
{@ // layout.html
$colorset = arrau();
$colorset["orange"] = "
.orange element:hover { color:orange; }
"; // 생각해보니 '{' 문자열이 두번 들어가서 안될려나요..
}
저는 클래스로..
<option value="orange">
<div id="wrap" class="{$layout_info->colorset}">
#wrap.orange element:hover { color:orange; } -
ForHanbi
2011.05.30 15:59
저도 엘카님이 사용하진 클래스 부분 정하는 방식으로 사용하다가 이번에는 css 구문이 좀 길어지는거 같아
<block cond="$layout_info->colorset == 'Purple'"><load target="css/Purple.css" /></block>
이런 형식으로 css를 컬러셋별로 나누고 값에 따라 불러오려고 했더니 좀 길어지는거 같아서...
꽁수를 찾아 봤는데 그 꽁수가 깊은 수렁으로 빠지는 꽁수였나 보네요.
BNU님 아니었으면 삽질할뻔.... -
ForHanbi
2011.05.30 17:38
참 엘카님이면 유용하게 사용할 수 있을거 같은데...(어쩌면 이미 사용하기 계실지도...)
이번에 알게 된게 layout_info 값으로 class명을 두개이상 설정할 수 있다는 사실을 알게 되었습니다.
css작업하다 보면 info.xml에서 두번 물을거 한번에 class명 두개 설정해서 select를 조금더 늘여서 작업하는게 편할때가 있는데
그때 아주 유용하더군요. -
모르지오
2011.05.30 17:37
저 같은 경우는 다음과 같이 하겠습니다.
해당 css는 한두개 정도 불러오게하고
인포파일에서 메뉴컬러셋 설정을 두개로 두고,
레이아웃 파일에 직접 적용.
<div class="{$layout_info->Purple(컬러유형)}">
<div class="{$layout_info->MenuA(메뉴형태)}">
<div class="메뉴">
</div>
</div>
</div> -
ForHanbi
2011.05.30 17:40
역시 css에 class명 따라 컬러셋을 설정해 두고 html에서 class명을 넣어주는 방식이 대중적이군요. -
모르지오
2011.05.30 17:44
이럴 경우 한 번더 세분화 해야 겠죠..MenuA .first_a:focus,
줌라cms 레이아웃의 경우는 뭐든지 이렇게 class를 세분화하여 적용하더라구요.
.Purple .first_a:focus,
포한비님이 실험정신이 강하시니까 어떤것이 나은지 결과도 글로 남겨주세요.^^ -
ForHanbi
2011.05.30 17:58
참 모르지오님도 제가 말한것 처럼 info.xml에서 class명 설정을 두개 이상해 보십시오. 모르지오님이 보여준 html을 보면
<div class="{$layout_info->Purple(컬러유형)}">
<div class="{$layout_info->MenuA(메뉴형태)}">
<div class="메뉴">
</div>
</div>
</div>
컬러셋과 메뉴형태를 사용하시는데 해보시면 아시겠지만 컬러셋에 따라 메뉴의.Purple a{color}를 세분화 시켜버리면 css가 커져버리는 경우가 생겨버리더군요. 그렇다고 일괄처리하기는 메뉴바의 배경색과 어색한 부분이 있고.. 이럴때
.font_Purple a{color}로 처리하면...
<div class="{$layout_info->Purple(컬러유형) font_Purple(폰트컬러 유형)}">
<div class="{$layout_info->MenuA(메뉴형태)}">
<div class="메뉴">
</div>
</div>
</div>
이 되도록 해버리면<options value="Purple font_Purple"><title xml:lang="ko">보라</title></options>
css를 훨 가볍게 할 수 있더군요.
아 예문이 좀 혼란스러울 수 있겠네요 font_Purple 이 부분을 컬러셋인 Purple 보다 단순화 시킬수 있다면
font_Purple 기준으로 (컬러셋이 10개 정도라면 font_color를 설정할 class는 3~4개정도로 단순화 시킬수 있더군요.) 하시면 보다 가벼운 css가... -
모르지오
2011.05.30 18:17
바로 이해했습니다. 아 이런 꼼수가^^ -
YO-DA
2011.05.30 18:03
모처럼 사용자 포럼다운 글감에 진지한 답글까지 있어 정말 보기 좋습니다^^
정찬명님도 좋아 하실 것 같군요^^
컬러셋이 많아지다 보면 <block>을 많이 사용하기도 속도때문에 부담스럽고 그렇다고 css가 길어지는것도 부담스럽게 느껴질 수 밖에 없기에... 이 부분이 가능하다면 이런 방식이 속도면에 지장을 주거나 앞으로의 코어 업데이트에서 문제의 소지가 있는게 아니라면 위 두가지 문제를 다 해결할 수 있는 방법이기에 문의 드립니다.