페이지 배경색 몽땅 원하는 단색으로 바꾸고 싶어요
본문
기본적으로 되어있는 배경 흰색을 몽땅 바꿀수 있는방법 있을까요?
답변 2
css/default.css 에서 body 에 background:#rgbcode 를 넣어주시는 것도 한 방법입니다.
예제) body {margin:0;padding:0;font-size:0.75em;font-family:dotum; background:#ff0000;}
위의 예제는 g5최신버전의 css/default.css에 들어있는 내용에서 배경만 추가한겁니다.
모바일이나 쇼핑몰도 똑같이 원하시면 mobile.css등 css디렉토리내의 다른 파일들도 마찬가지로 수정하시면 될듯합니다.
그 나머지 부분은 일일이 레이어 안에 배경색을 바꿔야하는거죠?
안그래도 전체 적용으로 하려다가.. 그러면 너무 엉뚱한 것까지도 전부 바뀔까봐 저렇게만 썼던건데.. ^^;
body * {background-color:#ff0000;}
뭐 순서상 이게 먼저 선언되고 나머지 것들이 나중에 선언될테니 크게 엇나진 않겠지만 경우에따라 원치않은 엉뚱한 결과가 나올수도 있겠습니다.
가급적이면 배경색이 적용되지 않은 부분을 일일이 찾아서 따로 넣어주시는게 제일 좋구요,
body, #layer1, .layer2 {background-color#ff0000 !important;}
이런식으로 해당하는 부분만 id나 class이름을 넣어서 한번에 해주시면 그나마 조금 낫긴 하겠군요.
아네 고맙습니다
head.sub.php파일 맨밑 <body> 바로 밑에
<div id="tong"> 을 삽입하고
tail.php </body> 바로 위에 </div>
그리고 head.sub.php 적당한 곳에 아래 자바스크립트를 삽입합니다.
<script type="text/javascript">
//통 배경색상 설정
$(function(){
$("#tong).css({
"width":document.body.clientWidth+"px",
"height":$(document).height()+"px",
"background":"바꿀 배경색"
});
});
</script>
head.sub.php 열어보니까 "tail.php </body> 바로 위에 </div>" 이부분 없든데요 죄송하지만 한번만 더 자세히 알려주세요 부탁드려요
당연 없어야 하죠 ㅎㅎ
화면 전체 배경 색상을 바꾸기 위해 아이디 tong(이건 알아서 다른 이름으로 해도 상관없습니당^^)이란
div를 생성했으니 닫아 줘야 겠죠.
닫는 태그 </div>를 거기에 넣어 주시라는 말씀이었습니다.
<body>
<div id="tong">
tail.php </body>
</div>
<script type="text/javascript">
//통 배경색상 설정
$(function(){
$("#tong).css({
"width":document.body.clientWidth+"px",
"height":$(document).height()+"px",
"background":"바꿀 배경색"
});
});
</script>
이렇게 하는건가요?
<body><div id="tong"></body>
<script type="text/javascript">
//통 배경색상 설정
$(function(){
$("#tong).css({
"width":document.body.clientWidth+"px",
"height":$(document).height()+"px",
"background":"바꿀 배경색"
});
});
</script>
</div>
이렇게 인가요?
<body>
<div id="tong">
.....
</div>
</body>
이런 형태가 되어야 겠죠.
tail.php 이건 왜 나온거죠?
<body>
<div id="tong">
<script type="text/javascript">
//통 배경색상 설정
$(function(){
$("#tong).css({
"width":document.body.clientWidth+"px",
"height":$(document).height()+"px",
"background":"#ff0000"
});
});
</script>
</div>
</body>
이렇게 붙여넣었는데 아무 반응이 없어요
<script>
....
</script>
<body>
<div id="tong">
....
</div>
</body>
<div id="tong">과 </div>사이에 페이지에 들어갈 내용이 몽땅 위치해 있어야 합니다.
그래서
<div id="tong">를 <body>바로 아래에
</div>를 tail.php에 있는 </body> 바로 위에 위치시키는 겁니다.
알려줘서 고맙습니다