[공유] 화살표 탑버튼 소스 공유! - 인스티즈(instiz) 디자인 카테고리

디자인 에 게시된 글입니다 l 설정하기

[공유] 화살표 탑버튼 소스 공유! | 인스티즈

별거 아니지만 허전한 홈 때문에 만들었던 간단한 소스 공유하러 왔어!

티스토리 아니고 개인 홈에서도 사용할 수 있어~

<-- 미리보기 -->

[공유] 화살표 탑버튼 소스 공유! | 인스티즈

이렇게 좌측 하단에 투명 네모에 하얀색 화살표랑 테두리로 되어있어! 클릭하면 슥 올라갑니다 'ㅅ' ~

<-- 소스 다운 -->

다운로드 (TOP.zip)

<-- 적용방법 -->

[공유] 화살표 탑버튼 소스 공유! | 인스티즈

1. 티스토리 블로그 관리창 > 꾸미기 > 스킨 > HTML/CSS 클릭

[공유] 화살표 탑버튼 소스 공유! | 인스티즈

2. 1번 텍스트 파일 전문을 복사한 뒤에 HTML 창에서 !body> 다음 줄에 복붙

( !body> 뒤에 !meta> 태그가 있다면 그 다음 줄에 넣는 것을 추천! )

( 보통 글쓴딩처럼 3~4 번 줄에 있으니 굳이 아래쪽까지 head 를 찾아다니지 않아도 돼)

3. 2번 텍스트 파일 전문을 복사한 뒤에 HTML 창에서 사이에 (뒷줄에) 복사 붙여넣기

4. 화살표 모양을 원할 경우 > 3번 파일을 s_t3> 뒤에 붙여넣기

본인이 원하는 글씨를 버튼으로 원할 경우 > 4번 파일을 s_t3> 뒤에 붙여넣기

( 뒤에 s_t3> 이 보이지 않는다면 그냥 뒤에 넣어주면 돼! )

5. CSS 창에서 5번 파일 붙여넣기

(@로 시작하는 문장이 있을 경우에는 그 다음 줄에 붙여넣기!)

<-- 수정 방법 -->

#1 버튼 안의 글씨를 바꾸고 싶을 때

4번 파일을 열어서 'TOP' 부분 수정 후 티스토리 재수정

#2 스타일을 바꾸고 싶을 때

5번 파일 열기

5번은 내가 주석 달아서 설명 해뒀으니까 그냥 그거 보고 원하는대로 수정 후에 다시 티스토리 수정

( 굳이 메모장에서 수정 안하고 그냥 티스토리 CSS 창에서 수정해줘도 돼!

HTML 수정도 마찬가지구! )

** 개인홈에 적용하고 싶으면 알FTP 에서 본인 인덱스 파일에 내가 첨부했던 소스들

티스토리에서처럼 각자 위치에 넣어주면 돼! 대신 5번 파일은 CSS 가 없을 테니까

인덱스 파일 중에서 style> /style> 사이에 넣어줘~ **

질문은 댓글로 '^'

구롬 빠잉~ ^ㅅ^~