IT163
티스토리 북클럽 스킨의 홈프로모션 슬라이더 컬러와 버튼 오류 수정
티스토리 블로그에서 제공하는 북클럽 스킨의 홈 화면 슬라이더 북클럽 스킨을 티스토리 블로그에 적용하면 초기 홈 화면의 상단에 "main-slider"라고 하는 최대 3개 이미지의 슬라이더 기능을 구현합니다. ※ 2022년 4월 11일 내용 변경 메인 슬라이더는 블로그 관리자에게 3개의 이미지와 연결되는 타이틀과 버튼의 색을 각각 변경할 수 있는 옵션을 제공합니다. - 프로모션 문구와 색상, - 프로모션 자세히 보기 색상과 Hover 색상 ※ "자세히 보기"는 "바로 가기" 버튼을 뜻합니다. 1개의 이미지에만 옵션이 적용되는 문제 발생 최대 3개의 이미지를 슬라이더에 사용할 수 있으니까 각각의 개별적인 옵션이 적용되어야 하는 데, 첫 번째 이미지에서만 정상적으로 나타나고 나머지 2개의 이미지에 관련된 색은..
마이크로소프트 Edge와 구글 Chrome의 "캐시된 이미지 및 파일 삭제"
웹브라우저의 캐시 파일 삭제 "캐시 된 이미지 및 파일"만 삭제하는 것입니다. ※ PC와 모바일 기기의 앱이나 웹브라우저의 캐시 저장소에 보관된 임시 파일만 삭제하는 작업입니다. 캐시 저장소는 앱과 웹브라우저의 실행 속도를 높이기 위하여 기기의 저장 공간을 할당하고 다운로드한 파일을 임시로 보관하는 기능을 수행합니다. - 여러 가지 시스템 및 개인 정보를 담고 있는 "쿠키 및 사이트 데이터"는 절대 삭제하지 않습니다. - 티스토리 블로그 관리 파일을 업로드한 후 키보드 F5를 눌러서 새로 고침을 해도 블로그 수정 작업이 반영되지 않고 오류가 발생하는 경우가 있습니다. 캐시 파일을 삭제하고 브라우저를 새로 고침 하여 수정된 파일을 다시 다운로드하고 작업 결과를 정확하게 확인합니다. - 개인 금융 업무를 ..
티스토리 블로그 글의 HTML 태그 입력 방법
이 블로그에 200개 가까이 글을 등록하면서 모든 글의 "태그"를 잘못 입력하여 그것 수정하느라 3일 동안 단순 노동에 시달렸습니다. 혼자만 알고 있기에는 아까워서, 흔적도 남기고 다른 블로거들은 그처럼 어처구니없는 실수를 저지르지 말라고 태그 입력하는 정확한 방법을 설명합니다. 티스토리 블로그에서 태그를 접하는 위치는 3군데입니다. 태그 접근 위치 1. 블로그 글의 "카테고리의 다른 글"과 "댓글" 사이 2. 사이드바의 "태그" 정보 블로그 관리자의 설정에 따라 감출 수도 있고 위치 변경이 가능합니다. "관리", "블로그 관리 홈", "사이드바" 순서로 접근하여 설정할 수 있습니다. 3. 블로그의 원하는 위치에 "태그" 정보를 담은 페이지로 안내하는 링크를 붙일 수 있습니다. 아래 "태그" 버튼은 블로..
Flex 컨테이너의 수평 위치 중앙에 배치
flex 컨테이너 스크롤-바를 수평 위치 중앙에 배치하기 위하여 justify-content와 overflow를 동시에 설정할 때 발생하는 호환성 문제를 해결하는 방법입니다.현재 사용 코드 #header { position: relative; max-width: 1366px; margin: 0 auto; }#gnb { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }......#gnb ul { display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: nowrap; alig..
padding과 margin의 음수 값
margin은 (border 외곽의) element 주위의 여백이나 element 사이의 간격을 지정하기 위하여 사용하며, 양수와 음수 값을 모두 허용합니다. padding은 길이 단위나 비율(%)을 설정하여 element의 border와 content 사이의 거리를 지정합니다. padding의 음수 값(minus 혹은 negative)은 허용하지 않기 때문에 설정을 무시하거나 초기 값 혹은 디폴트 값인 "0"으로 해석하기도 합니다. /* 예제 */padding-left: calc(100% - 560px); padding-left의 값을 가변적으로 사용한 예문입니다. 100%의 width가 560픽셀 이상일 경우에는 문제가 되지 않지만, 만약 100%의 width가 560픽셀 미만이라면 padding-..
구글 애드센스 계정 정지 광고 게재 중단
계정이 일시적으로 정지되었으며, 이로 인해 광고 게재가 중단되었습니다. 정책 센터에서 계정 정지의 원인을 찾아보시기 바랍니다. 정책 센터 페이지 정책 센터 페이지에서는 해당 계정의 광고 게재를 중단한 이유를 알려 줍니다. 계정이 일시중지됨 정책 위반으로 인해 계정이 2021년 12월 4일까지 일시중지됩니다. 정지 기간에는 광고가 게재되지 않고, 수익 지급이 보류되며, 최근에 발생한 수익이 계정에서 차감되어 광고주에게 환급될 수 있습니다. 자세히 알아보기 정지 기간 중이나 정지 기간 이후에 추가 정책 위반이 발견되면 계정이 영구적으로 사용중지될 수 있습니다. 무효 트래픽으로 인해 게시자의 계정이 정지되는 가장 일반적인 이유를 고객센터에서 알아보세요. 게시자가 취할 수 있는 조치 무효 트래픽 소스를 확인하고..
'Google Better Ads Standards'와 티스토리
https://developers.google.com/web/updates/2017/12/better-ad An update on Better Ads Yesterday, the Coalition for Better Ads announced the "Better Ads Experience Program." This Program provides guidelines for companies like Google on how they can use the Better Ads Standards to help improve users' experience with ads on the web. In June, we announced Chrome's plans to support the Better Ads Stand..
Google Adsense, Kakao Adfit 사이드바의 위아래 margin 삭제
1. 본문과 사이드바에 모두 적용.google-auto-placed,.revenue_unit_wrap { width: 100%; max-width: 1080px; margin: 40px auto !important; }2. PC 접속 페이지의 사이드바에 적용:not(.mobile-menu) #aside .google-auto-placed,:not(.mobile-menu) #aside .google-auto-placed ins,:not(.mobile-menu) #aside .revenue_unit_wrap { margin: 20px auto !important; } 2021.10.30"2. PC 접속 페이지의 사이드바에 적용" 수정구글의 배너 설정이 약간 변경되었습니다.위의 코드는 상하 스크롤바가 생기는 ..
CSS로 '위 첨자'와 '아래 첨자' 입력
위 첨자: superscript아래 첨자: subscriptHTML 코드 한글위 첨자한글위 첨자 한글아래 첨자한글아래 첨자 CSS 코드 기본(디폴트)vertical-align: baseline;위 첨자(superscript)vertical-align: super;아래 첨자(subscript)vertical-align: sub; font-size를 'small'이나 'smaller' 값으로 지정하여 글자의 크기를 더 작게 만듭니다. px나 em 단위로 지정해도 되겠죠. Class 지정 방법 선택 .superscript { vertical-align: super; font-size: small;}.subscript { vertical-align: sub; font-size: small;}.sup { vert..
북클럽 스킨 커버 아이템 추가 및 오류 수정 / 커버 갤러리2
북클럽 스킨 "커버 갤러리2" 아이템의 오류 수정 방법 - 'skin.html' 코드 수정 - 'cover-thumbnail-4' - class="title" "커버 갤러리2" 아이템의 HMTL 코드 소스는 'skin.html' 파일의 "cover-thumbnail-4"에서 관리합니다. "커버 갤러리2" 아이템을 활성화시키면 글의 제목이 중복 표시되는 오류가 발생합니다. 위 캡처 이미지의 "" 코드가 1, 2 겹쳐서 반복되고 있습니다. 한 개의 코드 라인을 삭제하면 간단하게 문제는 해결됩니다. 1번을 삭제하면 이 글 상단에 등록한 캡처 이미지처럼 그림과 글에 약간의 여백이 설정되어 안정감 있는 모습을 보입니다. 그리고 티스토리 치환자 태그 사이에 위치하는 것이 정상적인 코드입니다. 2번을 삭제하면 그림과..