[티스토리 스킨] 부트스트랩(bootstrap) + 티스토리(tistory) - 6. 방명록 꾸미기

티스토리에서 방명록은 수정해야 할 것이 많지 않아서 금방 끝납니다.

거기다 글 본문에서 사용하던 코드들을 가지고 와서 사용하면 되기 때문에 더욱 쉽다!!

 

설명

방명록 자체가 내용이 별로 없습니다.

 

글 내용에서 작업했던 내용을 최대한 가지고 와서 사용합니다.

 

 

 

코드

내용이 '글 내용'과 거의 같아서 포인트가 없습니다. ㅎㅎㅎㅎ

 

bootstrap_tistory_006.txt

 

<!-- 2-5. 방명록 -->
<s_guest>
    <div class="guestbook">
        <h3>방명록</h3>
        <!-- 15-1. 방명록 글쓰기 -->
        <s_guest_input_form>
            <div class="guestWrite">
                <div class="input-group">
                    <span class="input-group-addon" id="basic-addon1">비밀글</span>
                    <lable class="form-control "><input type="checkbox" class="checkbox" id="guestsecret" name="secret" /></lable>
                </div>
                <s_guest_member>
                    <s_guest_form>
                        <div class="input-group">
                            <span class="input-group-addon" id="basic-addon1"> 이 름 </span>
                            <input type="text" class="form-control" aria-describedby="basic-addon1" name="" value="" />
                        </div>
                        <div class="input-group">
                            <span class="input-group-addon" id="basic-addon1">패스워드</span>
                            <input type="password" class="form-control" aria-describedby="basic-addon1" name="" value="" />
                        </div>
                        <div class="input-group">
                            <span class="input-group-addon" id="basic-addon1">홈페이지</span>
                            <input type="text" class="form-control " aria-describedby="basic-addon1" name="" value="" />
                        </div>
                    </s_guest_form>
                </s_guest_member>
                <p>
                    <textarea name="" class="form-control" cols="50" rows="6"> </textarea>
                </p>
                <p class="text-center">
                    <input type="submit" value="안부 남기기" onclick="" class="btn btn-default submit" />
                </p>
            </div><!-- guestWrite close -->
        </s_guest_input_form>
        <!-- /15-1. 방명록 글쓰기 -->
        <!-- 15-2. 방명록 리스트 -->
        <s_guest_container>
            <div class="guestList">
                <ol class="list-group">
                    <s_guest_rep>
                        <li id="" class="list-group-item">
                            <div class="">
                                <strong></strong>
                                <small> </small>
                                <span class="control">
                                    <a href="#" onclick="" class="btn btn-default btn-xs">&nbsp;<span>Edit/Delete</span></a>
                                    <a href="#" onclick="" class="btn btn-default btn-xs">&nbsp;<span>Reply</span></a>
                                </span>
                                <p></p>
                            </div>
                            <s_guest_reply_container>
                                <ul class="list-group">
                                    <s_guest_reply_rep>
                                        <li id="" class="list-group-item">
                                            <div class="">
                                                <strong></strong>
                                                <small> </small>
                                                <span class="control">
                                                    <a href="#" onclick="" class="btn btn-default btn-xs">&nbsp;<span>Edit/Delete</span></a>
                                                </span>
                                                <p></p>
                                            </div>
                                        </li>
                                    </s_guest_reply_rep>
                                </ul>
                            </s_guest_reply_container>
                        </li>
                    </s_guest_rep>
                </ol>
            </div>
        </s_guest_container>
        <!-- /15-2. 방명록 리스트 -->
    </div>
</s_guest>
<!-- /2-5. 방명록 -->