* [생활코딩] CSS 목차
1. 아이디어
생활코딩 예제처럼 선으로 구역을 나눴습니다.
가로길이가 800px 이하로 바뀌면 레이아웃이 사라집니다.
- 다른 html 파일도 div로 나눠줘야 본문이 목차 오른쪽에 나옵니다.
제작 : 2023. 6. 17 (github 이전)
2. 결과물
1. 링크
https://cejinn.github.io/stardew_wiki_v2/
Stardew Valley
스타듀 밸리란? Stardew Valley는 농장 RPG 게임입니다. NPC의 호감도를 높이면 요리 레시피나 선물을 얻을 수 있고, 이벤트를 볼 수 있습니다. 기본 사항 1. [윈도우 키] + [R]키를 누릅니다. 2. %appdata%/Sta
cejinn.github.io
- github 웹호스팅까지 완료
2. 페이지별로 살펴보기
가로 큼 | 가로 작음 (800px 이하) |
|
index.html | ![]() |
![]() |
1.html | ![]() |
![]() |
2.html | ![]() |
![]() |
3.html | ![]() |
![]() |
3. 업그레이드 버전
[생활코딩] JavaScript 12. 웹사이트 만들기 (야간모드 추가)
1. 아이디어 헤드라인 밑에 버튼을 만듭니다. 누르면 night 모드랑 day 모드가 번갈아서 나옵니다. * 버튼 기능 night 모드 day 모드 하이퍼링크 색 파우더블루 블루 배경색 블랙 화이트 글씨색 화이트
cejindev.tistory.com
- 야간모드를 추가했습니다.
'프론트엔드 > 생활코딩' 카테고리의 다른 글
[생활코딩] CSS 8. Can I Use (웹 기술 통계 확인) (0) | 2023.11.05 |
---|---|
[생활코딩] CSS 5. 개발자 도구 (0) | 2023.11.05 |
[생활코딩] CSS 10. 코드 재사용 (0) | 2023.11.05 |
[생활코딩] CSS 9. 미디어 쿼리 (MediaQuery) (0) | 2023.11.05 |
[생활코딩] CSS 7. 그리드 (레이아웃 제작) (0) | 2023.11.05 |