본문 바로가기

반응형

톡톡! 정보통!/유틸

세로 스크롤바 컬러 조정(티스토리 등) html 코딩(코드)~ 안녕하세요! 티스토리 등 설치형 블로그의 세로 스크롤바 크기나 색상 변경을 위한 HTML 코딩입니다. 코드는 다음과 같습니다. 영역 사이에 넣으면 즉시 변경되는 것을 알 수 있습니다. 우측 스크롤바(세로형) 변경 코드 body::-webkit-scrollbar { width: 8px; /* 스크롤바의 너비 */ } body::-webkit-scrollbar-thumb { height: 30%; /* 스크롤바의 길이 */ background: #217af4; /* 스크롤바의 색상 */ border-radius: 10px; } body::-webkit-scrollbar-track { background: rgba(33, 122, 244, .1); /*스크롤바 뒷 배경 색상*/ } 위 코드를 헤드와 헤드 영역.. 더보기
티스토리에서 커버 부분 변경 직사각형 썸네일을 정사각형 썸네일로 변경하는 html/css 코딩~ 안녕하세요! 티스토리 커버 기능을 많이 사용하고 계실텐데요. 티스토리 커버 기능의 썸네일이 직사각형을 정사각형(1:1)으로 바꾸고 싶을 때 사용할 수 있는 HTML/CSS 코딩은 다음과 같습니다. 티스토리 커버 썸네일 부분변경 코드는 다음과 같습니다. HTML: CSS: .thumbnail-container { width: 100%; /* 썸네일 컨테이너의 너비를 100%로 설정 */ max-width: 300px; /* 썸네일 컨테이너의 최대 너비를 300px로 설정 */ padding-top: 100%; /* 썸네일 컨테이너의 높이를 100%로 설정 */ position: relative; /* 상대 위치 속성 설정 */ overflow: hidden; /* 내용이 넘치는 경우 가려진 부분을 숨김 *.. 더보기
프리픽 저작권(freepik) 표시와 사용방법~ 안녕하세요! 오랜만에 글을 써봅니다. 많은 분들이 프리픽 저작권에 대하여 궁금해 하시는 것 같아서 오늘 가볍게 알려드릴께요. 프리픽(Freepik)의 뜻은 '공짜'라는 의미를 가지고 있어요. 하지만, 실제로는 공짜나 다름없는 출처표기 저작권을 가지고 있습니다. 이것을 좀더 전문적으로 표현한다면, 'CC-A' 입니다. 정말 '무료' 또는 '공짜'라면 'CC-0' 가 되어야 하지만, 프리픽은 CC-A라는 것이죠. Attribution 이라는 단어인데요. 이것은 귀속하다, 라는 표현입니다. 출처를 표기해야한다는 뜻으로 말씀드릴 수 있습니다. 따라서, 이미지를 사용하되 반드시(MUST) 귀속시켜야 한다는 것을 규정하고 있는 것이죠. 따라서, 프리픽은 CC-A 저작권이라고 할 수 있습니다. 물론, 프리픽 자체에서.. 더보기
윈도우7 서비스 종료 한다는데 어떻게 해야할까요? 윈도우7 서비스종료 보안업데이트가 안된다며? 안녕하세요! 이미 다양한 채널을 통해서 윈도우7 서비스 종료 예정이라는 소식을 접해보았을 것입니다. 실제로 일반인들에게는 크게 와닿지 않았던 윈도우XP에 대한 보안업데이트 서비스 종료를 마이크로 소프트사가 발표했을 당시에 대부분의 유저들은 윈도우7을 메인 OS로 사용하고 있었습니다. 한 언론보도에 따르면 우리나라 국민 중 5/10명 꼴로 윈도우7을 사용하고 있다고 합니다. 정확한 데이터는 아니지만, 그만큼 많은 사람들이 이것을 사용하고 있습니다. 그렇다면, 무엇이 문제인가? 대부분의 사람들은 아직 뭐가 문제가 될 것인지 모르고 있습니다. 보안 업데이트 서비스라는 것은 전세계적으로 발생하고 있는 다양한 '탈취행위'로 이어지는 멀웨어, 바이러스, 스팸 등에 대하여.. 더보기
윈도우7 ISO 만들기 아주 간단해요~ ▲윈도우7 ISO 파일 만들기 후. 안녕하세요! 윈도우 7 이상의 하이얼 버전(Higher Vesion)을 쓰시는 분들도 많도. 가장 짜증나는 윈도우 8.x 버전 에서 부터 시작해서, 윈도우 10 버전급까지 하지만, 내심으로는 차라리 윈도우 7으로 다운 그레이드를 시켜서 쓸까말까 매번 고민스럽기는 매한가지일 것입니다. 왜냐하면, 너무 불편하거든요. 저 역시도 노트북을 정말 불편하게 사용하고 있는 실정이에요. 오늘은, 윈도우7 USB 부팅 디스크 만들기를 위한 가장 중요한 파일은 윈도우7 ISO 만들기를 가볍게 살펴볼께요. 정확히 표현하지만 ISO 파일 굽기라고 할 수 있을 것입니다. 이것은 특정 프로그램보다는 MS사 홈페이지 를 통해서 아주 가볍게 만들기가 가능하지만, 정품 키젠이 없다면 불가능한 일입니.. 더보기
구글 크롬 연결이 비공개로 설정되어 있지 않습니다 도대체 뭐야~ #연결이 비공개로 설정 화면. #연결이비공개로설정되어있지않습니다. 안녕하세요! 블로그애드입니다. 요즘들어서 심심치 않게 등장하고 있는 구글 크롬에서의 메시지 화면은 "연결이 비공개로 설정되어 있지 않습니다." 라는 문구를 보거나 직접 체험하거나 하는 현상들입니다. 도대체, 왜? 이런 일들이 일어나는 걸까요? 답답해서 알아봅니다. 구글의 경우는 보안시스템이 강화되어 사용자를 보호해줍니다. 물론, 그렇지 않을 경우도 있지만, 하지만 위의 화면에서 보시면 blog.daum.net 이라고 명백한 상황임에도 연결이 비공개로 설정되어 있지 않습니다. 라는 문구가 뜨면서 해당 블로그에 접속이 안되는 현상이 발견되었습니다. 계속해서 이용하고 있었던 블로그가 왜 접속이 안되는 것일까요? 나중에 카카오 티스토리에서 오류가.. 더보기
와이파이 인터넷 연결 확실치않음 일때 해결방법은? 와이파이 인터넷 연결 확실치않음 해결방법? #와이파이 인터넷 연결이 끊어진 상태. 와이파이 인터넷 연결 안녕하세요! 직장 상사로부터 갑자기 어떤 자료를 보내라고 하는데, 와이파이가 잡히지 않거나 인터넷 연결이 안될 때 정말 난감할 수 있겠죠. 갑작스럽게 중요한 이메일을 써서 보내야하는데 역시나 와이파이 인터넷 연결 확실치않음 이라고 나오면 더욱 짜증이 날 수도 있습니다. 이럴때 어떻게해야할까요? 당황스런 상황이죠. 와이파이가 연결된 것으로 알고 인터넷을 시도하려고 해도 나오는 짜증나는 화면이 나올 수도 있습니다. 기본적으로 사용하는 와이파이의 인증이나 암호는 알수 있는 것인데요. 그럼에도 위와 같은 화면이 나온다면 몇가지 체크를 통해서 인터넷 연결 문제를 확인해볼 수 있습니다. 우선, 노트북이나 다른 기.. 더보기
구글크롬,익스플로러 연결이 비공개로 설정되어 있지 않습니다 해결방법은? 구글크롬,익스플로러 연결이 비공개로 설정되어 있지 않습니다 해결방법은? 연결이 비공개로 설정되어 있지 않습니다. 약 1개월 전에 갑작스럽게 이런 메세지가 뜨면서 새롭게 제작한 블로그의 접속이 아예안되어서 상당히 급당황한 일이 있었습니다. 몇번을 시도해도 안되고, 우리가 잘 알고 있었던 '도구-인터넷옵션-삭제' 통해서 임시파일이나 쿠키 등을 삭제해도 오류현상을 계속되었습니다. 실제로 모니터에 떴던 '연결이 비공개로 설정되어 있지 않습니다' 라는 화면의 모습입니다. 티스토리 블로그를 제작하고 고객사의 화면에 이렇게 뜨니, 우리로서는 상당히 당황스럽지 않을 수 없는 상화이었습니다. 우선, 아래의 고급을 프레스해서 들어가봐도 해결되지 않았습니다. 들어가서 보니 위의 화면이 나왔습니다. ""임을 입증할 수 없으며.. 더보기

반응형