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 포인트
돼지코구뇽
2016-11-04 (금) 08:23:22
lib/common.lib.php 파일 본문링크 관련쪽 코드에서 class="button" 을 넣어주되
link_button 으로 클래스명을 바꿔주는게 가장 좋을듯하네요
답변에 대한 댓글 3개
firsttiemuser
2016-11-05 (토) 04:38:39
skin>board>basic>style.css에서 #bo_v_atc a {} 이런식으로 css만 추가해주는건 안되나요?
돼지코구뇽
2016-11-06 (일) 03:32:42
방법은 많은데 편법경우 그렇게 해도됩니다. 다만 내용에 링크가 있는것들은 모두 동일하게 css가 먹히게 됩니다. 즉 이미지도 <a 링크가 붙기 때문에 동일하게 적용될겁니다
firsttiemuser
2016-11-08 (화) 15:57:40
아.. 그생각까진 못했네요ㅠㅠ
혹시본문에 삽입된 이미지에는 image, 링크에는 anchor 이런식으로 자동으로 class나 id를 주도록 설정할수도 있나요??
혹시본문에 삽입된 이미지에는 image, 링크에는 anchor 이런식으로 자동으로 class나 id를 주도록 설정할수도 있나요??
2016-11-04 (금) 07:56:29
그누보드 게시판 스킨에서 버튼을 수정하신다면 참조하셔야할 부분은
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> <!-- } 게시물 상단 버튼 끝 -->답변에 대한 댓글 1개
firsttiemuser
2016-11-05 (토) 04:37:48
기존 게시판 스킨 버튼을 수정하기 보단 basic게시판 css에서 본문에 해당하는 부분 링크에만 버튼이 적용되게 하고싶은데 힘든가요 그건?
답변을 작성하려면 로그인이 필요합니다.