본문 바로가기

스킨만들기3

[티스토리] 상단 가로 메뉴 만드는 법 티스토리 상단 가로 메뉴 만들기 이전 포스팅에서 티스토리 상단 카테고리 메뉴 만들기에 대하여 올렸습니다 초기 단계까지만 포스팅하여 추가 포스팅을 할까 생각하였으나 개인적으로 가로 메뉴를 더 선호하기에 가로 메뉴 만드는 방법에 대하여 먼저 포스팅을 하고자 합니다 ■ HTML 영역 먼저 HTML 영역입니다 아래에 추가한 소스 입니다 header 영역을 설정하고 container 영역안에 타이틀 부분과 탭메뉴(가로메뉴) 영역을 추가 하였습니다 그리고 또하나 태그로 기존 내용을 조금 아래로 이동 시켰습니다(보기쉽게) 여기까지 HTML 영역 추가 작업이였습니다 여기에서 처음 티스토리 스킨만들기를 처음 접하는 분들은 개발자도구로 HTML 코드를 확인 해 보세요 부분이 어떤형식으로 나타나는지 알아야 진행을 할 수 있.. 2017. 9. 15.
[티스토리 스킨만들기] 두번째 치환자 적용하기 티스토리 스킨 만들기 두번째 시간 치환자 적용하기에 대하여 알아보고자 합니다 첫번째 시간에는 티스토리 스킨등록을 해 보았습니다 등록을 위해서 3가지 파일이 필요했습니다 → index.xml, skin.html, style.css 올려드린 파일 안에는 간단한 내용이 적혀 있었지만 무엇인지 모르고 일단 등록 해 보았습니다 이제 티스토리 관리자 → HTML/CSS편집 기능을 통해 올린 파일들을 수정해 가며 스킨을 만들어 가보고자 합니다 HTML/CSS편집 화면으로 이동하게 되면 아래와 가은 화면이 나타납니다 이곳에서는 등록 한 3개의 파일 중 2개의 파일을 수정 할 수 있습니다 바로 skin.html 파일이 HTML 부분이고, style.css 파일이 CSS 부분입니다 이곳들을 수정하고 저자하게 되면 올린 파.. 2017. 9. 1.
[티스토리 스킨만들기] 로 배워가는 웹 디자인 첫번째 시간 나만의 티스토리 스킨을 만들어가며 웹 디자인 배우기 티스토리를 시작한지 이제 한달 조금 넘은 것 같습니다 티스토리를 하며 놀란 건 정말 멋진 스킨들이 많다는 것입니다 어떻게 이렇게 멋진 스킨을 만들 수 있을까요? 역시 디자이너들은 대단합니다 몇일 전부터 "어설프지만 나만의 스킨을 만들어 보고 싶다" 라는 생각이 들었습니다 "그래! 나도 한번 만들어보자" 라는 생각이 들어 포스팅을 시작하게 되었습니다 나만의 스킨을 만들고 싶지만 웹에 대한 지식이 없어 도전 할 수 없었던 분들이 있다면 저와 함께 한번 도전해 봅시다 저도 웹디자이너가 아니라 잘 모르지만 함께 학습하며 조금씩 만들어 보고자 합니다 혹, 이글을 읽는 분들 중 웹 디자이너가 있다면 도움 부탁합니다 그럼 출발~ [티스토리 관리자 화면] → [스킨변.. 2017. 9. 1.