묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
스크롤 배너 적용방법?
2015.11.30 04:50
아래 사진처럼 위로 올라가는 아이콘 위쪽에 블로그 바로가기 아이콘을 만들고 싶어요 ㅠ
빠른설치에서 위젯을 설치하여 적용하는게 빠를까요?
아니면 코드를 직접 작성해야하나요?
레이아웃은 XEDITION edited by kim tajo 사용중인데..
이부분에 코드를 넣어야할까요?
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
smiling | xe메인에 전면으로 플래시파일을 넣고 싶은데요.. [3] | 2015.11.30 by smiling |
thdwjdtjr | 폰트에 "나눔고딕, 맑은고딕"등을 넣고 실습니다. [2] | 2015.11.30 by thdwjdtjr |
shu**** | 기본레이웃에서 비주얼이미지 관련 문의 [1] | 2015.11.30 by 믿는데로된다 |
마법사 | 비회원이 볼때 댓글 색상 바꾸는법 [7] | 2015.11.30 by 마법사 |
하루루 | 파도 미니 심플배너 사용법 ㅠㅠ | |
XESTUDIO | xedition 게시판 질문 [5] | 2015.11.29 by XESTUDIO |
김진겸 | 회사가 소송에 힘들어졌습니다. 이미지 첨부파일 로그 분석가능하신분.. [11] | 2015.11.29 by 퍼니엑스이 |
몰라서미칠지경에이르다 | REFERER값을 함수로 넣는 방법 도와주세요! [2] | 2015.11.29 by ehii |
Wantso | 게시판 글 정렬 방식을 다루고 있는 문서가 어떤게 있나요? | |
characte**** | 메인메뉴에 페이지 맨 아래로 보내기 | |
은빛만월 | DDNS와 도메인 포워딩을 했는데 도움이 많이 필요합니다~~~ [2] | 2015.11.29 by 은빛만월 |
홈런볼11 | 조건문 문의 [2] | 2015.11.29 by 홈런볼11 |
홈런볼11 | 홈페이지 형식 체크 부분 | |
가브리엘조 | DNS 변경 후 500에러 | |
나이너 | 가상서버로 옮기는방법? [1] | 2015.11.29 by 에도가와 |
XESTUDIO | 권한이없습니다 경고창 수정경로 [4] | 2015.11.29 by XESTUDIO |
언제어디서나 | 로그파일 관련 문의 | |
언제어디서나 | XE보드 코어 자동업데이트 관련 문의 | |
gnurails | 로그인 페이지를 따로 빼내고 싶습니다 | |
XESTUDIO | 사진 업로드가 안됩니다. [1] | 2015.11.28 by XESTUDIO |
기본 제공되는 xedition기준으로
알고계시는 layout.html 그곳위에..
<!-- Blog -->
<a href="블로그주소" class="btn_blog">blog</a>
<!-- /Blog --> 추가
<!-- TOP -->
<a href="#" class="btn_top"><i class="xi-angle-up"><span class="blind">{$lang->cmd_move_up}</span></i></a>
<!-- /TOP -->
xedition/css/layout.css
.btn_top { display: none; position: fixed; right: 0; bottom: 57px; z-index: 1000; width: 48px; height: 48px; background-color: #555; font-size: 24px; color: #fff; text-align: center; opacity: 0.8; filter: alpha(opacity=80) } 밑에
.btn_blog { display: none; position: fixed; right: 0; bottom: 105px; z-index: 1000; width: 48px; height: 48px; background-color: #555; font-size: 24px; color: #fff; text-align: center; opacity: 0.8; filter: alpha(opacity=80) } 추가
xedition/js/layout.js에 붉은색 추가요..
// Scroll to top
var scrollToTop = function() {
var link = $('.btn_top');
var link2 = $('.btn_blog');
var windowW = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
$(window).scroll(function() {
if (($(this).scrollTop() > 150) && (windowW > 1000)) {
link.fadeIn(100);
link2.fadeIn(100);
} else {
link.fadeOut(100);
link2.fadeOut(100);
}
});
테스트는 안해봤습니다.