최신갤러리 스킨으로 마우스오버 테두리 생성질문입니다 정보
최신갤러리 스킨으로 마우스오버 테두리 생성질문입니다
본문
최신갤러리 스킨에서 마우스 오버시 이미지 테두리를 생기게 하고 싶어서
해봤는데 도저히 안되네요...쩝~
마우스 오버시
출퇴근 스킨처럼 마우스 테이블 색깔이 바뀌게 하고싶었습니다
php는 몰라서 야후나 네이버처럼 style 시트를 만들고
<onmouseover="this.style.backgroundColor='#B6DD02'" onmouseout="this.style.backgroundColor='#FFFFFF'" bgcolor='#FFFFFF'><a href='leaf.html?cg_id=453&ct_id=4569&page=1&sp_id=2062439011'><img src='http://img.yahoo.co.kr/kids/storybook1/jaemi/jaemi101_l.gif' border='0' style='cursor:hand' >
위에것비슷하게 넣기도 했는데
잘 안되는군요
아예 스타일시트와 무관하게 위 출퇴근 스킨처럼 최신갤러리 이미지 오버시 테두리 바뀌게 하는것좀 가르쳐 주세요..
아래는 어느분 스킨인지는 모르지만 사용할려는 스킨입니다.
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
if (!$board[bo_9]) alert("해당 게시판 설정 : 여분 필드 9 에 목록에서 보여질 이미지의 질(quality)을 비율로 설정하십시오. (100 이하)");
if (!function_exists("imagecopyresampled")) alert("GD 2.0.1 이상 버전이 설치되어 있어야 사용할 수 있는 스킨 입니다.");
if (!function_exists("imagecopyresampled")) alert("GD 2.0.1 이상 버전이 설치되어 있어야 사용할 수 있는 스킨 입니다.");
$data_path = $g4[path]."/data/file/$bo_table";
$thumb_path = $data_path.'/thumb100';
$thumb_path = $data_path.'/thumb100';
@mkdir($thumb_path, 0707);
@chmod($thumb_path, 0707);
@chmod($thumb_path, 0707);
?>
<!-- <?=$board[bo_subject]?> (<?=$board[bo_table]?>) 최신글 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center">
<tr><td align="center">
<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center">
<tr><td align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<?
for ($i=0; $i<count($list); $i++)
{
if ($i > 0)
echo "<td width=20> </td>";
<tr>
<?
for ($i=0; $i<count($list); $i++)
{
if ($i > 0)
echo "<td width=20> </td>";
$img = "<img src='$latest_skin_path/img/no_image.gif' border=0 title='이미지 없음'>";
$thumb = $thumb_path.'/'.$list[$i][wr_id];
if (!file_exists($thumb))
{
$file = $list[$i][file][0][path] .'/'. $list[$i][file][0][file];
if (preg_match("/\.(jp[e]?g|gif|png)$/i", $file) && file_exists($file))
{
$size = getimagesize($file);
if ($size[2] == 1)
$src = imagecreatefromgif($file);
else if ($size[2] == 2)
$src = imagecreatefromjpeg($file);
else if ($size[2] == 3)
$src = imagecreatefrompng($file);
else
continue;
$thumb = $thumb_path.'/'.$list[$i][wr_id];
if (!file_exists($thumb))
{
$file = $list[$i][file][0][path] .'/'. $list[$i][file][0][file];
if (preg_match("/\.(jp[e]?g|gif|png)$/i", $file) && file_exists($file))
{
$size = getimagesize($file);
if ($size[2] == 1)
$src = imagecreatefromgif($file);
else if ($size[2] == 2)
$src = imagecreatefromjpeg($file);
else if ($size[2] == 3)
$src = imagecreatefrompng($file);
else
continue;
$rate = 120 / $size[0];
$height = (int)($size[1] * $rate);
$height = (int)($size[1] * $rate);
if ($height < 85)
$dst = imagecreatetruecolor(120, $height);
else
$dst = imagecreatetruecolor(120, 85);
imagecopyresampled($dst, $src, 0, 0, 0, 0, 120, $height, $size[0], $size[1]);
imagepng($dst, $thumb_path.'/'.$list[$i][wr_id], $board[bo_9]);
chmod($thumb_path.'/'.$list[$i][wr_id], 0606);
}
}
$dst = imagecreatetruecolor(120, $height);
else
$dst = imagecreatetruecolor(120, 85);
imagecopyresampled($dst, $src, 0, 0, 0, 0, 120, $height, $size[0], $size[1]);
imagepng($dst, $thumb_path.'/'.$list[$i][wr_id], $board[bo_9]);
chmod($thumb_path.'/'.$list[$i][wr_id], 0606);
}
}
if (file_exists($thumb))
$img = "<img src='$thumb' border=0>";
$img = "<img src='$thumb' border=0>";
$href = "$g4[bbs_path]/board.php?bo_table=$bo_table";
echo <<<HEREDOC
<td valign="top" align="center">
<table border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td height="5" align="center"></td>
</tr>
<td valign="top" align="center">
<table border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td height="5" align="center"></td>
</tr>
<tr>
<td align=center width='120' height='85' style='width:120px;height:85px;border:1px solid #CCCCCC; padding:3px'><div style='width:120px; height:85px; position: relative; overflow:hidden;' align=center><a href='{$list[$i][href]}' onfocus='this.blur()'>{$img}</a></div></td>
</tr>
<td align=center width='120' height='85' style='width:120px;height:85px;border:1px solid #CCCCCC; padding:3px'><div style='width:120px; height:85px; position: relative; overflow:hidden;' align=center><a href='{$list[$i][href]}' onfocus='this.blur()'>{$img}</a></div></td>
</tr>
</tr>
<tr>
<td height="5" align="center"></td>
</tr>
<td height="5" align="center"></td>
</tr>
<tr>
<td width="120" height="16" align="center" class="sub"><a href='$g4[bbs_path]/board.php?bo_table=$bo_table&wr_id={$list[$i][wr_id]}'>{$list[$i][subject]}</a></td>
</tr>
</table>
</td>
HEREDOC;
}
?>
</tr>
</table>
<td width="120" height="16" align="center" class="sub"><a href='$g4[bbs_path]/board.php?bo_table=$bo_table&wr_id={$list[$i][wr_id]}'>{$list[$i][subject]}</a></td>
</tr>
</table>
</td>
HEREDOC;
}
?>
</tr>
</table>
</td></tr>
</table>
</table>
댓글 전체
<td align=center width='120' height='85' style='width:120px;height:85px;border:1px solid #CCCCCC; padding:3px'>
->
<td align=center width='120' height='85' style='width:120px;height:85px;border:1px solid #CCCCCC; padding:3px' onMouseOut=this.style.backgroundColor='' onMouseOver=this.style.backgroundColor='#A99B6A'>
로 하시고 안에 div style에 background-color:ffffff; 를 추가하시면 될듯합니다.
두께는 padding;3을 바탕색은 fffff를, 셀두께 색깔은 A99B6A을 고치시면 될듯합니다...^^
->
<td align=center width='120' height='85' style='width:120px;height:85px;border:1px solid #CCCCCC; padding:3px' onMouseOut=this.style.backgroundColor='' onMouseOver=this.style.backgroundColor='#A99B6A'>
로 하시고 안에 div style에 background-color:ffffff; 를 추가하시면 될듯합니다.
두께는 padding;3을 바탕색은 fffff를, 셀두께 색깔은 A99B6A을 고치시면 될듯합니다...^^

STYLE 시트안에 넣는거 말고 자체로는 안될까요???

스타일 시트안에
img {border:none} 으로 해놔서 안됐던거군요
하단에다
background-color:ffffff; 을 추가해주니 됩니다..
어쨌든 제가 할려는건 일단 됐습니다.
감사합니다
img {border:none} 으로 해놔서 안됐던거군요
하단에다
background-color:ffffff; 을 추가해주니 됩니다..
어쨌든 제가 할려는건 일단 됐습니다.
감사합니다