에티테마

유료테마 상단 유튜브 영상을 이미지로 변경

페이지 정보

작성자 no_profile sweb 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 3건 조회 394회 작성일 21-04-01 11:20

본문

안녕하세요?
현재 http://theme_t20_yt.ety.kr/ 테마를 구매후 작업중인데요...

상단 유튜브 영상을 이미지로 변경문의 드립니다.
*슬라이드 없이 그냥 고정(배경)되는 1개의 이미지입니다..*
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

<div id="bgndVideo" class="player" data-property="{videoURL:'https://www.youtube.com/watch?v=cat30PaExyo&t=1s',containment:'#customElement', quality: 'large', mute:true, startAt: 50, autoPlay: true,loop: true, opacity: 1, showControls: false, showYTLogo: false, vol: 30}">

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

위 소스를 이미지로 변경시 어떻게 작업해야 할까요?
도움 부탁드립니다.


무료테마를 다운받아 작업해 봤는데요..

 <div class="carousel-item active" style="background-image: url('<?php echo G5_THEME_URL?>/img/main_bg.jpg')">

<div class="col-lg-6 col-md-6 margin20"> <div class="col-lg-6 col-md-6 margin20">
위와 같이 2개의 칸을 만들었는데.. 창 사이즈가 줄어들면 배경이 2개가 되어버리네요..

감사합니다.


  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

댓글목록

소프트존님의 댓글

소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일

안녕하세요 ^^
우선 해당 유료테마에 대해서는 4k 유튜브 슬라이드 전용으로 제작되었기 때문에
별도로 이미지 슬라이드가 존재하지 않습니다.
그렇기 때문에 이미지 슬라이드로 교체를 원하시면 무료테마나 부트스트랩 Carousel을  슬라이드 코드를 입력하여 별도 세팅을 해야할것 같습니다.
일단 코드는 제가 하단에 다시 붙여드리겠으나 동작이 되는지 바로 확인이 어렵습니다.

두번째 답변
<div class="col-lg-6 col-md-6 margin20"> <div class="col-lg-6 col-md-6 margin20">
위 처럼 되어 있으면 모바일에서도 2개로 나오게 됩니다.

모바일에서 1줄로 나오게 하고 싶으시다면
 col-ms-12 col-xs-12 이 두개를 새롭게 추가해 주셔야 합니다.
<div class="col-lg-6 col-md-6 col-ms-12 col-xs-12 margin20"> <div class="col-lg-6 col-md-6 col-ms-12 col-xs-12 margin20">
위 처럼 하시게 되면 태블릿과 모바일에서 1줄로 나오게 됩니다.
감사합니다.

소프트존님의 댓글

소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일

추가적인 슬라이드를 이것으로 교체해보세요~

  <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" data-interval="5000">
<ol class="carousel-indicators">
  <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
  <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
  <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner" role="listbox">
  <!-- Slide One - Set the background image for this slide in the line below -->
  <div class="carousel-item active" style="background-image: url('<?php echo G5_THEME_URL?>/img/bg1.jpg')">
<div class="carousel-caption d-md-block">
  <h3 class="ko1">에티테마 커뮤니티</h3>
  <p class="ko1 f20">에티테마에 오시면 커뮤니티형, 비즈니스형 두가지 모두 다운로드 하실 수 있습니다.</p>
</div>
  </div>
  <!-- Slide Two - Set the background image for this slide in the line below -->
  <div class="carousel-item" style="background-image: url('<?php echo G5_THEME_URL?>/img/bg2.jpg')">
<div class="carousel-caption d-md-block">
  <h3 class="ko1">반응형 비즈니스 테마</h3>
  <p class="ko1 f20">CMS 인 그누보드5.3 / 5.4 와 연동되어 사용가능한 테마 입니다.</p>
</div>
  </div>
  <!-- Slide Three - Set the background image for this slide in the line below -->
  <div class="carousel-item" style="background-image: url('<?php echo G5_THEME_URL?>/img/bg3.jpg')">
<div class="carousel-caption d-md-block">
  <h3 class="ko1">ETY.KR</h3>
  <p class="ko1 f20">클릭하시면 에티테마 비즈니스 설치법으로 이동 합니다.</p>
</div>
  </div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
  <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  <span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
  <span class="carousel-control-next-icon" aria-hidden="true"></span>
  <span class="sr-only">Next</span>
</a>
  </div>
</header>
<!-------------------------- ./슬라이드 -------------------------->

소프트존님의 댓글

소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일

고정되는 1개의 이미지일 경우


<div class="row">
  <div class="col-md-12">
      <img src="이미지 주소" style="width:가로크기px; height:세로크기px">
  </div>
</div>

위 처럼 처리하셔도 될듯합니다.~

Total 270건 1 페이지
질문답변 목록
번호 제목 글쓴이 조회 날짜
공지 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4564 03-20
공지 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 6205 02-18
공지 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 7316 12-17
공지 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 10376 12-09
공지 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 18396 08-22
공지 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 13538 03-19
264 no_profile 포드 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 19 04-13
263 no_profile 포드 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 319 04-07
262 no_profile 포드 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 317 04-07
261 no_profile sweb 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 480 04-01
260 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 432 04-01
열람중 no_profile sweb 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 395 04-01
258 no_profile 안산피시 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 475 03-29
257 no_profile heeju 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 340 03-29
256 no_profile heeju 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 535 03-23
255 no_profile heeju 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 559 03-22
254 no_profile 안산피시 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 663 03-20
253 no_profile 안산피시 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 554 03-20
252 no_profile 안산피시 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 743 03-18
251 no_profile 안산피시 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 535 03-18
게시물 검색

카테고리

카테고리
질문답변
 자유게시판
 영화예고편

영화예고편

영화예고편

최근이미지리스트

최근이미지리스트