채택완료
본문 링크에 자동 css 버튼 적용
http://www.w3schools.com/css/css3_buttons.asp
위 사이트 페이지에서 hoverable button이라는 디자인 괜찮은 걸 발견했습니다.
일일이 지정하기가 번거로워 본문에 링크가 걸리면 자동으로 버튼이 적용되게하고 싶은데
Copy
.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개 / 댓글 4개
채택된 답변
+20 포인트
lib/common.lib.php 파일 본문링크 관련쪽 코드에서 class="button" 을 넣어주되
link_button 으로 클래스명을 바꿔주는게 가장 좋을듯하네요
답변에 대한 댓글 3개
그누보드 게시판 스킨에서 버튼을 수정하신다면 참조하셔야할 부분은
btn_b01, btn_b02 class 부분 입니다.
관리자 부분은 btn_admin
Copy
<!-- 게시물 상단 버튼 시작 { --> <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> <!-- } 게시물 상단 버튼 끝 -->답변을 작성하려면 로그인이 필요합니다.