그누보드 기본 세팅 그리고 배경이요 > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

그누보드 기본 세팅 그리고 배경이요 정보

그누보드 기본 세팅 그리고 배경이요

본문

우선 최초 그누보드 깔면
 
기본세팅으로 레이아웃 나와있잖아요
 
근데 그 상태에서...
 
 
이곳처럼
 
배경을 고정시키면서
 
전체 깔려면 어떻게 해야 하나요?????????
 
첨부파일 올립니다
 
배경그림샘플루요...
  • 복사

댓글 전체

나스카 자기소개 아이디로 검색 회원게시물 07.01.03 19:53:48
<style>
body {background-image:url("이미지주소");
background-attachment: fixed;
background-position: bottom right;}
background-repeat: no-repeat;
table { background-color: transparent; }
td { background-color: transparent; }
</style>

background-repeat: no-repeat;와 같이
no-repeat를 사용하면 배경이 반복되지 않음.

background-attachment: fixed;와 같이 스타일을 정의했다면,
배경이미지가 웹페이지에서 고정되어 출력됨.
나스카 자기소개 아이디로 검색 회원게시물 07.01.04 08:52:40
head.php에 삽입하는 것이 일반적이라고 볼 수도 있겠지만,
head.sub.php, tail.sub.php 등에 삽입하시는 것도 나으리라 생각됩니다.

물론 홈페이지 전체적으로 적용시키시려면,
/설치경로/style.css에 상단의 스타일을 정의해서 사용하는 방법도 생각할 수 있습니다.
neVerEnd 홈페이지 자기소개 아이디로 검색 회원게시물 07.01.04 09:02:26
네 방금 해봤는데요^^
배경이 이상하게 나와요.......
다 통과되어서 안이쁘게 나오네요
http://eppletalk.com/test/
샘플로 한번 봐주세요^^
만약 다시 포인트랑 질문이 요구될정도로 복잡한것이면
다시 질문 올리겠습니다^^

<style>
body {background-image:url("<?=$g4[path]?>/img/mainbg.jpg");
background-attachment: fixed;
background-position: bottom right;}
background-repeat: no-repeat;
table { background-color: transparent; }
td { background-color: transparent; }
</style>

여기서
table { background-color: transparent; }
td { background-color: transparent; }
이것도 빼고 해보기도 했거든요

아 참고로 이건 tail.php에서 한거에요
나스카 자기소개 아이디로 검색 회원게시물 07.01.04 11:54:12
eppletalk.com/test/bbs/board.php?bo_table=epple02
상단 웹페이지의 소스보기 34라인 정도에서,

<!-- 상단 배경 시작 -->
    <td height="60" background="../img/bg.gif" align=center><img src="../img/bg.gif" width="100%" height="60"></td>

여기서 잠깐!!!
<td>셀에 background="이미지경로 및 이미지이름"이 언급되어 있는데,
굳이 해당 <td>셀 내용에 이미지가 다음과 같이 <img src="../img/bg.gif">으로
추가되어야 할 필요가 있는지 궁금합니다.

물론 하단에 기재된 플래시(여기서는 메뉴)도
사용자의 의도처럼 정상적인 형태(투명하게 적용되는지의 여부)로 구현되는지
검토가 필요할 것 같습니다.

    <td height="75" align=center><script>doc_write(flash_movie("../img/menu.swf", "mainflash", 950, 75, "transparent"));</script></td>
</tr>



-. 배경이미지(사진파일처럼 이미지가 한장으로 구현되지 않은 경우)를 전체적으로
적용시키는 일반적인 형태입니다.
<관련파일은 head.php>

<?
//상단내용은 생략
$table_width = "880";//홈페이지 전체적인 폭
$ht_logo = "60";//로고만을 위한 높이값(셀이나 이미지의 크기에 따라 변경가능)
?>
<!-- 로고 -->
<table width="<?=$table_width?>" height="<?=$ht_logo?>" align="center" cellpadding="0" cellspacing="0" background="<?=$g4[path]?>/img/tile.gif"><!-- 로고 출력, 웹페이지 전체 폭 -->
  <tr>
    <td>
    <A HREF="<?=$g4[path]?>" TARGET="_self" ONMOUSEOVER="window.status='<?=$config[cf_title];?> 메인페이지';  return true;" ONMOUSEOUT="window.status='<?=$config[cf_title]?>';  return true;"><img src="<?=$g4[path]?>/img/logo.gif" width="200" height="57"></A>
    </td>
  </tr>
</table>

<!-- 검색 시작 -->
cybernet 홈페이지 자기소개 아이디로 검색 회원게시물 07.01.03 20:18:13
<style>
body { background:#FFFFFF url("이미지주소") repeat-x; margin:0px;text-align:center;}
</style>

페이지 그라데이션은 그림을 가로 배경으로 깔거나
아래처럼 배경 고정그라데이션  색상 설정

 <style>
body { filter=progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#DDDDDD', EndColorStr='#FFFFFF');}
</style>
목록
문의 PC 버전
© SIRSOFT
현재 페이지 제일 처음으로