티스토리 블로그 댓글 앞에 있는 프로필 사진 넣는 방법을 알려드릴게요. 이거 은근히 모르는 분이 많으세요. 그리고 프로필 사진 적용은 스킨에 따라 다르다고 합니다. 제가 쓰고 있는 "반응형 #1"은 결론부터 말하자면 계정관리 사진입니다. ▲ 먼저 플러그인에서 지원해주는 아이콘 표시 방법들입니다. - 블로그 아이콘 표시 : 이름 앞에 표시되는 작은 아이콘입니다. - 홈페이지 아이콘 표시 : 이 또한 이름 앞에 붙은 작은 아이콘인데 100kb 이하의 확장자 ioc 파일만 올릴 수 있습니다. 이걸 이용하면 댓글 앞 프로필 사진이 올라가는 스킨도 있다고 합니다. 여하튼 저는 이렇게 작은 아이콘으로 표시됩니다. 그리고 파비콘은 북마크에 등록했을 때 표시되는 아이콘이기도 합니다. 지금 부터 시작~ 서론이 길었죠? ..

지난번에 인텔 내장 그래픽에 대해서 알아봤었습니다. 2019/08/20 - [컴퓨터 T.I.P] - 인텔 내장 그래픽 종류 오늘은 AMD 사의 내장 그래픽에 대해 알아볼게요. AMD도 인텔처럼 그래픽이 내장되어 있는 CPU도 있고 없는 CPU도 있습니다. 요즘 새롭게 출시되고 있는 CPU에는 거의 내장형이 없습니다. ▲ 먼저 최근에 나온 내장 그래픽 중 3가지를 비교한 차트를 볼게요. 역시 숫자가 높은 Vega 11이 가장 성능이 좋습니다. 당연하겠죠?^^ ▲ 그럼 인텔과 비교해 보겠습니다. 참고로 비교 모델은 데스크탑용입니다. 거의 두 배 가까이 AMD 내장 그래픽이 좋습니다. Vega 8, Vega 11 이 내장 된 CPU 목록입니다. Radeon™ RX Vega 11 그래픽이 탑재된 AMD CPU ..

프리미어 프로 비디오 전환 효과를 계속 배워보겠습니다. 오늘 배운 전환 효과는 별거 없다가 마지막에 좀 심박하네요.^^ 몰입형 비디오 - VR 그라디언트 지우기 ▲ 효과 적용은 클립과 클립 사이에 올려놓으면 됩니다. 쉽죠? ▲ 이렇게~ 효과를 선택하고 효과 컨트롤 패널을 확인해봅시다. ▲ 여러 가지 설정을 변경해 봤는데 이번 효과는 예쁘지도 않고 뭐 그러합니다. ▲ 결과 물입니다. ▲ 근데 막판에 회전 > 기울기 x축 값이 조금 재미있네요. 살짝 적용해 봤습니다. ▲ 짜잔~ 각 설정값은 키프레임을 적용할 수 있습니다. 키프레임 작용 방법은 너무 많이 설명해서 이제 까먹을 수도 없습니다. 블로그로 복습하니까 돌에 글 쓰는 거라 지워지질 않습니다. ㅎㅎ 키프레임 적용 방법은 이전 글을 참고해 주세요. 201..

17호 태풍 타파가 북상 중입니다. 이번엔 남부지방에 큰 영향을 줄 것 같네요. 저도 경남지방이라 관심이 많이 갑니다. 실시간으로 태풍 위치를 확인할 수 있는 사이트를 소개합니다. https://earth.nullschool.net earth :: a global map of wind, weather, and ocean conditions See current wind, weather, ocean, and pollution conditions, as forecast by supercomputers, on an interactive animated map. Updated every three hours. earth.nullschool.net 이 사이트 심쿵하네요. 실시간 날씨도 볼 수 있고 오른쪽 아래 메..

CPU 순위 그래픽카드 순위

인피드 광고 넣는 방법과 설정 방법을 알아보겠습니다. 인피드 광고는 글 목록 사이사이에 넣는 광고입니다. 은근 광고 수익이 좋습니다. 쓰고 있는 스킨에 목록을 보여주는 페이지가 있다면 꼭 사용하시길 바랍니다. 목록 페이지가 없다면 사용할 수 없습니다. ▲ 애드센스에서 인피드 광고를 선택하면 이렇게 주소를 적는 부분이 있습니다. 주소를 적고 테스크탑을 선택한 다음 페이지를 스캔합니다. 그럼 자신의 목록 스타일과 거의 흡사한 광고 모양을 자동으로 만들어줍니다. ▲ 자동으로 만든 걸 그대로 써도 괜찮지만 조금 더 디테일하게 만들어 줄 수도 있습니다. 그리고 이 부분은 광고 모양의 키가 됩니다. 옵션을 변경할 때마다 키가 변경됩니다. 그럼 이제 적용하는 방법을 알아봅시다. ▲ 먼저 이 태그를 사이에 넣어야 합니..

태그 이름을 클릭하면 상세 설명 페이지로 이동합니다. 상세 페이지가 있는 태그는 회색배경 + 빨간 글씨. 주로 티스토리 스킨 편집에 사용하는 태그만 정리합니다. 태그 이름 속성 설명 URL 링크 생략된 글자나 머리글자를 표시 생략된 글자나 약어를 표시 페이지의 연락처 정보를 정의 애플랫 요소를 정의 이미지 맵의 영역을 정의 문서내에 독립적인 컨텐츠를 정의 문서내에 사이드 컨텐츠를 정의 오디오 파일을 정의 글씨 두껍게 모든 URL의 기본이 되는 기본 URL을 설정 문서의 기본 폰트, 사이즈, 종류를 설정 텍스트의 출력 방향을 브라우저가 판단해 표현 텍스트의 방향을 설정 텍스트 크기를 크게 긴 문장의 인용문을 정의 텍스트를 깜박이게 문서 본문에 해당하는 콘텐츠를 포함하는 영역 텍스트를 줄바꿈 할 때 사용 버..

태그 이름을 클릭하면 상세 설명 페이지로 이동합니다. 상세 페이지가 있는 태그는 회색배경 + 빨간 글씨. 주로 티스토리 스킨 편집에 사용하는 태그만 정리합니다. 태그 이름 속성 설명 align-content 콘텐츠의 상하 관계 정렬 상태를 정의 align-items 콘텐츠 내부의 정렬 상태를 정의 align-self 콘텐츠의 정렬 상태를 정의 all 요소의 속성을 초기화 또는 상속을 설정 animation 움직임을 표현 animation-delay 요소가 로드된 후 애니메이션이 시작될 때 까지의 시간 animation-direction 애니메이션 움직임 방향을 설정 animation-duration 애니메이션 움직임 시간을 설정 animation-fill-mode 애니메이션이 끝난 후의 상태를 설정 an..

z-index 위치가 겹칠 경우 순서를 정의 z-index 값이 클수록 상위에 표시 됩니다. 음수도 사용 가능하고 99999까지 사용할 수 있습니다. 그 이상의 숫자도 작동합니다.

width 요소의 가로 값을 정의 width 값은 px, %로 정합니다. height와 방법이 동일하다고 보면 됩니다.