[시즌4] 교육테마 #002 (EB4_EDUC_002) > 테마
스토어
관련상품
등록된 상품이 없습니다.
상품 정보
상품 기본설명
반응형 웹 교육소개 테마
상품 상세설명
[참고 및 주의사항]
- 부트스트랩5를 이용한 테마이며 레이아웃의 경우 flexbox로 구성되어 있으니 CSS 스타일의 flex 속성을 확인 바랍니다. (참고 : https://developer.mozilla.org/ko/docs/Learn/CSS/CSS_layout/Flexbox)
- 해당 테마는 사이드 레이아웃과 비반응형을 지원하기 않습니다.
- PC메뉴는 애니메이션 효과를 위해 2차 메뉴를 반드시 등록해야 합니다.
- 메뉴 중 교수진의 경우 파일 코딩을 통해 출력되는 페이지입니다.(참고 : https://eyoom.net/eb4_theme_guide/44)
- 메인 페이지 스크롤시 애니메이션은 aos 플러그인을 사용했습니다.
- aos.js(https://michalsnik.github.io/aos/)를 참고하기 바랍니다.
- 컬러와 폰트 사이즈등은 root 가상클래스를 이용했으며 /theme/eb4_educ_002/css/style.css 상단에 정의되어 있습니다.
- 디자인 및 레이아웃 변경은 파일 수정이 필요하기에 HTML, CSS, Javascript를 사용할 수 있는 분께 권장합니다.
- 자세한 테마 설명은 테마 매뉴얼을 참고하기 바랍니다.
사용후기
상품문의
등록된 상품문의
- 작성자
- siir2oke
- 작성일
- 23-08-25
문의내용
Q
비밀글로 보호된 문의입니다.
- 작성자
- 한민석
- 작성일
- 23-04-20
문의내용
Q
모바일 메인배너도 관리프로그램에서 </br> 적용한것이 반영이 안됩니다.
이부분은 어떻게 해야하나요?
답변
A
일정 브라우저 폭 이하에서는 br 태그가 적용이 안되게 반영한 소스가 있습니다.
메인 슬라이더를 예로 /theme/eb4_educ_002/skin/ebslider/educ002_main_slider/ebslider.skin.html.php 파일 아래의 소스에서 해당 부분을 삭제하면
br 태그가 출력이 되어 줄바꿈이 됩니다.
@media (max-width:767px){
.main-slider-<?php echo $es_code; ?> .item-content h4 {padding-bottom: 10px;margin-bottom: 10px;}
.main-slider-<?php echo $es_code; ?> .item-content p {margin-bottom: 15px;font-size: var(--normal-font-size);}
.main-slider-<?php echo $es_code; ?> .item-content p br {display: none;}
}
고맙습니다.