네오레이지x5.2 (NeoRAGEx5.2) 네오레이지x5.2는 네오지오 게임을 실행하기 위해 필요한 프로그램입니다. 사용방법 프로그램 설치 후 import를 누르면 저장된 게임을 불러올 수 있습니다. 불러온 게임은 더블클릭하면 게임이 실행되어 플레이하실 수 있습니다. 다운로드 파일: NeoRAGEx5.2.zip 용량: 5.92MB 더보기

페이드인 효과지금 저의 티스토리 블로그에는 Fade-in 효과가 적용되어 있습니다. 게시글을 표현할 때 가장 예쁘게 표현할 수 있는 방법이 아닐까 생각합니다. 저와 같은 생각을 가지고 계신 분들에게 이글이 도움이 되었으면 합니다./*이미지 스크롤 효과*/figure.imageblock,#tt-body-page figure.imageblock,.image-container { opacity:0;}위에 있는 CSS 코드를 복사하여 스킨편집 CSS 영역에 붙여 넣어줍니다. Fade-in 기능이 적용되는 범위는 이미지와 이미지를 2~3장 붙여 나열하는 imageblock과 container 두 가지입니다.페이드인 적용 방법 위코드는 HTML 편집영역에서 코드 바로 위에 붙여 넣어주시면 완료입니다.페이드인 ..

자동화의 필요성같은 작업을 반복하다 보면 점점 익숙해져 실수가 줄어들게 됩니다. 하지만 가끔 순간적으로 작업을 빠뜨리는 경우가 생기곤 합니다. 예를 들어, SEO 최적화를 위해 "alt" 태그를 입력해야 하는데, 이를 잊어버리는 일이 발생할 수 있습니다. 이런 실수를 방지하기 위해서는 자동화 방법을 찾아보는 것이 효과적일 수 있습니다. 자동화 도구나 스크립트를 활용하면 반복적인 작업을 더 효율적으로 관리할 수 있고, 실수를 최소화할 수 있습니다. 이렇게 하면 작업의 일관성을 높이고, 더 나은 결과를 얻는 데 도움이 될 것입니다.Alt 지동 입력 스크립트위 코드는 티스토리에 첨부된 이미지에 alt 태그를 자동을 입력해 주는 기능을 가지고 있습니다.적용방법자신의 티스토리 스킨폅집에 접속합니다.HTML편집 >..

unicode-range 활용웹 디자인에서 다양한 언어와 문자에 적합한 폰트를 적용하는 것은 사용자 경험을 향상하는 중요한 요소입니다. 이 글에서는 CSS의 unicode-range 속성을 사용하여 한글, 영어, 숫자에 각각 다른 폰트를 적용하는 방법을 설명하겠습니다.unicode-range란unicode-range는 CSS 디스크립터로, @font-face로 정의된 폰트를 특정 문자 범위에 적용할 수 있도록 설정합니다. 이를 통해 언어별로 적합한 폰트를 선택적으로 사용할 수 있습니다.유니코드 범위 예시다음은 다양한 문자 범위를 나타내는 유니코드 예시입니다.기본값: U+0-10FFFF (모든 글자에 적용)영문, 숫자, 특수문자: U+0020-007E영문 대문자: U+0041-005A영문 소문자: U+00..

2차 도메인 리디렉션 스크립트 설명한 번 색인이 생성된 URL은 수정하기 어렵지만, 리디렉션(redirect)을 통해 이 문제를 해결할 수 있습니다. 리디렉션을 올바르게 설정하는 것은 SEO에 중요한 요소로 작용할 수 있습니다.리디렉션의 중요성애드센스 광고를 운영하는 경우, 잘못된 리디렉션은 SEO 저평가의 원인이 될 수 있습니다. 검색봇이 자바스크립트로 설정된 리디렉션을 이해하기 어려워하기 때문에, HTML을 통해 리디렉션을 설정하는 것이 더 효과적입니다.HTML 리디렉션 스크립트아래는 제가 사용하고 있는 HTML 리디렉션 스크립트입니다. 주석을 참고하여 주소 형식에 맞게 수정하여 사용하시면 됩니다.스크립트 설명메인 도메인 및 서브 도메인 설정메인 도메인과 서브 도메인을 변수로 설정합니다. 이를 통해 ..

헬베티카 영문 폰트헬베티카 폰트는 정말 영문 폰트 중 가장 가독성이 좋습니다. 많은 사람들에게 익숙하게 보일 수 있는 폰트인 만큼 깔끔하기도 합니다. 디자인업계에서도 가장 많이 사용하기도 합니다.폰트 다운로드파일: Helvetica Neue.zip용량: 1.49MB더보기깔끔한 영문 폰트를 찾고 계신다면, 고민 없이 사용해 보시기 바랍니다.헬베티카 폰트 저작권저작권은 아쉽게도 비영리 목적으로 사용할 때만 무료사용이 가능합니다. 그럼 오늘도 만족하는 결과를 얻으시기 바랍니다.

