본문 바로가기

css2

[티스토리] 홈(카테고리) 화면 만들기로 배우는 CSS 태그 티스토리 홈(카테고리) 화면 만들기 티스토리 스킨만들기로 통해 웹 디자인 코딩법에 대하여 알아가고 있습니다. 지금까지 진행 된 것들을 잠시 돌아보고 시작하도록 하겠습니다. 티스토리 스킨을 제작하기 위해, 3개의 파일이 필요 했습니다 index.xml, skin.html, style.css 파일 입니다 index.xml 파일은 자신의 티스토리 블로그에 대한 여러가지 정보들이 입력되는 파일이였습니다 그리고 skin.html, style.css 파일은 지금 계속 수정 및 입력을 해 가는 HTML/CSS 파일이 입니다. 지금까지 상단 메뉴 만들기에 대하여 진행하였고, 바로 이전 포스팅에서는 상단 가로 메뉴 만들기에 대하여 알아 보았습니다. ※ 아직 블로그 초보라, 이전 포스팅 글을 읽어 보면 아쉬운 부분들, 어.. 2017. 9. 24.
[티스토리] HTML / CSS 를 활용한 상단 꾸미기 - 메뉴 티스토리 스킨 만들기로 배우는 HTML/CSS 상단 꾸미기 첫번째 티스토리 스킨 상단 꾸미기를 해 보도록 하겠습니다 티스토리 관리자화면에서 HTML/CSS편집화면으로 이동 해 주세요 먼저 추가 해 주어야 할 부분입니다 링크를 걸어 주어야 style.css 파일이 어디있는지 알고, CSS부분을 수정 해 주면 이 화면에 적용이 되겠죠 기존 코딩 했던 부분들 중 필요 없는 부분들은 주석 처리를 해 가며 만들어 가 보겠습니다 주석 방법은 이렇게 하면 됩니다 블로그 제목등은 나중에 추가 할려고 일단 주석 처리 했습니다 상단 TOP 부분을 40px 높이로 영역을 설정하고 메뉴 아이콘을 추가 해 보았습니다 마우스 오버 하면 카테고리 메뉴가 나타나도록 해 보겠습니다 div 는 사각형 형태의 블록 같은 영역이라고 생각하.. 2017. 9. 8.