묻고답하기
HTML을 건들수 없는 상황에서 CSS 디자인을 다르게 적용할 수 있을까요?
2019.06.01 15:46
트게더라는 게시판 시스템이 xe엔진을 기반으로 만든것 같은데, 대신 상위 html을 건들수가없고 게시판 css만 수정할 수 있는 상태라서 css단에서 최대한 처리를 해야하는 상황입니다.
게시판의 하위 카테고리를 생성하고나서 하위 카테고리별로 디자인을 다르게 적용하고싶은데 카테고리를 바꿨을때 html 코드에서는
<link rel="canonical" href=" 게시판 카테고리 주소값">
<meta property="og:url" content=" 게시판 카테고리 주소값">
두개의 데이터가 바뀌는것을 확인할 수 있는데, 혹시 HTML코드의 메타데이터에 따라 CSS 디자인을 다르게 적용할 수 있는 방법이 있을까요?
댓글 2
-
SimpleCode
2019.06.03 09:00
-
LYG
2019.06.03 12:53
메타 데이터의 값에 따라 다른 스타일을 적용하시려면,
스크립트로 해당 메타값을 받아와 상황에 따라 다른 css 파일을 불러오시거나 직접 박아넣으시면 될 것 같습니다.
<link rel="canonical" href=" 게시판 카테고리 주소값" id="styleTag">
<meta property="og:url" content=" 게시판 카테고리 주소값" id="metaTag">
<script>
var chkCategory = window.getElementById("metaTag").content;
if (chkCategory.indexOf('category1')) {
document.getElementById("styleTag").href="css주소";
} else if (chkCategory.indexOf('category2')) {
document.getElementById("styleTag").href="css주소";
}
</script>
이런식으로 넣어보시면 작동하지 않을까 싶습니다.
<style> 태그가 입력이 안되나요?