티스토리/· 스킨편집35 티스토리 스킨 편집 - 탑 버튼 만들기 / 위로 올라가기 버튼 만들기 블로그 스킨을 살짝 변경했습니다. 변경을 하고 나니 위로 가기 버튼이 필요해 보입니다. 키보드에서 Home을 누르면 위로 올라가지만 블로그 스킨에도 추가해 조금이라도 보기 편하게 만들어봤습니다. ▲ 블로그를 읽다 보면 오른쪽 아래에 저런 마크가 생깁니다. 보기에는 그냥 제 블로그 이름으로 보이지만 클릭하면 화면의 가장 위로 올라가는 버튼입니다. 화살표 같은 이미지로 할 수 있지만 약간의 감성을 주고 싶었습니다.이제 위로 올라가기, 탑 버튼을 만들어보겠습니다. ▲ 가장 먼저 해야 할 일은 버튼의 이미지를 업로드해야 합니다. 저는 60*60px 사이즈로 만들었습니다. 스킨 편집에 들어가서 HTML 편집에서 파일 업로드를 클릭하고 이미지를 올립니다. 전 top.png로 올렸습니다. ▲ 직접 만든 이미지입니다... 2019. 9. 6. 티스토리 스킨 만들기 - 사이드바 추가로 만들기 [ 카테고리 추가 X ] 스킨 편집을 공부하고 있습니다. 제 블로그 스킨은 Square입니다. 스킨의 구조는 왼쪽 사이드바(카테고리), 오른쪽이 본문입니다. 본문을 기준으로 오른쪽에 사이드바가 하나 더 있었으면 좋겠습니다. 추가해보려 합니다. html/css를 잘 아시는 분들은 쉽게 하지만 하나도 모르는 저 같은 경우엔 너무 힘드네요. 그래도 이걸 해냈습니다.^^ 시간은 좀 걸렸지만 결국 사이드바를 추가했어요. 기쁨. ▲ 편집 전 화면입니다. ▲ 편집 후 화면입니다. 오른쪽에 사이드바가 하나 더 생겼습니다. 오~ ▲ html 편집입니다. 지난 글에 div 구조 이해를 했다면 어디에 태그를 추가해야 할지 알 수 있습니다. 2019/08/06 - [블로그 T.I.P] - 티스토리 스킨 만들기 - div 구조 이해 같은 사이드바라서 .. 2019. 8. 23. 이전 1 2 3 4 다음
