안녕하세요
자세한 설명 감사드립니다.
프리미엄 샘플 관련 추가질문드립니다.
페이지를 따로 만들려는 부분이 레이아웃이 적용되지 않은 html 파일이라서요.
root 에 html 폴더를 만들고 그안에 css 폴더를 만들고 해당 css 파일들을 넣었습니다.
그리고 아래 처럼 프리미엄 문서 html 에 알려주신 css 파일 로드 문구를 넣었는데 안되네요
css파일 로드 구문이 꼭 레이아웃 파일에 들어있어야 하는건가여?
레이아웃 적용없이 구현가능한 방법으로 알려주시면 감사하겠습니다.
감사합니다.
<!-------------------------------------------------------------------------------------------------------------------------------------------------------
/* GREEN-GABLE 반응형 문서샘플 프리미엄
* designerSOL.co.kr
-----------------------------------------------------------------------------------------------------------------------------------------------------------
아래 html의 내용을 수정 후 복사하여 위젯, 문서, 게시판 문서편집기에 "소스", 혹은 "html"을 체크하고 붙여넣기 하세요
이미지는 포함되어 있지 않으며 이미지 경로를 확인하세요.
xe/image 인경우 src="/image/test.jpg"
xe/layouts/layout_green_gable/images 인경우 src="/layouts/layout_green_gable/images/test.jpg"
div class="row"는 단락으로 단락 단위로 카피하여 다른 문서와 믹스하실수 있습니다.
----------------------------------------------------------------------------------------------------------------------------------------------------------->
<!--CSS -->
<load target="http://hellocebu.com/html/css/bootstrap.min.css" />
<load target="http://hellocebu.com/html//css/font-awesome.min.css" />
<load target="http://hellocebu.com/html//css/green_gable.css" />
<load target="http://hellocebu.com/html//css/sample_premium.css" />
<load target="http://hellocebu.com/html//user/user.css" index="10000" cond="$sol->ASIDE_CONTENT == 'ASIDE_CUSTOM' || $sol->ASIDE_CONTENT == 'ASIDE_PLUS'" />
<style><include target="./css/green_gable_conf.css" /></style>
<div class="page-wrapper page-bg-white clearfix"><!--.page-bg-white 흰색 백그라운드-->
<div class="row"><!--1단락 슬라이드-->
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"><!--원컬럼-->
<div id="sample-premium-carousel" class="owl-carousel"><!--캐러젤 <div id="">를 변경하지 마세요. 변경하면 js와 연동이 되지 않아 작동하지 않습니다.-->
<div class="item"><div class="img-unit hover-img"><img src="/img/550300.jpg"></div></div>
<div class="item"><div class="img-unit hover-img"><img src="../../../img/550300.jpg"></div></div>
<div class="item"><div class="img-unit hover-img"><img src="samples_premium/img15.jpg"></div></div>
<div class="item"><div class="img-unit hover-img"><img src="samples_premium/img16.jpg"></div></div>
<div class="item"><div class="img-unit hover-img"><img src="samples_premium/img13-2.jpg"></div></div>
<div class="item"><div class="img-unit hover-img"><img src="samples_premium/img14-2.jpg"></div></div>
<div class="item"><div class="img-unit hover-img"><img src="samples_premium/img15-2.jpg"></div></div>
<div class="item"><div class="img-unit hover-img"><img src="samples_premium/img16-2.jpg"></div></div>
ㅎㅎ
css를 로드하는 방법은 여러가지가 있어요. load target="~"은 xe 만의 문법이예요. 레이아웃이 존재할때..
레이아웃 미적용시에는 일반적인 방식을 써야해요.
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
이런식으로요..
프리미엄문서샘플 2column_a.html을 예를 들어 아래와 같이 쓰시면 되겠어요. (예제는 이미지 경로 무시하고 쓴것이니 참고하시구요. 본문에 아이콘이 있다면 아래 font-awesome.min.css도 추가하시구요)
<link rel="stylesheet" type="text/css" href="/layouts/layout_green_gable/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="/layouts/layout_green_gable/css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="/layouts/layout_green_gable/css/green_gable.css" />
<link rel="stylesheet" type="text/css" href="/layouts/layout_green_gable/css/sample_premium.css" />
<div class="page-wrapper page-bg-white clearfix"><!--.page-bg-white 흰색 백그라운드-->
<div class="row"><!--1단락-->
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"><!--좌측컬럼-->
<div class="img-unit hover-img">
<img class="img-full" src="http://www.designersol.co.kr/samples_premium/img1.jpg" editor_component="image_link" />
</div>
<p class="space-30"></p>
<div class="h-group clearfix">
<span class="pm-dot pm-dot-md pm-dot-color-black"><em class="fa fa-angle-down"></em></span>
<h4>자비네 마이어의 '트리오 디 클라로네'</h4>
</div>
~~~~~