질문 드립니다. 채택완료
copo
8년 전
조회 3,505
최근게시물 스킨을 다운받아 아래 부분을 수정 하고자 합니다.
게시물 순서에 따라 제목밑의 배경 이미지가 바뀌게 할려합니다. (3개정도)
아래 코드를 어떻게 변경 해야 하나요?
최신글
</p><p><div class="gya">
<div class="slider01">
<?php for ($i=0; $i<count($list); $i++) { ?>
<div class="slide sbox">
<a href="<?php echo $list[$i]['href'] ?>">
<?php
$thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $imgwidth, $imgheight);
if($thumb['src']) {
$img_content = '<img src="'.$thumb['src'].'" alt="'.$list[$i]['subject'].'" width="" height="">';
} else {
$img_content = 'NO IMAGE';
}
echo $img_content;
?>
</a>
<div class="gy_cotent">
<strong><a href="<?php echo $list[$i]['href'] ?>"><?php echo cut_str($list[$i]['name'], 80, "..") ?></a></strong>
</div>
</div>
<?php } ?>
<? if (count($list) == 0) { //게시물이 없을 때 ?>
게시물이 없습니다.
<? } ?>
</div>
</div></p><p>
css
</p><p><span style="color: rgb(255, 255, 255); background-color: rgb(255, 167, 0);">.gya .</span><span style="color: rgb(255, 255, 255); background-color: rgb(255, 167, 0);">gy_cotent</span><span style="color: rgb(255, 255, 255); background-color: rgb(255, 167, 0);"> { margin:0;position:absolute; width:100%; height:70px;line-height:70px; z-index:10; top:340px; background:url('./img/gallery_title.png') center no-repeat; }</span>
.gya .gy_cotent a:link {color:#FFF;text-decoration:none;padding-right:10px;}
.gya .gy_cotent a:visited {color:#FFF;text-decoration:none; }
.gya .gy_cotent a:hover, a:focus, a:active {color:#FFF;text-decoration:none; } </p><p>.gya .slider01 { text-align:right; height:130px;font-size:1.2em; }
.gya .slider01 .slide { display:inline; }
.gya .sbox { background:#fff;width:300px; height:400px; border:0px solid #cdcdcd; }
.gya .sbox img { margin:0 auto;padding-top:10px;width:280px; height:370px; border:0px solid #cdcdcd; }
.gya .sbox_over img { margin:0 auto;padding-top:10px;width:300px; height:400px; border:0px solid #ff0000; } </p><p>
로 바꾸고
css 부분에
</p><p>.gya .gy_cotent1 { margin:0;position:absolute; width:100%; height:70px;line-height:70px; z-index:10; top:340px; background:url('./img/gallery_title01.png') center no-repeat; } </p><p>.gya .gy_cotent2 { margin:0;position:absolute; width:100%; height:70px;line-height:70px; z-index:10; top:340px; background:url('./img/gallery_title02.png') center no-repeat; } </p><p>.gya .gy_cotent3 { margin:0;position:absolute; width:100%; height:70px;line-height:70px; z-index:10; top:340px; background:url('./img/gallery_title03.png') center no-repeat; } </p><p>
이러면 3개는 되는데 다시 처음의 gy_cotent1로 돌아가지 못해 드린 질문입니다.
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인