Please Enable JavaScript!
Mohon Aktifkan Javascript![ Enable JavaScript ]

지식인 게시판 모바일에서 > 자유게시판

본문 바로가기
사이트 내 전체검색

자유게시판

토픽 지식인 게시판 모바일에서

페이지 정보

본문

이미지 사이즈가 커서 제대로 안나오네요..

 

그래서 CSS로 한번 만들어 봤습니다. (예쁘진 않습니다.)

 

아래와 같이 버튼으로 변경하고

 

mobile/skin/m_jisik/list.skin.php

	<div id="bo_list_total">
		<?php if($stx == 'progress') {?>
        <a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $bo_table ?>&sca=<?php echo $sca?>">
          <button class="jisik">전체질문</button>
        </a>
        <a href="<?php echo $g5['path']?>/bbs/board.php?bo_table=<?php echo $bo_table ?>&sca=<?php echo $sca?>&sfl=wr_10&stx=progress">
          <button class="jisik active">진행중</button>
        </a>
        <a href="<?php echo $g5['path']?>/bbs/board.php?bo_table=<?php echo $bo_table ?>&sca=<?php echo $sca?>&sfl=wr_9&stx=complete">
          <button class="jisik">완 료<button>
        </a>
		<?php } else if($stx == 'complete') { ?>
        <a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $bo_table ?>&sca=<?php echo $sca ?>">
          <button class="jisik">전체질문</button>
        </a>
        <a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $bo_table?>&sca=<?php echo $sca?>&sfl=wr_10&stx=progress">
          <button class="jisik">진행중</button>
        </a>
        <a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $bo_table?>&sca=<?php echo $sca ?>&sfl=wr_9&stx=complete">
          <button class="jisik active">완 료<button>
        </a>
		<?php } else { ?>
        <a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $bo_table ?>&sca=<?php echo $sca ?>">
          <button class="jisik active">전체질문</button>
        </a>
        <a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $bo_table ?>&sca=<?php echo $sca ?>&sfl=wr_10&stx=progress">
          <button class="jisik">진행중</button>
        </a>
        <a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $bo_table ?>&sca=<?php echo $sca?>&sfl=wr_9&stx=complete">
          <button class="jisik">완 료<button>
        </a>
		<?php } ?>

style.css에는 아래와 같이 추가 했습니다.

 

button.jisik {
  cursor: pointer;
  width: 80px;
  display: inline-block;
  background-color: #5E6B7F;
  color: white;
  text-align: center;
  transition: .25s ease;
  border: none;
  padding: 10px;
  border-radius: 12px 12px 0 0;
}
button.jisik.active {
  background-color: #8DA1BF;

}

 

CSS코드는 https://codepen.io/SitePoint/pen/tcCnu  가져왔는데,  디자인하고 잘 안 맞습니다.

 

그래도 이미지 보다는 좋을 것 같아서..  예쁘게 디자인 되면 데스크탑도 변경하면 좋을 것 같습니다.

추천2 비추천0

댓글목록

등록된 댓글이 없습니다.

Total 386건 1 페이지
자유게시판 목록
번호 제목 글쓴이 조회 추천 비추천 날짜
386 정보 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 14482 0 0 03-24
385 정보
SSL 테스트 댓글4
마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 16394 1 0 01-25
384 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 17654 0 0 01-23
383 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 17889 0 0 01-23
382 후기 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 27400 2 0 12-08
381 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 34341 2 0 05-31
380 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 26002 1 0 05-19
열람중 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 28806 2 0 05-17
378 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 43010 0 0 05-17
377 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 45599 1 0 05-07
376 정보 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 18321 1 0 05-02
375 정보 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 19357 2 0 05-01
374 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 18786 3 0 04-22
373 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 23930 2 0 04-19
372 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 26123 3 0 04-15

검색

회원로그인

회원가입
QnA nanoomihost. dnsever. dnszi.

사이트 정보

포인트 정책
포인트 순위
사이트명 : 아파치존
개인정보관리책임자 : JOO SUNG

접속자집계

오늘
3,857
어제
11,320
최대
176,238
전체
6,083,977
Copyright © apachezone.com. All rights reserved.