반응형

Holic한 꿀팁/티스토리 꾸미기 8

[티스토리 꾸미기] 링크에 무지개 효과 주기 ft.매우 간단!

블로그 관리에 있는 플러그인을 추가하는 것만으로 링크 오버 시 무지개 색상으로 링크 색상이 바뀌는 효과를 줄 수 있기에 공유하고자 한다. 이게 무슨 말인가 하면 마우스를 링크에 갖다댔을 때 링크 설정에 따라 다르지만, 한가지 색으로 바뀌거나 밑줄이 생기거나, 눌리는 듯한 느낌을 주는 링크 효과가 주로 사용된다면 아래와 같이 무지개 색상으로 링크가 변하는 효과를 줄 수 있다는 것!이다. 우선 설정을 위해서는 블로그 관리에 들어간다. 플러그인 메뉴를 클릭하면, 블로그에 적용할 수 있는 다양한 설정들을 볼 수 있다. 그 중 무지개 링크를 클릭한다. 그러면 위와 같이 무지개 효과에 대한 설명이 나오는 데 여기서 적용 버튼을 누르면 된다. 적용 후 블로그로 돌어가 새로 고침을 눌러주면 바로 무지개 효과가 적용된 ..

[마우스 꾸미기 3탄] 마우스를 내가 만든 아이콘으로 바꾸기

드디어 마우스 꾸미기 3탄! 내가 만든 아이콘으로 변경하는 법에 대해 설명하고자 한다. 3) 내가 만든 마우스로 지정하기 참고로 나는 마우스를 만드는 사이트에서 만들었다. 아래 사이트에서 쉽게 아이콘을 제작해서 저장할 수 있기 때문에 활용해 보았다. Cursor Editor www.cursor.cc 사이트에 들어가면 아래와 같이 점을 찍어서 도트 형식으로 마우스 아이콘을 그릴 수 있도록 되어 있다. 자유롭게 만들어서 저장도 가능하고, 만들다 망쳤을 때에는 Create New Cursor를 눌러서 다시 새로 도트를 찍어서 만들 수 있다. 다 만든 아이콘을 다운로드 해서 저장한 뒤, 블로그 관리> 스킨 편집> html편집에서 파일 업로드를 이용해서 커서를 업로드했다. 나의 경우에는 링크를 눌렀을 때와 누르지..

[마우스 꾸미기 2탄] 마우스 아이콘 바꾸기

마우스 꾸미기 2탄! 마우스 아이콘 자체를 변경하는 법에 대해 설명하고자 한다. 어떤 분이 마우스 색상을 바꾸는 방법에 대해 물어보셨는데... ㅠㅠ CSS초보인데다 검색을 아무리해도 나오지 않았다 ㅠㅠ 내 방법이 잘못된 것 일지도 모르지만.. 암튼, 마우스 색상만 바꾸고 싶다면 이번에 소개할 내용을 참고하여 아이콘을 변경하는 게 어떤가 싶다. 2) 마우스 아이콘의 이미지를 변경 마우스 아이콘 자체를 변경할 땐 아래와 같이 무료로 커서 모양을 다운로드 할 수 있는 사이트를 이용했다. 다양한 모양의 아이콘들이 있어서 마음에 드는 아이콘을 골라서 바꿀 수 있다. Free Cursor Downloads - Cursors-4U.com Date: 25 Jun 2020, 14:52 By Tor With 3 Comme..

[티스토리 블로그 속도 개선(최적화)하기①] 모바일웹 사용 설정

티스토리를 관리하기에 앞서 블로그 속도를 개선하는 글을 써보고자 한다. 뭐 블로그 속도를 개선하는 이유는 아무래도 접속자 수와 관련이 있기에 더 신경써야 될 부분이기도 해서라고 생각한다. 지금까지는 나도 별로 신경쓰지 않았지만, 최근에 블로그 꾸미기에 빠져들면서 이런 저런 사항들에 관심이 가기 시작했다. 모바일웹으로 자동 연결을 했더니 속도가 좀 개선되었기에 이 방법을 소개하고자 한다. 이 방법은 간단한 방법으로 티스토리의 설정만으로도 개선이 가능하다. 1. 블로그 속도 측정하기 우선, 속도를 개선하기에 앞서서 제일 먼저 자신의 블로그 속도가 어느 정도인지를 측정해볼 필요가 있겠다. 아래 링크는 웹페이지의 현재 속도가 어느 정도인지 확인이 가능한 사이트이다. PageSpeed Insights 모든 기기에..

