홈페이지 백그라운드 이미지 삽입에 대해서 정보
홈페이지 백그라운드 이미지 삽입에 대해서본문
안녕하세요
홈페이지 전체에 백그라운드 이미지를 넣을려고 합니다.
쉽게 말하면 포토샵의 그라디언트를 넣고 싶습니다.
위에서 아래서 위에는 연한 파랑색에서 아래로 갈수록 하얀색
이런경우 어떻게 해야하는지 몰라서여
html같은 경우는 배경그림으로 넣으면 되는데
php에서는 어떤식으로 해야 삽입을 할수 있는지여
댓글 전체
동일합니다.
제가 할줄을 몰라서 그러나 봐여 이래 저래 해도 자꾸 에러만 나고 저희 홈페이지 헤드파일을 아래에 올릴테니 좀 수고스럽지만 고칠곳을 알려주시면 감사드리겠습니다.
헤드파일
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
include_once("$g4[path]/head.sub.php");
include_once("$g4[path]/lib/outlogin.lib.php");
include_once("$g4[path]/lib/poll.lib.php");
include_once("$g4[path]/lib/visit.lib.php");
include_once("$g4[path]/lib/connect.lib.php");
include_once("$g4[path]/lib/popular.lib.php");
include_once("$g4[path]/lib/latest.lib.php"); // 최신글 처리를 위해서 반드시 추가
//print_r2(get_defined_constants());
// 사용자 화면 상단과 좌측을 담당하는 페이지입니다.
// 상단, 좌측 화면을 꾸미려면 이 파일을 수정합니다.
$table_width = 850;
?>
<script language="javascript" src="http://www.gji.or.kr/gnuboard4/script.js"></script>
<script language="javascript">flashWrite("http://www.gji.or.kr/gnuboard4/menu.swf",'960','102','','#ffffff','transparent')</script>
<table width="<?=$table_width?>" border="0" cellspacing="0" cellpadding="0">
<!-- 각각의 헤드에서 width="220" 이렇게 동일한 너비를 써줘야 레이아웃이 같아집니다 -->
<tr><td valign="top" width="220">
<!-- 좌측 메뉴 부분 -->
<table cellpadding="0" cellspacing="0">
<tr><td>
<p style="line-height:100%; margin-top:0; margin-bottom:0;">
<?=outlogin("k_login"); // 외부 로그인 ?>
</p>
</td><tr>
<tr><td width="195">
<img src="http://www.gji.or.kr/gnuboard4/img/calendar_img1.gif" width="200" height="30" border="0">
<p style="line-height:100%; margin-top:0; margin-bottom:0;">
<? echo latest_schedule("calendar","date","org"); ?>
</p>
</td></tr>
<!-- 추가하려면 다음과 같이 추가하여 넣습니다. -->
<tr><td width="195">
<p style="line-height:100%; margin-top:0; margin-bottom:0;">
<?=poll("basic"); // 설문조사 ?>
</p>
</td></tr>
<tr><td width="195">
<p style="line-height:100%; margin-top:0; margin-bottom:0;">
<p><?=latest("popup_latest", "popup", 5, 30);?>
</p>
</td></tr>
<tr><td width="195">
<p style="line-height:100%; margin-top:0; margin-bottom:0;">
<?=connect("basic"); // 현재 접속자수 ?>
</p>
</td></tr>
</table>
<p><a href="http://www.jeilwelfare.or.kr" target="_blank"><img src="http://www.gji.or.kr/gnuboard4/img/wel.gif" width="200" height="40" border="0"></a><br><a href="http://cafe.daum.net/jkidworld" target="_blank"><img src="http://www.gji.or.kr/gnuboard4/img/ch.gif" width="200" height="40" border="0"></a> </p>
<!-- 좌측메뉴 끝 -->
<td width="650" align="left" valign="top">
<!-- 여기까지 기본틀입니다. 꼭 헤드는 이렇게 구성해야 합니다. 이후 index.php 가 들어갑니다.-->
헤드파일
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
include_once("$g4[path]/head.sub.php");
include_once("$g4[path]/lib/outlogin.lib.php");
include_once("$g4[path]/lib/poll.lib.php");
include_once("$g4[path]/lib/visit.lib.php");
include_once("$g4[path]/lib/connect.lib.php");
include_once("$g4[path]/lib/popular.lib.php");
include_once("$g4[path]/lib/latest.lib.php"); // 최신글 처리를 위해서 반드시 추가
//print_r2(get_defined_constants());
// 사용자 화면 상단과 좌측을 담당하는 페이지입니다.
// 상단, 좌측 화면을 꾸미려면 이 파일을 수정합니다.
$table_width = 850;
?>
<script language="javascript" src="http://www.gji.or.kr/gnuboard4/script.js"></script>
<script language="javascript">flashWrite("http://www.gji.or.kr/gnuboard4/menu.swf",'960','102','','#ffffff','transparent')</script>
<table width="<?=$table_width?>" border="0" cellspacing="0" cellpadding="0">
<!-- 각각의 헤드에서 width="220" 이렇게 동일한 너비를 써줘야 레이아웃이 같아집니다 -->
<tr><td valign="top" width="220">
<!-- 좌측 메뉴 부분 -->
<table cellpadding="0" cellspacing="0">
<tr><td>
<p style="line-height:100%; margin-top:0; margin-bottom:0;">
<?=outlogin("k_login"); // 외부 로그인 ?>
</p>
</td><tr>
<tr><td width="195">
<img src="http://www.gji.or.kr/gnuboard4/img/calendar_img1.gif" width="200" height="30" border="0">
<p style="line-height:100%; margin-top:0; margin-bottom:0;">
<? echo latest_schedule("calendar","date","org"); ?>
</p>
</td></tr>
<!-- 추가하려면 다음과 같이 추가하여 넣습니다. -->
<tr><td width="195">
<p style="line-height:100%; margin-top:0; margin-bottom:0;">
<?=poll("basic"); // 설문조사 ?>
</p>
</td></tr>
<tr><td width="195">
<p style="line-height:100%; margin-top:0; margin-bottom:0;">
<p><?=latest("popup_latest", "popup", 5, 30);?>
</p>
</td></tr>
<tr><td width="195">
<p style="line-height:100%; margin-top:0; margin-bottom:0;">
<?=connect("basic"); // 현재 접속자수 ?>
</p>
</td></tr>
</table>
<p><a href="http://www.jeilwelfare.or.kr" target="_blank"><img src="http://www.gji.or.kr/gnuboard4/img/wel.gif" width="200" height="40" border="0"></a><br><a href="http://cafe.daum.net/jkidworld" target="_blank"><img src="http://www.gji.or.kr/gnuboard4/img/ch.gif" width="200" height="40" border="0"></a> </p>
<!-- 좌측메뉴 끝 -->
<td width="650" align="left" valign="top">
<!-- 여기까지 기본틀입니다. 꼭 헤드는 이렇게 구성해야 합니다. 이후 index.php 가 들어갑니다.-->
동일하다고 말씀드렸는데..
더 무슨 말씀이..
1. <table width="<?=$table_width?>" border="0" cellspacing="0" cellpadding="0" background="이미지경로">
2. <table width="<?=$table_width?>" border="0" cellspacing="0" cellpadding="0" style="filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FF99CCFF', EndColorStr='#FF000000');">
더 무슨 말씀이..
1. <table width="<?=$table_width?>" border="0" cellspacing="0" cellpadding="0" background="이미지경로">
2. <table width="<?=$table_width?>" border="0" cellspacing="0" cellpadding="0" style="filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FF99CCFF', EndColorStr='#FF000000');">
평범한 방법 두가지..^^
<style>
body{margin:0;background:url(<?=$g4[path]?>/img/test.jpg) repeat-x left top;overflow-x:hidden;overflow-y:auto;}
</style>
<td width="698" valign="top" Style="background-image: url('<?=$g4['path']?>/img/test.jpg'); background-repeat: no-repeat; background-position: top left ;">
<style>
body{margin:0;background:url(<?=$g4[path]?>/img/test.jpg) repeat-x left top;overflow-x:hidden;overflow-y:auto;}
</style>
<td width="698" valign="top" Style="background-image: url('<?=$g4['path']?>/img/test.jpg'); background-repeat: no-repeat; background-position: top left ;">