홈페이지꾸미기 썸네일형 리스트형 [HTML/CSS] 간단하게 스크롤바 색상 바꾸기 Scrollbar 스크롤바 색상을 바꾸는 것만으로 홈페이지 느낌이 달라지지요. 개인적으로 톤이 강한 색을 많이 쓰는 웹페이지에 더 잘 어울리는 것 같아요. 예를 들어 블랙/화이트 배경을 가진 홈페이지에 포인트로 줘도 좋겠고, 테마 색상에 맞춰 보색 효과를 주기에도 유용하고요. 간단하게 CSS로 스크롤바 색상 변경하는 법을 함께 알아 볼게요. 단, 이 방법은 파이어폭스랑 익스플로러 IE/Edge와는 호환되지 않고 Webkit 브라우저인 크롬, 사파리, 오페라에서만 활용 가능합니다. Style/CSS 아래 소스를 html 파일 사이에 추가하거나 CSS 파일 body 뒤에 바로 붙여 넣기 하면 됩니다. (예: body::-webkit-scrollbar....) ::-webkit-scrollbar{width: .. 더보기 [홈페이지/블로그 꾸미기] 파비콘 생성 및 적용하기 Favicon=Favorites+Icon 구글, 네이버 등 웹서핑을 하다 보면 탭 타이틀, 웹 브라우저 창에 조그만 아이콘이 보이죠? 홈페이지를 꾸미는데 필수로 하다시피 한 파비콘(favicon)은 favorites과 icon의 합성어로 즐겨찾기에 추가하거나, 웹서핑 시 표시되는 아이콘을 의미합니다. 작은 시도지만 아이콘 추가만으로 홈페이지 개성을 드러낼 수 있을뿐더러, 특히 브랜드 로고와도 같이 웹 identity를 표현하는 대표적인 방법이지요. 전 데스크탑, 모바일 브라우저를 지원하는 방법도 있지만 제일 간단하게 파비콘을 생성 및 적용하는 방법을 알아볼게요. 파비콘 만들기 우선, 원하는 이미지(png, jpg, gif)를 파비콘의 파일 확장자인 .ico로 변환 혹은 생성해 주어야 합니다. 웹 브라우저.. 더보기 이전 1 다음
