생활 웹디자인

방명록

토픽 생활 웹디자인 > 테마 메뉴얼 > 텍스트큐브 스킨 제작 메뉴얼

해당영역

<div id="guestbook"></div>

사용 치환자

  • <s_guest>, </s_guest> : '방명록'메뉴를 클릭시 보여줄 방명록을 출력할 영역입니다

사용예

<s_guest>
    <div class="guestbook">
        <h3>방명록</h3>
        <s_guest_input_form>
            <div class="writeForm">
                방명록 글쓰기
            </div>
        </s_guest_input_form>
        <s_guest_container>
            <div class="commentList">
                방명록 리스트
            </div>
        </s_guest_container>
    </div>
</s_guest> 

방명록 글쓰기

사용 치환자

  • <s_guest_input_form>, </s_guest_input_form> : 방명록에 글을 달기 위한 입력폼을 출력합니다
  • <s_guest_member>, </s_guest_member> : 로그인을 하지 않았거나 블로그 소유자가 아닌경우 보여지는 영역
  • <s_guest_form>, </s_guest_form> : 게스트모드일 경우. 즉 로그인을 하지 않았을경우 보여지는 영역
  • [##_guest_input_name_##] : 이름입력 박스
  • [##_guest_name_##] : 이름
  • [##_guest_input_password_##] : 비밀번호 입력 박스
  • [##_guest_password_##] : 비밀번호 (* 언제부터인가 지원하지 않는 치환자)
  • [##_guest_input_homepage_##] : 홈페이지 입력 박스
  • [##_guest_homepage_##] : 홈페이지
  • [##_guest_input_is_secret_##] : 비밀글 체크박스 이름
  • [##_guest_textarea_body_##] : 글 내용 입력박스
  • [##_guest_onclick_submit_##] : 입력 완료 온클릭 이벤트

사용예

<s_guest_input_form>
<div class="writeForm">
    <s_guest_member>
        <s_guest_form>
        <dl class="name-line">
            <dt><label for="guestName">이름 (Your Name) </label></dt>
            <dd><input type="text" name="[##_guest_input_name_##]" value="[##__guest_name__##]" id="guestName" class="textField" /></dd>
        </dl>
        <dl class="password-line">
            <dt><label for="guestPassword">패스워드 (Your Password)</label></dt>
            <dd><input type="password" name="[##_guest_input_password_##]" value="" id="guestPassword" maxlength="8" value="" class="textField" /> </dd>
        </dl>
        <dl class="homepage-line">
            <dt><label for="guestHomepage">홈페이지 (Your Website)</label></dt>
            <dd><input type="text" name="[##_guest_input_homepage_##]" vlaue="[##__guest_homepage__##]" id="guestHomepage" class="textField" /></dd>
        </dl>
        </s_guest_form>
    </s_guest_member>
    <dl class="content-line">
        <dt><label for="textBody">내용 (Content)</label></dt>
        <dd><textarea id="textBody" name="[##_guest_textarea_body_##]" cols="50" rows="6"></textarea></dd>
    </dl>
    <dl class="btn-line">
        <dt>방명록 남기기 (Submit)</dt>
        <dd><button type="submit" onclick="[##_guest_onclick_submit_##]" class="btnComment"><span>Submit</span></button></dd>
    </dl>
    </div>
</s_guest_input_form>

오픈 아이디

사용치환자

  • <s_guest_input_form_openid_only> :
  • [##_guest_openid_login_##] :

사용예

<s_guest_input_form_openid_only>
    <p>
        오픈아이디로 로그인해야 글을 남기실 수 있습니다.
        <a href="[##_guest_openid_login_##]">오픈아이디 로그인하기
    </p>
</s_guest_input_form_openid_only> 

방명록 리스트

사용 치환자

  • <s_guest_container>, </s_guest_container> : '방명록' 리스트를 출력할 영역입니다
  • <s_guest_rep>, </s_guest_rep> : '방명록' 리스트의 반복열입니다
  • <s_guest_reply_container>, </s_guest_reply_container> : '방명록'의 댓글 리스트를 출력할 영역입니다.
  • <s_guest_reply_rep>, </s_guest_reply_rep> : '방명록' 댓글 리스트의 반복열입니다
  • [##_guest_rep_id_##] : 앵커 아이디, 다른곳에서 링크를 클릭했을때 위치를 받아 줄 수 있는 아이디
  • [##_guest_rep_class_##] : 댓글 종류에 따른 클래스
  • [##_guest_rep_name_##] : 글쓴사람 이름
  • [##_guest_rep_date_##] : 글쓴 날짜
  • [##_guest_rep_link_##] : 방명록 글의 고유 주소
  • [##_guest_rep_desc_##] : 방명록 내용
  • [##_guest_rep_onclick_delete_##] : 방명록 수정/삭제 온클릭 이벤트
  • [##_guest_rep_onclick_reply_##] : 방명록 답글 온클릭 이벤트

사용예

<s_guest_container>
<div class="commentList">
    <ol>
    <s_guest_rep>
        <li id='[##_guest_rep_id_##]'>
            <div class="[##_guest_rep_class_##]">
                <span class="name">[##_guest_rep_name_##]</span>
                <span class="date"> [##_guest_rep_date_##]</span>
                <span class="control">
                    <button type="button" onclick="[##_guest_rep_onclick_reply_##]" class="reply"><span>Reply</span></button>
                    <button type="button" onclick="[##_guest_rep_onclick_delete_##]" class="modify"><span>Modify/Delete</span></button>
                </span>
                <p>[##_guest_rep_desc_##]</p>
            </div>
            <s_guest_reply_container>
            <ul>
                <s_guest_reply_rep>
                <li id='[##_guest_rep_id_##]'>
                    <div class="[##_guest_rep_class_##]">
                        <span class="name">[##_guest_rep_name_##]</span>
                        <span class="date"> [##_guest_rep_date_##]</span>
                        <span class="control">
                            <button type="button" onclick="[##_guest_rep_onclick_delete_##]" class="modify"><span>Modify/Delete</span></button>
                        </span>
                        <p>[##_guest_rep_desc_##]</p>
                    </div>
                </li>
                </s_guest_reply_rep>
                </ul>
            </s_guest_reply_container>
        </li>
    </s_guest_rep>
    </ol>
</div>
</s_guest_container>

댓글

댓글 본문