본문 바로가기

프로그래밍/HTML, CSS, JavaScript63

[티스토리] HTML / CSS 를 활용한 상단 꾸미기 - 메뉴 티스토리 스킨 만들기로 배우는 HTML/CSS 상단 꾸미기 첫번째 티스토리 스킨 상단 꾸미기를 해 보도록 하겠습니다 티스토리 관리자화면에서 HTML/CSS편집화면으로 이동 해 주세요 먼저 추가 해 주어야 할 부분입니다 링크를 걸어 주어야 style.css 파일이 어디있는지 알고, CSS부분을 수정 해 주면 이 화면에 적용이 되겠죠 기존 코딩 했던 부분들 중 필요 없는 부분들은 주석 처리를 해 가며 만들어 가 보겠습니다 주석 방법은 이렇게 하면 됩니다 블로그 제목등은 나중에 추가 할려고 일단 주석 처리 했습니다 상단 TOP 부분을 40px 높이로 영역을 설정하고 메뉴 아이콘을 추가 해 보았습니다 마우스 오버 하면 카테고리 메뉴가 나타나도록 해 보겠습니다 div 는 사각형 형태의 블록 같은 영역이라고 생각하.. 2017. 9. 8.
[HTML/JavaScript] 로또번호 자동생성 소스 설명 HTML/JavaScript 로 로또번호 생성 프로그램 만들기 "로또번호 생성 프로그램 만들기" 포스팅에서의 프로그램 소스에 대하여 포스팅 하도록 하겠습니다 로또번호생성하기 Click 소스는 크게 두 가지 언어로 나누어 집니다. 웹 화면을 구성(디자인)하는 HTML 코드와, 웹페이지의 동작을 담당하는 JavaScript 입니다 먼저 HTML 코드 부분을 보도록 하겠습니다 ☞ 화면 가운데 정렬 시작 부분 이죠 부분까지의 모든 내용들은 화면 가운데 정렬 됩니다. ☞ 까지 영역에서 클릭하면, 자바스크립트 코드에서 randomNum() 을 호출 합니다. 즉 클릭 글자 클릭 시.. 클릭 ☞ 클릭 문구를 화면에 표시합니다. ☞ style 는 글자의 형태를 지정합니다. 커서모양 손 모양으로, 글 사이즈 20 으로 설.. 2017. 9. 6.
[HTML/JavaScript] 로또번호 생성 프로그램 만들기 HTML/JavaScript 로 로또번호 생성 프로그램 만들기 로또번호생성하기 Click 이 글은 코딩에 대하여 모르는 사람들을 위한 것이기에 코딩을 작성하는 방법부터 이야기 하도록 하겠습니다. 코딩을 편하게 작성하기 위해서 제공되는 많은 툴 들이 있습니다. 이클립스, 비주얼스튜디오, 에디트플러스 등등 그러나 지금은 누구나 바로 만들어 볼 수 있도록, 메모장에서 하는 방법을 알려 드리고자 합니다. 1. 메모장을 열어 주세요 메모장에서 코딩을 하여, TXT파일이 아닌 HTML파일로 저장을 하여 실행하게 됩니다 2. 아래와 같이 코딩 해 주세요 (되도록 보고 직접 작성하여 주시고 힘드시면.. 드래그 하여 복사해서 사용 하세요) ★ 행운의 번호는 3. 저장 해 주세요 코딩을 완료 하였다면 파일명을 적고 저장해.. 2017. 9. 6.
[티스토리 스킨만들기] 두번째 치환자 적용하기 티스토리 스킨 만들기 두번째 시간 치환자 적용하기에 대하여 알아보고자 합니다 첫번째 시간에는 티스토리 스킨등록을 해 보았습니다 등록을 위해서 3가지 파일이 필요했습니다 → index.xml, skin.html, style.css 올려드린 파일 안에는 간단한 내용이 적혀 있었지만 무엇인지 모르고 일단 등록 해 보았습니다 이제 티스토리 관리자 → HTML/CSS편집 기능을 통해 올린 파일들을 수정해 가며 스킨을 만들어 가보고자 합니다 HTML/CSS편집 화면으로 이동하게 되면 아래와 가은 화면이 나타납니다 이곳에서는 등록 한 3개의 파일 중 2개의 파일을 수정 할 수 있습니다 바로 skin.html 파일이 HTML 부분이고, style.css 파일이 CSS 부분입니다 이곳들을 수정하고 저자하게 되면 올린 파.. 2017. 9. 1.

티스토리툴바