본문 링크에 자동 css 버튼 적용
본문
http://www.w3schools.com/css/css3_buttons.asp
위 사이트 페이지에서 hoverable button이라는 디자인 괜찮은 걸 발견했습니다.
일일이 지정하기가 번거로워 본문에 링크가 걸리면 자동으로 버튼이 적용되게하고 싶은데
.button {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 16px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
cursor: pointer;
}
.button1 {
background-color: white;
color: black;
border: 2px solid #4CAF50;
}
.button1:hover {
background-color: #4CAF50;
color: white;
}
basic 스킨의 bo_v_atc 부분에 어떻게 적용하면 될까요...?
-webkit-transition-duration, transition-duration 이런부분도 포함시켜야하나요?
답변 2
lib/common.lib.php 파일 본문링크 관련쪽 코드에서 class="button" 을 넣어주되
link_button 으로 클래스명을 바꿔주는게 가장 좋을듯하네요
skin>board>basic>style.css에서 #bo_v_atc a {} 이런식으로 css만 추가해주는건 안되나요?
방법은 많은데 편법경우 그렇게 해도됩니다. 다만 내용에 링크가 있는것들은 모두 동일하게 css가 먹히게 됩니다. 즉 이미지도 <a 링크가 붙기 때문에 동일하게 적용될겁니다
아.. 그생각까진 못했네요ㅠㅠ
혹시본문에 삽입된 이미지에는 image, 링크에는 anchor 이런식으로 자동으로 class나 id를 주도록 설정할수도 있나요??
그누보드 게시판 스킨에서 버튼을 수정하신다면 참조하셔야할 부분은
btn_b01, btn_b02 class 부분 입니다.
관리자 부분은 btn_admin
<!-- 게시물 상단 버튼 시작 { -->
<div id="bo_v_top">
<?php
ob_start();
?>
<?php if ($prev_href || $next_href) { ?>
<ul class="bo_v_nb">
<?php if ($prev_href) { ?><li><a href="<?php echo $prev_href ?>" class="btn_b01">이전글</a></li><?php } ?>
<?php if ($next_href) { ?><li><a href="<?php echo $next_href ?>" class="btn_b01">다음글</a></li><?php } ?>
</ul>
<?php } ?>
<ul class="bo_v_com">
<?php if ($update_href) { ?><li><a href="<?php echo $update_href ?>" class="btn_b01">수정</a></li><?php } ?>
<?php if ($delete_href) { ?><li><a href="<?php echo $delete_href ?>" class="btn_b01" onclick="del(this.href); return false;">삭제</a></li><?php } ?>
<?php if ($copy_href) { ?><li><a href="<?php echo $copy_href ?>" class="btn_admin" onclick="board_move(this.href); return false;">복사</a></li><?php } ?>
<?php if ($move_href) { ?><li><a href="<?php echo $move_href ?>" class="btn_admin" onclick="board_move(this.href); return false;">이동</a></li><?php } ?>
<?php if ($search_href) { ?><li><a href="<?php echo $search_href ?>" class="btn_b01">검색</a></li><?php } ?>
<li><a href="<?php echo $list_href ?>" class="btn_b01">목록</a></li>
<?php if ($reply_href) { ?><li><a href="<?php echo $reply_href ?>" class="btn_b01">답변</a></li><?php } ?>
<?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02">글쓰기</a></li><?php } ?>
</ul>
<?php
$link_buttons = ob_get_contents();
ob_end_flush();
?>
</div>
<!-- } 게시물 상단 버튼 끝 -->
기존 게시판 스킨 버튼을 수정하기 보단 basic게시판 css에서 본문에 해당하는 부분 링크에만 버튼이 적용되게 하고싶은데 힘든가요 그건?