미디어 쿼리 CSS 활용반응형 블로그 또는 웹사이트를 구축할 때, 특정 요소를 화면 크기에 따라 숨기거나 노출시키는 방법은 매우 유용합니다. 그중 가장 간단하고 효과적인 방법은 미디어 쿼리를 사용하는 것입니다.기본 CSS 코드우선, 숨기고자 하는 특정 요소에 대한 기본 CSS 코드를 설정합니다. 예를 들어, 다음과 같은 클래스를 사용할 수 있습니다..notice-go-to-index { display: none;}미디어 쿼리 사용이제 미디어 쿼리를 사용하여 특정 화면 크기에서 요소의 표시 여부를 제어할 수 있습니다.1. 최대 화면 크기 기준아래 코드는 최대 화면 너비가 1000px 이하일 때 요소를 숨기는 방법입니다.@media screen and (max-width: 1000px) { .notice..

본문 폰트 크기 조절티스토리 본문 폰트를 원하는 크기로 자동 조절 할 수 없어 불편 하지만 그래도 많은 부분이 개선되어 좋은 점이 더 많습니다. 본문 폰트크기가 마음에 들지 않은 부분 조절은 원하시는 분들에게 도움이 되었으면 좋겠습니다.폰트 크기 조절 방법Html본문 폰트 조절이렇게하시면돼요!적용 폰트 확인본문 폰트 조절 이렇게 하시면 돼요!티스토리 기본 스킨 수정만약 티스토리에서 제공하는 스킨을 사용하시는 분들은 좀 더 간단하게 수정하여 사용하실 수 있습니다.스킨 HTML편집 CSS를 수정합니다.Ctrl + F를 눌러 article 검색하여 찾습니다.아래와 같이 CSS코드를 수정합니다..article'font-size:/*@post-body-font-size=*/16px/*@*/;' CSS 코드에서 수..

네오레이지x5.0 (NeoRAGEx5.0) 네오레이지x5.0은 네오지오 게임을 실행하기 위해 필요한 프로그램입니다. 사용방법 프로그램 시작 후 import를 누르면 저장된 게임을 불러올 수 있습니다. 불러온 게임은 더블클릭 하면 실행되어 게임을 플레이하실 수 있습니다. 메뉴에 Controls를 눌러 키설정을 하실 수 있습니다. keyboard setup을 통해 원하시는 키보드 키로 변경이 가능합니다. 기본으로 설정되어 있는 키보드 설정입니다. 다운로드 파일: NEORAGEX5.0.zip 용량: 3.65MB 더보기

Position CSS 속성position 속성은 위치를 조절하는 데 사용됩니다. 이 속성은 요소를 문서 내에서 어떻게 배치할지 결정하며, 다양한 값으로 설정할 수 있습니다.속성설명static기본값.relative지정한 값만큼 떨어진곳에 배치.absolute가장 가까운 상위 요소 위치를 기준으로 지정한 값만큼 떨어진 곳에 배치.fixed웹 브라우저 화면 전체를 기준으로 배치한다. 스크롤 해도 위치는 고정.sticky최초 relative속성과 같이 동작하다가 , 스크롤시 지정 지점에서 요소를 고정.Staticstatic: 이 값은 기본값입니다.position: static을 가진 요소는 문서의 일반적인 흐름에 따라 배치됩니다.상단(top), 오른쪽(right), 하단(bottom), 왼쪽(left) 및 z..

키보드 아이콘 표현하기블로그 글을 작성할 때, 단축키나 키보드 버튼을 효과적으로 표현하는 방법에 대해 알아보겠습니다. 이 방법은 티스토리 블로그를 기준으로 설명합니다.키보드 아이콘 CSS 코드키보드 아이콘을 나타내기 위해 아래의 CSS 코드를 사용합니다. 이 코드를 HTML 스킨 편집의 CSS 편집에 추가해 주세요..key { background-color: #f7f7f7; border: 1px solid #ccc; border-radius: 3px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset; color: #333; display: inline-block; font-size: 80%; ..

본문 상단 광고 2개 적용티스토리 본문에 광고 2개를 가로로 배치하는 방법을 포스팅합니다. 광고가 많다고 좋은 건 아니지만, 상단광고가 노출이 좋은 곳으로 1개보다는 2개가 좀 더 효율적이지 않을까 생각합니다. 아래 순서대로 진행하시면 바로 송출되는 모습을 확인하 실 수 있습니다.광고 코드 준비하기더보기광고 만들기애드센스 관리자 페이지에서 디스플레이 광고를 선택합니다.아래 그림처럼 사각형, 반응형 광고를 만듭니다.같은 방법으로 2개의 광고를 생성 합니다. 생성한 광고 코드는 복사하여 텍스트를 잘 보관합니다.생성하신 광고코드를 입력하여 완성된 코드를 만듭니다.HTML 수정티스토리 html 편집에서 article_rep_desc 위치를 찾습니다. 티스토리 스킨에서 article_rep_desc 위치가 두 개..