답변 5개 / 댓글 6개
채택된 답변
+20 포인트
어떤 스킨에 원하시는 몰라서 정확하게 해드릴순 없을꺼 같고요.
<span onMouseOver="this.style.border='1px solid #FF8400'" onmouseout="this.style.border='0px'">aaaa</span>
이런식으로 border를 주고 싶은 부분에 onmouseover와 onmouseout를 통해서 border 효과를 주시면 됩니다.
답변에 대한 댓글 3개
Mins아빠님 지금 제가 쓰고있는 최신글 소스에요 님이 알려주신 소스를 적용 할려고 하는데
되지가 않아서요 한번 봐주세요 "감사합니다"
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
$cols = 3; // 이미지 가로갯수 // 이미지 세로 갯수는 메인에서 지정(총 이미지 수)
$imgwidth=300; //표시할 이미지의 가로사이즈
$imgheight=200; //표시할 이미지의 세로사이즈
$img_quality = 100;
$image_h = 0; // 이미지 상하 간격
$col_width = (int)(100 / $cols);
$data_path = $g4[path]."/data/file/$bo_table";
?>
<table border="0" align="center" width="50%">
<tr>
<? for ($i=0; $i<count($list); $i++) {
if ($i>0 && $i%$cols==0) { echo "</tr><tr><td colspan='$cols' height='$image_h'></td></tr><tr>"; }
?>
<td width="<?=$col_width?>%" align="center" valign="top" style="border:1px solid 0d004c; background:ffffff; padding-top :0px;">
<?
$image = $list[$i][file][0][file]; //원본
$thumb = $data_path. "/".$image; //썸네일이 없을경우 원본출력
if (preg_match("@<embed.*src=\"//www.youtube.com/v/([^&]+)&?@",$list[$i][wr_content])) {
preg_match("/<embed.*?src=[\"']\/\/www\.youtube\.com\/v\/([^?]+)\?(.*?)['\"]/", $list[$i][wr_content], $matches);
$v = $matches[1];
$thumb_file="<img src='http://img.youtube.com/vi/".$v."/hqdefault.jpg' width='{$imgwidth}' height='{$imgheight}' align='absmiddle' border='0' style='margin:10px;'>";
}elseif (file_exists($thumb)) {
$thumb_file = "<img src='".$thumb."' width='{$imgwidth}' height='{$imgheight}' align='absmiddle' border='0' style='margin:10px;'>";
}else{
$thumb_file = "<img src='".$g4[path]."/img/noimage.png' width='{$imgwidth}' height='{$imgheight}' align='absmiddle' border='0' style='margin:10px;'>";
}
echo $list[$i][icon_reply] . " ";
echo "<table width='100%' cellpadding='0' cellspacing='0' border='0'>";
echo "<tr><td valign='top' align='center'><a href='{$list[$i]['href']}'target='_self'>".$thumb_file."</a></td></tr>";
echo "<tr><td valign='top' align='center'width='30' height='30'><a href='{$list[$i]['href']}'target='_self'>
<span style='font-size:12pt; color:464646;'>{$list[$i]['subject']}</b></span></a></td></tr>";echo "</table>";
$current_time = time();
$current_time = date("Ymd", $current_time);
// event time
$notice_time = $list[$i][wr_5];
$last_time = $notice_time - $current_time ;
//남은 날이 - 이면, 이벤트 기간이 끝나면..
if($last_time < 0){
echo "<img src='$board_skin_path/img/btn_reward_.gif' border='0' align='absmiddle' title='종료'>";
}
else{
echo "<img src='$board_skin_path/img/btn_reward_1.gif' border='0' align='absmiddle' title='진행중'>";
}
echo $list[$i][icon_new] . " ";
echo $list[$i][icon_hot] . " ";
echo $list[$i][ca_name] . " ";
echo $list[$i][wr_8] . " ";
echo $list[$i][wr_6] . " ";
?>
<br>
<?
echo "<img src='".$g4[path]."/img/icon_000.gif' border='0' width='40' height='12'>";
?>
<? } ?>
<?
$cnt = ($i%$cols);
for ($k=$cnt; $k<$cols && $cnt; $k++) {
echo "<td width=$col_width%></td>";
}
?>
<? if (count($list) == 0) { echo "<td align=center>게시물이 없습니다.</td>"; } ?>
</tr>
</table>
되지가 않아서요 한번 봐주세요 "감사합니다"
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
$cols = 3; // 이미지 가로갯수 // 이미지 세로 갯수는 메인에서 지정(총 이미지 수)
$imgwidth=300; //표시할 이미지의 가로사이즈
$imgheight=200; //표시할 이미지의 세로사이즈
$img_quality = 100;
$image_h = 0; // 이미지 상하 간격
$col_width = (int)(100 / $cols);
$data_path = $g4[path]."/data/file/$bo_table";
?>
<table border="0" align="center" width="50%">
<tr>
<? for ($i=0; $i<count($list); $i++) {
if ($i>0 && $i%$cols==0) { echo "</tr><tr><td colspan='$cols' height='$image_h'></td></tr><tr>"; }
?>
<td width="<?=$col_width?>%" align="center" valign="top" style="border:1px solid 0d004c; background:ffffff; padding-top :0px;">
<?
$image = $list[$i][file][0][file]; //원본
$thumb = $data_path. "/".$image; //썸네일이 없을경우 원본출력
if (preg_match("@<embed.*src=\"//www.youtube.com/v/([^&]+)&?@",$list[$i][wr_content])) {
preg_match("/<embed.*?src=[\"']\/\/www\.youtube\.com\/v\/([^?]+)\?(.*?)['\"]/", $list[$i][wr_content], $matches);
$v = $matches[1];
$thumb_file="<img src='http://img.youtube.com/vi/".$v."/hqdefault.jpg' width='{$imgwidth}' height='{$imgheight}' align='absmiddle' border='0' style='margin:10px;'>";
}elseif (file_exists($thumb)) {
$thumb_file = "<img src='".$thumb."' width='{$imgwidth}' height='{$imgheight}' align='absmiddle' border='0' style='margin:10px;'>";
}else{
$thumb_file = "<img src='".$g4[path]."/img/noimage.png' width='{$imgwidth}' height='{$imgheight}' align='absmiddle' border='0' style='margin:10px;'>";
}
echo $list[$i][icon_reply] . " ";
echo "<table width='100%' cellpadding='0' cellspacing='0' border='0'>";
echo "<tr><td valign='top' align='center'><a href='{$list[$i]['href']}'target='_self'>".$thumb_file."</a></td></tr>";
echo "<tr><td valign='top' align='center'width='30' height='30'><a href='{$list[$i]['href']}'target='_self'>
<span style='font-size:12pt; color:464646;'>{$list[$i]['subject']}</b></span></a></td></tr>";echo "</table>";
$current_time = time();
$current_time = date("Ymd", $current_time);
// event time
$notice_time = $list[$i][wr_5];
$last_time = $notice_time - $current_time ;
//남은 날이 - 이면, 이벤트 기간이 끝나면..
if($last_time < 0){
echo "<img src='$board_skin_path/img/btn_reward_.gif' border='0' align='absmiddle' title='종료'>";
}
else{
echo "<img src='$board_skin_path/img/btn_reward_1.gif' border='0' align='absmiddle' title='진행중'>";
}
echo $list[$i][icon_new] . " ";
echo $list[$i][icon_hot] . " ";
echo $list[$i][ca_name] . " ";
echo $list[$i][wr_8] . " ";
echo $list[$i][wr_6] . " ";
?>
<br>
<?
echo "<img src='".$g4[path]."/img/icon_000.gif' border='0' width='40' height='12'>";
?>
<? } ?>
<?
$cnt = ($i%$cols);
for ($k=$cnt; $k<$cols && $cnt; $k++) {
echo "<td width=$col_width%></td>";
}
?>
<? if (count($list) == 0) { echo "<td align=center>게시물이 없습니다.</td>"; } ?>
</tr>
</table>
아래 소스 기준으로는
Copy
<td width="<?=$col_width?>%" align="center" valign="top" style="border:1px solid 0d004c; background:ffffff; padding-top :0px;"onMouseOver="this.style.border='1px solid #f26522'" onMouseOut="this.style.border='1px solid #0d004c'">
이렇게 하시면 됩니다.
예를들어 <div id="list"> 인 경우
스타일시트(style.css)에서
#list {} 아래에
#list:hover { border:1px solid #ddd; }
이런식으로 넣으시면 됩니다.
답변을 작성하려면 로그인이 필요합니다.
<td width="<?=$col_width?>%" align="center" style="border:1px solid 0d004c; onMouseOver=this.style.bordercolor="f26522" onMouseOut=this.style.bordercolor="0d004c">