본문 바로가기

홈페이지제작

<!doctype html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width">
<title>[##_page_title_##]</title>
<link rel="stylesheet" href="./style.css">
<script src="//t1.daumcdn.net/tistory_admin/lib/jquery/jquery-1.12.4.min.js"></script>
</head>
<body id="[##_body_id_##]" class="<s_if_var_layout-type>[##_var_layout-type_##] </s_if_var_layout-type><s_if_var_color-type>[##_var_color-type_##]</s_if_var_color-type><s_if_var_post-type> [##_var_post-type_##]</s_if_var_post-type><s_if_var_view-more> paging-view-more</s_if_var_view-more>">
<s_t3>
<div id="acc-nav">
	<a href="#content">본문 바로가기</a>
</div>
<div id="wrap">
	<header id="header">
		<div class="inner">
			<h1>
				<a href="[##_blog_link_##]">
					<s_if_var_logo-image>
						<img src="[##_var_logo-image_##]" alt="[##_title_##]">
					</s_if_var_logo-image>
					<s_not_var_logo-image>
						[##_title_##]
					</s_not_var_logo-image>
				</a>
			</h1>
			<button type="button" class="mobile-menu"><span>메뉴</span></button>
			<nav id="gnb">
				[##_blog_menu_##]
			</nav>
		</div>
	</header>
	<hr>
	<section class="container">
		<article id="content">

			<s_cover_group>
					<s_cover_rep>
						<s_cover name='cover-slider'>
							<div class='cover-slider'>
								<ul>
									<s_cover_item>
										<li style="background-image: url(<s_cover_item_thumbnail>[##_cover_item_thumbnail_##]</s_cover_item_thumbnail>)">
											<a href="[##_cover_item_url_##]" class="text-box">
												<span class="title">
													<s_cover_item_article_info>
														<em>[##_cover_item_category_##]</em>
													</s_cover_item_article_info>
													[##_cover_item_title_##]
												</span>
												<span class="btn view">더보기</span>
											</a>
										</li>
									</s_cover_item>
								</ul>
							</div>
						</s_cover>

						<s_cover name='cover-thumbnail-list-1'>
							<div class="cover-thumbnail-list-1">
								<h2>[##_cover_title_##]</h2>
								<ul>
									<s_cover_item>
										<li>
											<a href="[##_cover_item_url_##]">
												<span class="thum"><s_cover_item_thumbnail><img src="//i1.daumcdn.net/thumb/C264x200/?fname=[##_cover_item_thumbnail_##]" alt=""></s_cover_item_thumbnail></span>
												<span class="title">[##_cover_item_title_##]</span>
											</a>
										</li>
									</s_cover_item>
								</ul>
							</div>
						</s_cover>

						<s_cover name='cover-special-contents'>
							<div class="cover-special-contents">
								<ul>
									<s_cover_item>
										<li>
											<span class="thum"><s_cover_item_thumbnail><img src="//i1.daumcdn.net/thumb/C600x600/?fname=[##_cover_item_thumbnail_##]" alt=""></s_cover_item_thumbnail></span>
											<s_cover_item_article_info>
												<span class="category">[##_cover_item_category_##]</span>
											</s_cover_item_article_info>
											<span class="title">[##_cover_item_title_##]</span>
											<span class="excerpt">[##_cover_item_summary_##]</span>
											<a href="[##_cover_item_url_##]" class="btn view">더보기</a>
										</li>
									</s_cover_item>
								</ul>
							</div>
						</s_cover>

						<s_cover name='cover-wide-panel'>
							<s_cover_item>
								<div class="cover-wide-panel">
									<div class="bg" style="background-image:url(<s_cover_item_thumbnail>[##_cover_item_thumbnail_##]</s_cover_item_thumbnail>);"></div>
									<div class="box">
										<s_cover_item_article_info>
											<span class="category">[##_cover_item_category_##]</span>
										</s_cover_item_article_info>
										<h2>[##_cover_item_title_##]</h2>
										<p>[##_cover_item_summary_##]</p>
										<a href="[##_cover_item_url_##]" class="btn view">더보기</a>
									</div>
								</div>
							</s_cover_item>
						</s_cover>

						<s_cover name='cover-thumbnail-list-2'>
							<div class="cover-thumbnail-list-2">
								<h2>[##_cover_title_##]</h2>
								<ul>
									<s_cover_item>
										<li>
											<a href="[##_cover_item_url_##]">
												<span class="thum"><s_cover_item_thumbnail><img src="//i1.daumcdn.net/thumb/C276x260/?fname=[##_cover_item_thumbnail_##]" alt=""></s_cover_item_thumbnail></span>
												<span class="title">[##_cover_item_title_##]</span>
												<span class="excerpt">[##_cover_item_summary_##]</span>
												<span class="more">더보기</span>
											</a>
										</li>
									</s_cover_item>
								</ul>
							</div>
						</s_cover>

					</s_cover_rep>
				</s_cover_group>

			<s_page_rep>
				<div class="hgroup">
					<h1>[##_article_rep_title_##]</h1>
					<s_ad_div>
						<div class="post-meta">
							<span><a href="[##_s_ad_m_link_##]">수정</a></span>
							<span><a href="#" onclick="[##_s_ad_d_onclick_##]">삭제</a></span>
						</div>
					</s_ad_div>
				</div>
				<div class="entry-content">
					[##_article_rep_desc_##]
				</div>
			</s_page_rep>

			<s_notice_rep>
				<div class="hgroup">
					<h1>[##_notice_rep_title_##]</h1>
					<div class="post-meta">
						<span class="author">[##__notice_rep_author_##]</span>
						<span class="date">[##_notice_rep_date_##]</span>
						<s_ad_div>
							<span><a href="[##_s_ad_m_link_##]">수정</a></span>
							<span><a href="#" onclick="[##_s_ad_d_onclick_##]">삭제</a></span>
						</s_ad_div>
					</div>
				</div>
				<div class="entry-content">
					[##_notice_rep_desc_##]
				</div>
			</s_notice_rep>

			<s_list>
				<div class="post-header">
					<h2>[##_list_conform_##]</h2>
					<div class="list-type">
						<button type="button" class="thum">썸네일형</button>
						<button type="button" class="list">리스트형</button>
					</div>
				</div>
			</s_list>

			<div class="inner">
				<s_article_protected>
					<s_index_article_rep>
						<div class="post-item">
							<a href="[##_article_rep_link_##]">
								<span class="thum"></span>
								<span class="title">[##_article_rep_title_##]</span>
								<span class="excerpt">보호되어 있는 글입니다.</span>
								<span class="more">더보기</span>
							</a>
						</div>
					</s_index_article_rep>
					<s_permalink_article_rep>
						<div class="hgroup">
							<div class="category">보호글</div>
							<h1>[##_article_rep_title_##] </h1>
							<div class="post-meta">
								<span class="author">[##_article_rep_author_##]</span>
								<span class="date">[##_article_rep_date_##]</span>
							</div>
						</div>
						<div class="entry-content">
							[##_article_rep_desc_##]
							<form class="protected_form" onsubmit="[##_article_dissolve_##]">
								<p>보호되어 있는 글입니다. 내용을 보시려면 비밀번호를 입력하세요.</p>
								<input type="password" id="[##_article_password_##]" name="[##_article_password_##]" value="" placeholder="비밀번호" />
								<button type="submit" class="btn">확인</button>
							</form>
						</div>
					</s_permalink_article_rep>
				</s_article_protected>

				<s_article_rep>
					<s_index_article_rep>
						<div class="post-item">
							<a href="[##_article_rep_link_##]">
								<span class="thum">
									<s_article_rep_thumbnail>
										<img src="//i1.daumcdn.net/thumb/C276x260/?fname=[##_article_rep_thumbnail_raw_url_##]" alt="">
									</s_article_rep_thumbnail>
								</span>
								<span class="title">[##_article_rep_title_##]</span>
								<span class="excerpt">[##_article_rep_summary_##]</span>
								<span class="more">더보기</span>
							</a>
						</div>
					</s_index_article_rep>
					<s_permalink_article_rep>
						<div class="hgroup">
							<div class="category">[##_article_rep_category_##]</div>
							<h1>[##_article_rep_title_##] </h1>
							<div class="post-meta">
								<span class="author">[##_article_rep_author_##]</span>
								<span class="date">[##_article_rep_date_##]</span>
								<s_ad_div>
									<span><a href="[##_s_ad_m_link_##]">수정</a></span>
									<span><a href="#" onclick="[##_s_ad_d_onclick_##]">삭제</a></span>
								</s_ad_div>
							</div>
						</div>
						<div class="entry-content">
							[##_article_rep_desc_##]
						</div>
						<s_tag_label>
							<div class="tags">
								<h2>태그</h2>
								<div class="items">
									[##_tag_label_rep_##]
								</div>
							</div>
						</s_tag_label>

						<s_article_related>
							<div class="related-articles">
								<h2><strong>'[##_article_rep_category_##]'</strong> Related Articles</h2>
								<ul>
									<s_article_related_rep>
										<li>
											<a href="[##_article_related_rep_link_##]">
												<span class="thum">
													<s_article_related_rep_thumbnail>
														<img src="//i1.daumcdn.net/thumb/C200x200/?fname=[##_article_related_rep_thumbnail_link_##]" alt="">
													</s_article_related_rep_thumbnail>
												</span>
												<span class="title">[##_article_related_rep_title_##]</span>
											</a>
										</li>
									</s_article_related_rep>
								</ul>
							</div>
						</s_article_related>

						<s_rp>
							<div class="comments">
								<s_rp_container>
									<div class="comment-list">
										<ul>
											<s_rp_rep>
												<li id="[##_rp_rep_id_##]">
													<div class="author-meta">
														<img src="[##_rp_rep_logo_##]" class="avatar" alt="">
														<span class="nickname">[##_rp_rep_name_##]</span>
														<span class="date">[##_rp_rep_date_##]</span>
														<span class="control">
															<a href="[##_rp_rep_link_##]">댓글주소</a>
															<a href="#" onclick="[##_rp_rep_onclick_delete_##]">수정/삭제</a>
															<a href="#" onclick="[##_rp_rep_onclick_reply_##]">댓글쓰기</a>
														</span>
													</div>
													<p>[##_rp_rep_desc_##]</p>
													<s_rp2_container>
														<ul>
															<s_rp2_rep>
																<li id="[##_rp_rep_id_##]">
																	<div class="author-meta">
																		<img src="[##_rp_rep_logo_##]" class="avatar" alt="">
																		<span class="nickname">[##_rp_rep_name_##]</span>
																		<span class="date">[##_rp_rep_date_##]</span>
																		<span class="control">
																			<a href="[##_rp_rep_link_##]">댓글주소</a>
																			<a href="#" onclick="[##_rp_rep_onclick_delete_##]">수정/삭제</a>
																		</span>
																	</div>
																	<p>[##_rp_rep_desc_##]</p>
																</li>
															</s_rp2_rep>
														</ul>
													</s_rp2_container>
												</li>
											</s_rp_rep>
										</ul>
									</div>
								</s_rp_container>

								<s_rp_input_form>
									<div class="comment-form">
										<s_rp_member>
											<div class="field">
												<s_rp_guest>
													<input type="text" name="[##_rp_input_name_##]" value="[##_guest_name_##]" placeholder="이름">
													<input type="password" name="[##_rp_input_password_##]" value="[##_rp_admin_check_##]" placeholder="암호">
												</s_rp_guest>
												<div class="secret">
													<input type="checkbox" name="[##_rp_input_is_secret_##]" id="secret">
													<label for="secret" tabindex="0">Secret</label>
												</div>
											</div>
										</s_rp_member>
										<textarea name="[##_rp_input_comment_##]" cols="" rows="4" placeholder="여러분의 소중한 댓글을 입력해주세요."></textarea>
										<div class="submit">
											<button type="submit" class="btn" onclick="[##_rp_onclick_submit_##]">댓글달기</button>
										</div>
								</div>
								</s_rp_input_form>
							</div>
						</s_rp>

					</s_permalink_article_rep>
				</s_article_rep>
			</div>

			<s_tag>
				<div class="hgroup">
					<h1>태그</h1>
				</div>
				<div class="tags">
					<div class="items">
						<s_tag_rep>
							<a href="[##_tag_link_##]">[##_tag_name_##]</a>
						</s_tag_rep>
					</div>
				</div>
			</s_tag>

			<s_guest>
				<div class="hgroup">
					<h1>방명록</h1>
				</div>
				<div class="comments">
					<s_guest_input_form>
						<div class="comment-form">
							<s_guest_member>
								<div class="field">
									<s_guest_form>
										<input type="text" name="[##_guest_input_name_##]" value="[##_guest_name_##]" placeholder="이름">
										<input type="password" name="[##_guest_input_password_##]" value="[##_guest_password_##]" placeholder="암호">
									</s_guest_form>
								</div>
							</s_guest_member>
							<textarea name="[##_guest_textarea_body_##]" cols="" rows="4"></textarea>
							<div class="submit">
								<button type="submit" class="btn" onclick="[##_guest_onclick_submit_##]">안부 남기기</button>
							</div>
						</div>
					</s_guest_input_form>

					<s_guest_container>
						<div class="comment-list">
							<ul>
								<s_guest_rep>
									<li id="[##_guest_rep_id_##]">
										<div class="author-meta">
											<img src="//t1.daumcdn.net/tistory_admin/static/skin/avatar_default.gif" class="avatar" alt="">
											<span class="nickname">[##_guest_rep_name_##]</span>
											<span class="date">[##_guest_rep_date_##]</span>
											<span class="control">
												<a href="#" onclick="[##_guest_rep_onclick_delete_##]">수정/삭제</a>
												<a href="#" onclick="[##_guest_rep_onclick_reply_##]">댓글쓰기</a>
											</span>
										</div>
										<p>[##_guest_rep_desc_##]</p>
										<s_guest_reply_container>
											<ul>
												<s_guest_reply_rep>
													<li id="[##_guest_rep_id_##]">
														<div class="author-meta">
															<img src="//t1.daumcdn.net/tistory_admin/static/skin/avatar_default.gif" class="avatar" alt="">
															<span class="nickname">[##_guest_rep_name_##]</span>
															<span class="date">[##_guest_rep_date_##]</span>
															<span class="control">
																<a href="#" onclick="[##_guest_rep_onclick_delete_##]">수정/삭제</a>
															</span>
														</div>
														<p>[##_guest_rep_desc_##]</p>
													</li>
												</s_guest_reply_rep>
											</ul>
										</s_guest_reply_container>
									</li>
								</s_guest_rep>
							</ul>
						</div>
					</s_guest_container>
				</div>
			</s_guest>

			<s_paging>
				<div class="pagination">
					<a [##_prev_page_##] class="prev [##_no_more_prev_##]">이전</a>
					<s_paging_rep>
						<a [##_paging_rep_link_##]>[##_paging_rep_link_num_##]</a>
					</s_paging_rep>
					<a [##_next_page_##] class="next [##_no_more_next_##]">다음</a>
				</div>
			</s_paging>

		</article>
		<aside id="aside">
			<div class="inner">
				<div class="sidebar-1">
					<s_sidebar>
						<s_sidebar_element>
							<!-- 공지사항 -->
							<s_rct_notice>
								<div class="posts">
									<h2>공지사항</h2>
									<ul>
										<s_rct_notice_rep>
											<li><a href="[##_notice_rep_link_##]" class="link_board">[##_notice_rep_title_##]</a></li>
										</s_rct_notice_rep>
									</ul>
								</div>
							</s_rct_notice>
						</s_sidebar_element>
						<s_sidebar_element>
							<!-- 최근 포스트 -->
							<div class="posts">
								<h2>최근 포스트</h2>
								<ul>
									<s_rctps_rep>
									<li><a href="[##_rctps_rep_link_##]">[##_rctps_rep_title_##]</a></li>
									</s_rctps_rep>
								</ul>
							</div>
						</s_sidebar_element>
					</s_sidebar>
				</div>

				<div class="sidebar-2">
						<s_sidebar>
							<s_sidebar_element>
								<!-- 태그 -->
								<div class="tags">
									<h2>태그</h2>
									<div class="items">
										<s_random_tags>
											<a href="[##_tag_link_##]">[##_tag_name_##]</a>
										</s_random_tags>
									</div>
									<a href="/tag" class="more">더보기</a>
								</div>
							</s_sidebar_element>
						</s_sidebar>
				</div>

				<div class="sidebar-3">
					<s_sidebar>
						<s_sidebar_element>
							<!-- 검색 -->
							<div class="search">
								<h2>검색</h2>
								<s_search>
									<fieldset>
										<input type="text" name="[##_search_name_##]" value="" placeholder="검색내용을 입력하세요." onkeypress="if (event.keyCode == 13 ) { [##_search_onclick_submit_##] }">
										<button type="button" onclick="[##_search_onclick_submit_##]">검색</button>
									</fieldset>
								</s_search>
							</div>
						</s_sidebar_element>
						<s_sidebar_element>
							<!-- 전체 방문자 -->
							<div class="count">
								<h2>전체 방문자</h2>
								<p class="total">[##_count_total_##]</p>
								<ul>
									<li><strong>오늘</strong>[##_count_today_##]</li>
									<li><strong>어제</strong>[##_count_yesterday_##]</li>
								</ul>
							</div>
						</s_sidebar_element>
					</s_sidebar>
				</div>
			</div>
		</aside>
	</section>
	<hr>
	<footer id="footer">
		<p class="copyright">DESIGN BY <a href="#">TISTORY</a> <a href="[##_owner_url_##]" class="admin">관리자</a></p>
	</footer>
</div>
<script src="./images/script.js"></script>
</s_t3>
</body>
</html>