728x90
반응형

CSS 2

[Tailwind CSS] 모바일 상단 Navbar, 햄버거 메뉴 버튼 만들기

[Tailwind CSS] 모바일 상단 Navbar, 햄버거 메뉴 버튼 만들기기본적인 블로그 글을 작성하는 것이 블로그에는 도움이 되지는 않는 것 같지만,현재 내 상황에서는 작은 것, 기본적인 것도 기록하는 것이 도움이 되기에 작성한다. 모바일 화면에서 next.js + react + tailwind css를 사용해서 Navbar를 만들어 보려고 한다.   결과부터 보면 다음과 같은 Navbar이다. 상단 Navbar는 우선 모바일에 맞추어서 보여지는 화면을 구성할 것인데,코드를 한 줄 씩 작성해 보면 다음과 같을 것이다. (이하 return 구문 미포함)return( );요즘 HTML, CSS에서 UI를 작성할 때 박스 모델 flex를 대부분 사용한다. Tailwind CSS는 className의 이..

JS/react 2024.06.09

티스토리(Tistory) 블로그 다크 테마로 만들기(Dark Theme), CSS 수정해서 다크 테마 만들기

티스토리(Tistory) 블로그 다크 테마로 만들기(Dark Theme), CSS 수정해서 다크 테마 만들기 티스토리(Tistory) 블로그의 기본 배경색은 다른 기본 웹 사이트와 같이 흰 배경에 검정색 글씨를 기본으로 사용하게 되어 있습니다. 처음 html을 이용하여 페이지를 만들었을 때와 비슷하죠. 흰 배경에 검정색 글로 보여지는 기본 테마도 좋지만, 눈의 피로를 줄여주는 다크 테마로 수정하기로 했습니다. 티스토리 블로그 다크 테마로 수정하기 순서 1. 티스토리의 관리자 페이지로 들어갑니다. 2. 사이드 바 > 꾸미기 > '스킨 편집' 클릭 3. html 편집 클릭 4. CSS 클릭, CSS 선택 5. CSS 수정 : body, b, string 태그 등의 color 수정 티스토리 블로그 다크 테마로..

끄적끄적 2022.02.20
728x90
반응형