511 lines
34 KiB
HTML
511 lines
34 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
|
|
<title>XpressEngine - PHP Open Source CMS</title>
|
|
|
|
<!-- core -->
|
|
<link href="../../../assets/core/common/css/xe-common.css" rel="stylesheet" media="all">
|
|
<link href="../../../assets/core/xe-ui-component/xe-ui-component.css" rel="stylesheet" media="all">
|
|
<link href="https://cdn.jsdelivr.net/npm/xeicon@2.3/xeicon.min.css" rel="stylesheet" media="all">
|
|
|
|
<script>var xeBaseURL = '../../../';</script>
|
|
<script src="../../../assets/vendor.js" type="text/javascript"></script>
|
|
<script src="../../../assets/common.js" type="text/javascript"></script>
|
|
<script src="../../../assets/core/common/js/xe.bundle.js" type="text/javascript"></script>
|
|
|
|
<!-- additional -->
|
|
<link rel="stylesheet" href="../../../assets/vendor/bootstrap/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="../../../assets/core/settings/css/admin.css">
|
|
<script src="../../../assets/core/settings/js/admin.bundle.js"></script>
|
|
</head>
|
|
<!--[D] 사이드 메뉴 감출 시 sidebar-collapse 클래스 추가-->
|
|
<body>
|
|
<div class="admin-wrap">
|
|
<header>
|
|
</header>
|
|
<aside class="transition">
|
|
</aside>
|
|
<div id="content" class="transition">
|
|
<div class="ct">
|
|
<div class="title-area container-fluid">
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<h2><a href="#"><i class="xi-arrow-left"></i>Alice 테마 설정</a></h2>
|
|
<small>Alice 테마들의 옵션을 설정할 수 있습니다.</small>
|
|
</div>
|
|
</div>
|
|
<div class="row locate">
|
|
<div class="col-sm-12">
|
|
<ul>
|
|
<li><a href="#">Home</a><i class="xi-angle-right"></i></li>
|
|
<li><a href="#">기본 설정</a><i class="xi-angle-right"></i></li>
|
|
<li>Alice 테마 설정</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container-fluid">
|
|
<!--어드민 컨텐츠 영역 col-sm-"n" n:1~12에 따라 그리드 사용가능-->
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div class="panel-group">
|
|
<div class="panel">
|
|
<div class="panel-heading">
|
|
<div class="pull-left">
|
|
<h3 class="panel-title">테마 기본 설정</h3>
|
|
</div>
|
|
<div class="pull-right">
|
|
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" class="btn-link panel-toggle pull-right"><i class="xi-angle-down"></i><i class="xi-angle-up"></i><span class="sr-only">메뉴닫기</span></a>
|
|
</div>
|
|
</div>
|
|
<div id="collapseOne" class="panel-collapse collapse in">
|
|
<div class="panel-body">
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<div class="form-group">
|
|
<label>로고</label>
|
|
<div class="list-group-item">
|
|
<div class="radio">
|
|
<label>
|
|
<input type="radio">이미지
|
|
</label>
|
|
<label>
|
|
<input type="radio">텍스트
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="form-group">
|
|
<label>로고 텍스트</label>
|
|
<div class="input-group">
|
|
<input type="text" id="item-title" class="form-control" value="Alice" aria-describedby="basic-addon2">
|
|
<span class="input-group-addon" id="basic-addon2"><span class="flag-code"><i class="andorra xe-flag"></i>ad</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div class="form-group">
|
|
<label>로고이미지 <small>사이트 상단의 로고를 등록하세요.(가로200, 최대 50이하의 이미지를 등록하세요.)</small></label>
|
|
<div class="list-group-item">
|
|
<input type="file">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<div class="form-group">
|
|
<label>컬러셋 사용 여부</label>
|
|
<div class="list-group-item">
|
|
<div class="radio">
|
|
<label>
|
|
<input type="radio">사용
|
|
</label>
|
|
<label>
|
|
<input type="radio">사용 안함
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="form-group">
|
|
<label>컬러셋 색상</label>
|
|
<select class="form-control">
|
|
<option value="">blue</option>
|
|
<option value="">brown</option>
|
|
<option value="">red</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel-footer">
|
|
<div class="pull-right">
|
|
<button type="button" class="btn btn-default btn-lg">취소</button>
|
|
<button type="button" class="btn btn-primary btn-lg">저장</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel">
|
|
<div class="panel-heading">
|
|
<div class="pull-left">
|
|
<h3 class="panel-title">메인 페이지 설정</h3>
|
|
</div>
|
|
<div class="pull-right">
|
|
<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" class="btn-link panel-toggle pull-right"><i class="xi-angle-down"></i><i class="xi-angle-up"></i><span class="sr-only">메뉴닫기</span></a>
|
|
</div>
|
|
</div>
|
|
<div id="collapseTwo" class="panel-collapse collapse in">
|
|
<div class="panel-body">
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<div class="form-group">
|
|
<label>메인 메뉴 선택</label>
|
|
<select class="form-control">
|
|
<option value="">Main menu</option>
|
|
<option value="">Footer menu</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="form-group">
|
|
<label>컨텐츠 영역 지정</label>
|
|
<div class="list-group-item">
|
|
<div class="radio">
|
|
<label>
|
|
<input type="radio">확장
|
|
</label>
|
|
<label>
|
|
<input type="radio">고정
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<div class="form-group">
|
|
<label>메인 메뉴 테마 선택</label>
|
|
<select class="form-control">
|
|
<option value="">배경 투명 메뉴</option>
|
|
<option value="">배경 흰색 메뉴</option>
|
|
<option value="">배경 검은색 메뉴</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="form-group">
|
|
<label>메인 메뉴 위치 지정</label>
|
|
<select class="form-control">
|
|
<option value="">상단에 고정</option>
|
|
<option value="">고정 안함</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel-footer">
|
|
<div class="pull-right">
|
|
<button type="button" class="btn btn-default btn-lg">취소</button>
|
|
<button type="button" class="btn btn-primary btn-lg">저장</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel">
|
|
<div class="panel-heading">
|
|
<div class="pull-left">
|
|
<h3 class="panel-title">서브 페이지 설정</h3>
|
|
</div>
|
|
<div class="pull-right">
|
|
<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree" class="btn-link panel-toggle pull-right"><i class="xi-angle-down"></i><i class="xi-angle-up"></i><span class="sr-only">메뉴닫기</span></a>
|
|
</div>
|
|
</div>
|
|
<div id="collapseThree" class="panel-collapse collapse in">
|
|
<div class="panel-body">
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<div class="form-group">
|
|
<label>서브 메뉴 테마 및 상단 베너 선택</label>
|
|
<select class="form-control">
|
|
<option value="">배경 투명 메뉴 + 이미지베너</option>
|
|
<option value="">배경 흰색 메뉴 + 이미지베너</option>
|
|
<option value="">배경 흰색 메뉴 + 텍스트베너</option>
|
|
<option value="">배경 흰색 메뉴 + 베너 없음</option>
|
|
<option value="">배경 검은색 메뉴 + 이미지베너</option>
|
|
<option value="">배경 검은색 메뉴 + 텍스트베너</option>
|
|
<option value="">배경 검은색 메뉴 + 베너 없음</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="form-group">
|
|
<label>컨텐츠 영역 지정</label>
|
|
<div class="list-group-item">
|
|
<div class="radio">
|
|
<label>
|
|
<input type="radio">확장
|
|
</label>
|
|
<label>
|
|
<input type="radio">고정
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div class="form-group">
|
|
<label>서브 상단 이미지</label>
|
|
<div class="list-group-item">
|
|
<a href="#" class="pull-left btn btn-default">변경</a>
|
|
<div class="bg-screenshot" style="background-image:url(sample/@img_slide.jpg)">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel-footer">
|
|
<div class="pull-right">
|
|
<button type="button" class="btn btn-default btn-lg">취소</button>
|
|
<button type="button" class="btn btn-primary btn-lg">저장</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel">
|
|
<div class="panel-heading">
|
|
<div class="pull-left">
|
|
<h3 class="panel-title">슬라이드 설정 <small>메인 페이지 상단 슬라이드에 대한 설정입니다.</small></h3>
|
|
</div>
|
|
<div class="pull-right">
|
|
<a data-toggle="collapse" data-parent="#accordion" href="#collapseFour" class="btn-link panel-toggle pull-right"><i class="xi-angle-down"></i><i class="xi-angle-up"></i><span class="sr-only">메뉴닫기</span></a>
|
|
</div>
|
|
</div>
|
|
<div id="collapseFour" class="panel-collapse collapse in">
|
|
<div class="panel-body">
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<div class="form-group">
|
|
<label>슬라이드1 이미지</label>
|
|
<div class="list-group-item">
|
|
<a href="#" class="pull-left btn btn-default">변경</a>
|
|
<div class="bg-screenshot" style="background-image:url(sample/@img_slide.jpg)">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="form-group">
|
|
<label>슬라이드 1 타이틀 텍스트</label>
|
|
<textarea name="name" rows="2" cols="40" class="form-control"></textarea>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>슬라이드 1 서브 텍스트</label>
|
|
<textarea name="name" rows="2" cols="40" class="form-control"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<div class="form-group">
|
|
<label>슬라이드2 이미지</label>
|
|
<div class="list-group-item">
|
|
<a href="#" class="pull-left btn btn-default">변경</a>
|
|
<div class="bg-screenshot" style="background-image:url(sample/@img_slide.jpg)">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="form-group">
|
|
<label>슬라이드 2 타이틀 텍스트</label>
|
|
<textarea name="name" rows="2" cols="40" class="form-control"></textarea>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>슬라이드 2 서브 텍스트</label>
|
|
<textarea name="name" rows="2" cols="40" class="form-control"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<div class="form-group">
|
|
<label>슬라이드3 이미지</label>
|
|
<div class="list-group-item">
|
|
<a href="#" class="pull-left btn btn-default">변경</a>
|
|
<div class="bg-screenshot" style="background-image:url(sample/@img_slide.jpg)">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="form-group">
|
|
<label>슬라이드 3 타이틀 텍스트</label>
|
|
<textarea name="name" rows="2" cols="40" class="form-control"></textarea>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>슬라이드 3 서브 텍스트</label>
|
|
<textarea name="name" rows="2" cols="40" class="form-control"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel-footer">
|
|
<div class="pull-right">
|
|
<button type="button" class="btn btn-default btn-lg">취소</button>
|
|
<button type="button" class="btn btn-primary btn-lg">저장</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel">
|
|
<div class="panel-heading">
|
|
<div class="pull-left">
|
|
<h3 class="panel-title">푸터 설정</h3>
|
|
</div>
|
|
<div class="pull-right">
|
|
<a data-toggle="collapse" data-parent="#accordion" href="#collapseFive" class="btn-link panel-toggle pull-right"><i class="xi-angle-down"></i><i class="xi-angle-up"></i><span class="sr-only">메뉴닫기</span></a>
|
|
</div>
|
|
</div>
|
|
<div id="collapseFive" class="panel-collapse collapse in">
|
|
<div class="panel-body">
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<div class="form-group">
|
|
<label>푸터 로고</label>
|
|
<div class="list-group-item">
|
|
<div class="radio">
|
|
<label>
|
|
<input type="radio">이미지
|
|
</label>
|
|
<label>
|
|
<input type="radio">텍스트
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="form-group">
|
|
<label>푸터 로고 텍스트</label>
|
|
<div class="input-group">
|
|
<input type="text" id="item-title" class="form-control" aria-describedby="basic-addon2">
|
|
<span class="input-group-addon" id="basic-addon2"><span class="flag-code"><i class="south korea xe-flag"></i>kr</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div class="form-group">
|
|
<label>푸터 로고 이미지 <small>사이트 상단의 로고를 등록하세요.(가로 200, 최대 50이하의 이미지를 등록하세요.)</small></label>
|
|
<div class="list-group-item">
|
|
<input type="file">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<div class="form-group">
|
|
<label>푸터 내용 입력</label>
|
|
<textarea name="name" rows="2" cols="40" class="form-control"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="form-group">
|
|
<label>카피라이트 입력</label>
|
|
<textarea name="name" rows="2" cols="40" class="form-control"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<div class="form-group">
|
|
<label>푸터 링크 사용 여부</label>
|
|
<div class="list-group-item">
|
|
<div class="radio">
|
|
<label>
|
|
<input type="radio">사용
|
|
</label>
|
|
<label>
|
|
<input type="radio">사용 안함
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="form-group">
|
|
<label>푸터 링크 갯수 <small>최대 5개까지 가능합니다.</small></label>
|
|
<select class="form-control">
|
|
<option value="">3</option>
|
|
<option value="">4</option>
|
|
<option value="">5</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<div class="form-group">
|
|
<label>링크 주소 1</label>
|
|
<input type="text" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="form-group">
|
|
<label>링크1 XE아이콘 명칭</label>
|
|
<input type="text" class="form-control" value="xi-twitter">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<div class="form-group">
|
|
<label>링크 주소 2</label>
|
|
<input type="text" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="form-group">
|
|
<label>링크2 XE아이콘 명칭</label>
|
|
<input type="text" class="form-control" value="xi-facebook">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel-footer">
|
|
<div class="pull-right">
|
|
<button type="button" class="btn btn-default btn-lg">취소</button>
|
|
<button type="button" class="btn btn-primary btn-lg">저장</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--//어드민 컨텐츠 영역 -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer transition">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="dim"></div>
|
|
<script>
|
|
$(document).ready(function() {
|
|
function loadCheckFunc(headUrl, asideUrl, footUrl) {
|
|
$('header').load( headUrl );
|
|
$('aside').load( asideUrl );
|
|
$('.footer').load( footUrl );
|
|
}
|
|
function init_include() {
|
|
loadCheckFunc('00_header.html', '00_aside.html', '00_footer.html');
|
|
}
|
|
init_include();
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|