XEDITION: 사용자 정의 슬라이드 설명을 제대로 출력할 수 있도록 수정

This commit is contained in:
izuzero 2015-03-31 18:56:45 +09:00
parent d2f330e4c0
commit 73178c94bb
3 changed files with 38 additions and 14 deletions

View file

@ -151,7 +151,13 @@
position: absolute;
width: 100%;
}
.camera_caption > div {
.camera_caption_wrap {
width: 1200px;
margin: 0 auto;
font-size: 20px;
line-height: 22px;
}
.camera_caption_wrap > div {
padding: 10px 20px;
}
.camerarelative {

View file

@ -1,24 +1,32 @@
<div data-src="{$layout_info->path}img/slider_img.jpg">
<div class="camera_caption fadeIn">
<h1>SHARING, PUBLISHING.<br />&amp; PLEASURE.</h1>
<p>지식을 나누고 컨텐츠를 출판하며 즐거움을 함께합니다.</p>
<div class="camera_caption_wrap">
<h1>SHARING, PUBLISHING.<br />&amp; PLEASURE.</h1>
<p>지식을 나누고 컨텐츠를 출판하며 즐거움을 함께합니다.</p>
</div>
</div>
</div>
<div data-src="{$layout_info->path}img/slider_img2.jpg">
<div class="camera_caption fadeIn">
<h1>MAKING<br />WEB CULTURES</h1>
<p>올바른 웹 문화를 지향합니다.</p>
<div class="camera_caption_wrap">
<h1>MAKING<br />WEB CULTURES</h1>
<p>올바른 웹 문화를 지향합니다.</p>
</div>
</div>
</div>
<div data-src="{$layout_info->path}img/slider_img3.jpg">
<div class="camera_caption fadeIn">
<h1>EVOLUTION &amp; INNOVATION<br />TOGETHER</h1>
<p>함께 진화하고 혁신을 추구합니다.</p>
<div class="camera_caption_wrap">
<h1>EVOLUTION &amp; INNOVATION<br />TOGETHER</h1>
<p>함께 진화하고 혁신을 추구합니다.</p>
</div>
</div>
</div>
<div data-src="{$layout_info->path}img/slider_img4.jpg">
<div class="camera_caption fadeIn">
<h1>CREATE A GOOD DESIGN WITH<br />THE POSSIILITY OF TECHNOLOGY</h1>
<p>기술의 가능성을 발굴하고 좋은 디자인을 만들어 갑니다.</p>
<div class="camera_caption_wrap">
<h1>CREATE A GOOD DESIGN WITH<br />THE POSSIILITY OF TECHNOLOGY</h1>
<p>기술의 가능성을 발굴하고 좋은 디자인을 만들어 갑니다.</p>
</div>
</div>
</div>

View file

@ -149,27 +149,37 @@
<!--@else-->
<div cond="$layout_info->slide_img1" data-src="{$layout_info->slide_img1}">
<div cond="$layout_info->slide_text1" class="camera_caption fadeIn">
{$layout_info->slide_text1}
<div class="camera_caption_wrap">
{$layout_info->slide_text1}
</div>
</div>
</div>
<div cond="$layout_info->slide_img2" data-src="{$layout_info->slide_img2}">
<div cond="$layout_info->slide_text2" class="camera_caption fadeIn">
{$layout_info->slide_text2}
<div class="camera_caption_wrap">
{$layout_info->slide_text2}
</div>
</div>
</div>
<div cond="$layout_info->slide_img3" data-src="{$layout_info->slide_img3}">
<div cond="$layout_info->slide_text3" class="camera_caption fadeIn">
{$layout_info->slide_text3}
<div class="camera_caption_wrap">
{$layout_info->slide_text3}
</div>
</div>
</div>
<div cond="$layout_info->slide_img4" data-src="{$layout_info->slide_img4}">
<div cond="$layout_info->slide_text4" class="camera_caption fadeIn">
{$layout_info->slide_text4}
<div class="camera_caption_wrap">
{$layout_info->slide_text4}
</div>
</div>
</div>
<div cond="$layout_info->slide_img5" data-src="{$layout_info->slide_img5}">
<div cond="$layout_info->slide_text5" class="camera_caption fadeIn">
{$layout_info->slide_text5}
<div class="camera_caption_wrap">
{$layout_info->slide_text5}
</div>
</div>
</div>
<!--@end-->