[TIP] 스케치북 등록버튼 수정

저는 항상 스케치북 등록버튼이 살짝 투박(?)하다고 생각했었는데

그래서 어제 삽질하다가 등록버튼을 깔끔하게 손좀 봤습니다

요즘 css공부하고 있는데 팁좀 공유해볼까 합니다 ^^

이게 기본 버튼이고,

이게 제 사이트에 적용되어 있는 버튼입니다 ^^

1. HTML 

/modules/board/skins/sketchbook5/write_form.html 에서

<div class="regist"> 에서 

<input type="submit" value="{$lang->cmd_submit}" class="bd_btn blue" />

이 부분을

<input type="submit" value="{$lang->cmd_submit}" class="bd_btn_submit" />

이렇게 고쳐줍니다. 

즉 class 부분에서 bd_btn blue 을 bd_btn_submit 로 바꾸면 됩니다

2. CSS

/modules/board/skins/sketchbook5/css/board.css 에서

/* Common */ 쪽 /* Form */ 부분

.bd_btn.blue{font-weight:700;color:#FFF;text-shadow:0 1px 0 #000;border-color:#669 !important;box-shadow:0 1px 1px rgba(0,0,0,.1);background:#55B url(../img/ie/btn_blue.gif) repeat-x;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#77C),to(#55B));background:linear-gradient(to bottom,#77C 0%,#55B 100%)}

이 코드 밑에!!!!!

.bd_btn_submit {
    display: block;
    float: right;
    width: 100px;
    height: 35px;
    border: 1px solid;
    border-radius: 3px;
    white-space: nowrap;
    text-align: center;
    text-decoration: none!important;
    color: #FFF; 
    border-color: #738bcf; 
    background-color: #738bcf; 
   margin: 5px 0 0 0;
}

이렇게 추가해주시면 됩니다

참 쉽죠잉?