[마우스 스토커 3탄] 특정 문자가 마우스를 따라다니게 설정하기

대망의 마우스 스토커 3탄! 이번에는 문자가 마우스를 따라다니게 하는 설정을 해보고자 한다. 마우스 스토커의 다양한 효과 3) 특정 문자가 마우스를 따라다니는 효과 지난 포스팅 마우스 스토커 2탄에서도 언급했던 일본 사이트의 내용을 가져왔다. kurt.grigg8■文字■ 波文字マウス ●2016/08/16:原本自体が、即時関数で囲んでグローバル変数を消してあります。 文章がさざ波(Ripple)のようにゆれながら付いてくるマウスストーカーのJavaScriptです。 原本は文字の色が単色 oekakirenn.webcrow.jp 이번에는 문자열을 지정하여 커서를 움직일 때마다 문자가 따라붙는 효과이다. 아래의 스크립트에서 "반갑습니다"라고 되어 있는 부분을 원하는 문장으로 수정하면 된다. 블로그 관리> 꾸미기> 스킨 편집> h..

[마우스 스토커 2탄] 마우스를 따라다니는 아이콘 설정하기

지난번 포스팅에 이어서 2탄! [마우스 스토커 1탄] 마우스 움직일 때마다 별들이 따라다니는 팅커벨 효과주기 홈페이지 제작이 유행하던 시절에 태그와 자바 스크립트를 이용해서 마우스가 움직일 때마다 따라다니는 이미지나, 별이 내리는 효과 등을 적용해본 적이 있었기에 블로그 스킨 편집에 대해 관 40holic.tistory.com 마우스 스토커의 또 다른 설정인 아이콘 설정에 대해 설명하고자 한다! 사실 이 글 자체가 넘 길어서 깔끔하게 3개의 글로 나누었다 ㅠ.ㅠ P.S 어떤 분이 댓글에 남기셨다가 지운 질문에 마우스의 색상을 바꾸는 방법에 대해 아냐고 하셨는데 ㅠㅠ 사실 저도 모릅니다 ㅠㅠ css나 tag설정에서 마우스 색상을 바꾸는 걸 찾아봤지만, 마우스 모양만 바꾸는 것만 나오더라구요....ㅠㅠ 색상..

[마우스 스토커 1탄] 마우스 움직일 때마다 별들이 따라다니는 팅커벨 효과주기

홈페이지 제작이 유행하던 시절에 태그와 자바 스크립트를 이용해서 마우스가 움직일 때마다 따라다니는 이미지나, 별이 내리는 효과 등을 적용해본 적이 있었기에 블로그 스킨 편집에 대해 관심을 가지게 되면서 다시 찾아보게 되었다. 이 마우스 커서의 움직임을 따라 붙어다닐 때 특별한 효과를 마우스 스토커라고 하는데, 이 방법에 대해서는 우리 나라 블로그와 일본 사이트를 참고하였다. 우리나라 블로그에서는 당구 치는 개발자(jonghoit.tistory.com/)님의 블로그를 보면 잘 정리가 되어 있어서 도움을 많이 받았다. 마우스 움직일 때 효과내기 마우스 아이콘 강좌 낸 이후로 갑자기 방명록도 북적북적 댓글도 하나둘 달리고.. 헿 기분이 너무 좋아진 가운데 많은 분들이 물어보시는 제 티스토리의 하트 효과! 세네..

[마우스 꾸미기 1탄] 마우스 모양 바꾸기

기본 마우스 모양이라면 너무 단조로워서 마우스 모양을 바꿔 보기 위해 정리하던중, 여러가지 방법이 있어서 정리해 보았다. 내가 정리한 방법은 총 3가지로 1탄,2탄, 3탄에 걸쳐 포스팅을 나눠보았다. 참고로, [코딩 공부하는 소라(https://webkimsora.tistory.com/61)]님의 블로그에서 찾은 내용에 의하면, 커서 모양을 바꾸는 것은 모바일용 브라우저, 오페라 에서는 적용이 안되며, 익스 6이상에서는 가능하다고 한다. 즉, 브라우저마다 적용 가능한 커서 모양이 다르니, 이 점을 꼭 알고 계시길! [마우스 꾸미기 1탄] 마우스 모양 바꾸기 기본 커서의 속성을 바꿔 마우스 모양을 GUI에서 사용하는 모양으로 바꾸는 방법에 대해 설명했다. 이번 포스팅의 주요 내용이다. [마우스 꾸미기 2탄..

반응형