답변 5개 / 댓글 2개
채택된 답변
+20 포인트
"어떤 특정파일에 이러이러한 소스를 넣어라" <---tail.php 하단에 보면 아래와 같은 코드가 있습니다
<button type="button" id="top_btn">
~~
$("#top_btn").on("click", function() {
이부분을 수정해서 다음처럼 하세요
<div id='top_btn_kakao'>
<div='kakao'>카카오링크</div>
<button type="button" id="top_btn2">
~~~
~~~
</div>
<script>
$(function() {
$("#top_btn2").on("click", function() {
~~~
<style>
#top_btn_kakao {position: fixed;bottom: 100px;right: 20px;width:50px;height: 100px; border: 2px solid blue; z-index: 999;}
</style>
카카오링크와 top버튼 디자인
야래 코드 복사헤서 사용하세요
Copy
<div id='top_btn_kakao'>
<div><br>카카오</br></div>
<button type="button" id="top_btn">
<i class="fa fa-arrow-up" aria-hidden="true"></i><span class="sound_only">상단으로</span>
</button>
</div>
<script>
$(function() {
$("#top_btn").on("click", function() {
$("html, body").animate({scrollTop:0}, '500');
return false;
});
});
</script>
<style>
#top_btn_kakao {position: fixed;bottom: 100px;right: 20px;width:50px;height: 100px; border: 2px solid blue; z-index: 999;}
</style>
그누보드 기준.
/theme/basic/tail.php 파일에 탑버튼 소스 있어요.
Copy
<button type="button" id="top_btn">
<i class="fa fa-arrow-up" aria-hidden="true"></i><span class="sound_only">상단으로</span>
</button>
<script>
$(function() {
$("#top_btn").on("click", function() {
$("html, body").animate({scrollTop:0}, '500');
return false;
});
});
</script>테마 안 파일들부터 하나씩 살펴보시면 공부에 도움됩니다.
답변을 작성하려면 로그인이 필요합니다.
모바일 tail에는 말씀하신 문구가 있기는 한데 저 부분을 아래 말씀하신대로 어떻게 수정을 해야할지 감이 안오네요 ^^;;;;
염치불구하고 시간 남아도실때 한번만 더 상세한 설명해주시면 정말 감사하겠습니다