본문 바로가기

전체 글166

티스토리 친구하기(링크) 추가 하는 법 티스토리 친구하기 추가하는 법 티스토리에서 방문자에게 자신의 블로그를 쉽게 링크 추가 할 수 있도록 버튼을 추가하는 방법에 대하여 알아보도록 하겠습니다. 1단계 가장 먼저 관리화면에서 꾸미기에서 스킨편집으로 들어가야 합니다. 2단계 스킨편집화면에서 다시 html편집 으로 이동합니다. 3단계 HTML과 CSS 소스를 추가 해야 합니다. HTML 티스토리 친구하기 CSS .button_base { margin: 0; border: 0; font-size: 14px; text-align: center; vertical-align:middle; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-u.. 2018. 3. 9.
[스크래치코딩] 숫자 암기 테스트 구현하기 머리가 똑똑해지는 코딩 이야기 암기력 테스트 스크래치 코딩하기 설명 숫자를 보여주고 그 숫자들을 순서대로 맞추는 암기력 테스트 입니다. 기능설명 1. Start 버튼을 클릭하면 몇자리에 도전 할지 물어 보게되고, 숫자로 입력을 받게 됩니다. 2. 입력받은 숫자만큼 랜덤하게 숫자가 보여지고, 숫자를 클릭하여 그 숫자들을 순서대로 맞추면 됩니다. 스프라이트 구성 1. 맞추기위해 클릭하는 숫자 스프라이트가 0에서 부터 9까지 있습니다. 2. 문제를 보여주는 스프라이트가 하나 있습니다.(결과를 보여주는 코딩 포함) 3. 시작 버튼 스프라이트가 있습니다. 코딩 1. 시작버튼 스프라이트 코딩 ● 이 스프라이트가 클릭될 때(시작 버튼이 클릭 될 때) - 초기화 함수 호출 - 입력받은 수 만큼 반복하며 램덤으로 숫자를.. 2018. 3. 7.
jQuery를 이용한 스크롤 이동하기 구현 방법 블로그 스크롤 Top으로 이동하기 jQuery가 나오기 전 JavaScript 로 이것 저것 열심히 구현하던 때가 생각 납니다. 자바스크립트로 구현을 하려다가 시대에 맞춰 편한 JQuery를 이용하여 스크롤 이동하기 기능에 대하여 포스팅 해 봅니다. jQuery를 이용하면 아주 아주 쉽게 기능을 구현 할 수 있습니다. 조금의 준비과정이 필요하지만요. 준비과정 jQuery 를 이용하기 위해서는 파일을 다운받아 업로드하고 경로를 선언해 주어야 합니다. 파일은 jQuery 사이트에서 다운 받을 수 있습니다. JQury 사이트 바로가기 다운을 받았다면 블로그에 파일을 업로드 해 줍니다. 그리고 HTML head부분에 다음과 같이 포함시켜주어야 합니다. 이제 모든 준비가 완료 되었습니다. 이제 스크롤 이동하기 기.. 2018. 2. 24.
CSS를 이용한 레이어 그림자 효과 주기 카테고리 레이어에 그림자 효과 주는 방법 그림자를 주기 위한 CSS 속성은 box-shadow 입니다. ■ 참고소스#category { position : fixed; font-family : '굴림', sans-serif; margin:50px 0px 0px; box-shadow : 0 2px 2px 0 rgba(0, 0, 0, 0.14) , 0 3px 1px -2px rgba(0, 0, 0, 0.12) , 0 1px 5px 0 rgba(0, 0, 0, 0.2); padding:10px ; z-index:99;background-color:#fff;} box-shadow 설정 값으로는 4가지 설정 부분들이 있습니다. ■ 설정방법첫번째 값은 그림자의 가로 길이 설정 입니다 설정 값은 0을 기준으로 0보다.. 2018. 2. 22.

티스토리툴바