본문 바로가기
반응형

분류 전체보기6953

CSS 배경색·글자색 색상코드 정리 HEX/RGB/RGBA와 테마 컬러 관리 팁 웹사이트 CSS 배경색·텍스트 색상코드 정리 (티스토리·워드프레스 HTML)티스토리, 워드프레스, 네이버블로그처럼 플랫폼이 달라도 화면에서 가장 먼저 체감되는 건 색입니다. 배경이 조금만 탁해도 글이 답답해 보이고, 링크 색이 튀면 신뢰도가 떨어져 보이기도 하죠. HTML/CSS에서 색을 지정하는 방식은 단순하지만, “어떤 포맷을 언제 쓰면 편한지”를 알아두면 작업 속도가 확 올라갑니다.가장 흔한 방식은 HEX(16진수) 입니다. RGB(빨강/초록/파랑) 채널을 0~255 범위로 두고, 이를 16진수 두 자리씩 묶어서 #RRGGBB 형태로 표현합니다. 예를 들어 #FF0000은 빨강, #00FF00은 초록, #0000FF는 파랑(블루)입니다. 2026년 기준으로 실무에서 자주 쓰는 건 HEX와 rgb/r.. 블로그 수익화/블로그 SEO 2026. 1. 7.
마우스 휠 스크롤을 가로 이동 변경 섹션형 웹사이트 HTML/CSS/스크립트 웹사이트 마우스 스크롤로 세로에서 가로 이동 구현하기 (HTML/CSS/스크립트)웹사이트를 만들다 보면 “요즘 사이트들은 왜 이렇게 부드럽게 넘어가지?” 싶은 순간이 있습니다. 제품 소개, 포트폴리오, 이벤트 페이지처럼 섹션을 크게 보여주는 화면에서는 휠 스크롤을 가로 이동으로 바꿔 콘텐츠를 넘기는 방식이 꽤 자주 쓰입니다. 다만 아무렇게나 적용하면 트랙패드에서 튀거나, 모바일에서 어색해지거나, 스크롤 막힘 때문에 답답하게 느껴질 수 있습니다. 그래서 “가로 이동이 자연스럽게 느껴지는 최소 구성”부터 잡아두고, 필요하면 섬세하게 조정하는 쪽이 결과가 좋습니다.요즘 가장 핫한 웹사이트 트렌드 중 하나는 마우스 스크롤 시 가로 스크롤링 기능을 활용한 구성입니다. 티스토리 스킨, 워드프레스 테마, 랜딩 페이지.. 블로그 수익화/블로그 SEO 2026. 1. 7.
워드프레스 사이드바 모바일 숨김 + PC 전용 위젯 노출, 좌/우 추가 sticky 설정 워드프레스 사이드바 숨기기 & 좌/우 추가, 위젯 모바일 숨김 + 스크롤 따라오기 설정워드프레스는 PC에서 화면 폭이 넉넉할 때 사이드바(위젯)를 잘만 쓰면 카테고리, 인기글, 검색, 공지 같은 요소를 자연스럽게 노출할 수 있습니다. 문제는 모바일입니다. 모바일에서 사이드바가 본문보다 먼저 길게 나오거나, 위/아래로 과하게 늘어지면 본문까지 스크롤을 내려야 하는 구간이 생기고, 이게 체감 이탈로 바로 이어집니다. 특히 앱/웹뷰 환경에서는 “상단에 길게 붙는 위젯”이 더 자주 보입니다.그래서 오늘은 모바일에서는 사이드바를 숨기고, PC에서는 필요할 때만 보이게 하거나(또는 특정 위젯만 노출), 추가로 좌/우 사이드바를 구성하는 방식까지 한 번에 정리합니다. 참고로 “사이드바에 애드센스 광고를 고정” 같은 .. 블로그 수익화/블로그 SEO 2026. 1. 7.
반응형

티스토리툴바