블로그 키보드 자판 효과 안녕하세요. 오늘은 원래 어떤 프로그램의 단축키에 대해 설명하려고 했습니다. 그런데 생각해보니 키보드 단축키를 강조하면 보기 좋을 것 같다는 생각이 들어 찾아보았습니다. (만들어볼까 하고 생각했는데 귀찮기도 하고 몇 번 검색하니 어떤 능력자분이 만든 코드가 있어서 가져왔습니다.) 키보드 자판 효과 코드(단축키 강조코드). 티스토리 블로그에 코드 적용하기. 잘 적용되었는지 확인하기. 키보드 자판효과 코드. 코드는 아래와 같습니다. /*키보드 css */ .key { background-color: #f7f7f7; border: 1px solid #ccc; border-radius: 3px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #..
자바스크립트 html시계. 안녕하세요. 오늘은 제가 평소에 쓰던 웹시계의 광고와 디자인이 마음에 들지 않아서 제가 만들어 봤습니다. html+자바스크립트+css로 만들었으며 조금 허접합니다. 전체 코드 시간 나타내기. 시간 갱신. 전체 코드(미완성입니다.) 코드는 아래와 같습니다. 코드 파일은 깃허브에서 다운받으실 수 있습니다. (귀찮아서 나중에 링크 올릴게요.) 더보기 1. index.html clock project - yunminseong 현재시간 오전오후 00:00 년,월,일,요일 List 시간저장 fullsize × 시간저장 저장된시간 Credit by Development time = 19.12.21 ~ 19.12.22 Development staff = yunminseong 2. clock...
HTML 계산기 만들기 안녕하세요. 오늘은 심심해서 HTML+자바스크립트+css조금으로 계산기를 만들어봤습니다. html 계산기 코드 HTML로 만든 계산기 심심해서 HTMl로 계산기를 한번 만들어봤습니다. 윈도우10의 기본 계산기를 참고해서 만들었습니다. 대충 이렇게 생겼습니다. 코드를 살짝 바꿔서 글에다가 심어놓았으니 아마 작동할 겁니다. +- 루트 제곱 1/X CE C
CSS [디자인을 위한 코드] 안녕하세요. 오늘은 css로 지금은 사용하지 않는 태그 디자인을 위한 코드 CSS(1) 1. 지금은 사용하지 않는 태그 태그 사용하기 내용이런식으로 사용해 볼게요. (ex) 내용 web 1. 홈 2. c언어 3. 파이썬 4. java 5. html 본문 이걸 크롬으로 실행해보면 아래 사진처럼 빨간 색깔이 적용됩니다. 이렇게 적은 수라면 일일이 적용해줘도 상관없습니다. 하지만 만약 색을 바꿔줘야 하는 항목이 매우 많다면? 이런 방식으로는 모두 색깔을 바꿔주기는 힘들겁니다. 하지만 css를 사용한다면 이것이 가능합니다. 2. 디자인을 위한 코드 CSS css는 html과 같은 언어가 아닙니다.(css는 디자인을 위한 언어) 그러므로 웹브라우저에게 css코드를 css문법에 따라 ..
form 테두리 색깔변경 저장용으로 쓰는겁니다. 처음 form은 이렇게 아무색깔도 없습니다. 이곳에 색을 추가합니다. (css사용) 유효한 입력일때가 valid이고 무효한 입력일때가 invalid입니다. 유효한 입력일때는 forestgreen색을 적용하고 무효한 입력일때는 firebrick색을 적용하는 것입니다. 유효한 입력과 무효한입력은 pattern과 required을 적용해서 구분합니다. 이렇게 해서 조금더 꾸미고 코드도 조금 더 넣어서 이렇게 만들었습니다. 먼저 처음에는 아이디와 비밀번호가 빨간색입니다. 여기서 6글자이상 입력하면 색이 바뀌게됩니다. before after 이렇게요. [잡다한것] - 웹사이트 만들기 html [잡다한것] - 블로그 html적용 [IT/윈도우] - 윈도우10 작업표시..
