본문 바로가기

분류 전체보기567

티스토리 EGG스킨 발행날짜 변경 jquery 자바스크립트 .text(); 티스토리 EGG스킨 발행 날짜 변경 jquery 자바스크립트 왜 때문에 무엇 때문에 바꿔야 할지는 바꾸고 싶은 사람만이 알 것이지만... 나는 개인적으로 검색 결과에서 누락된 블로그의 과거에 발행했던 글이 아까워서 새로 블로그를 만들어 옮길 때가 많다. 그런데, 도저히 시점상 몇 년 된 글을 최신 글인 것처럼 올리기는 양심에 거리끼기도 한다. 검색엔진에서 최신 글로 검색이 되는 것 까지야 어쩔 수 없지만, 최소한 내 글을 볼 때는 이 글이 어 좀 오래된 글이네? 하는 정도는 알려줘야 한다고 생각되어서 이 스크립트를 종종 쓰곤 한다. 원리는 간단하다. jquery의 $('selector'). text(); 를 이용하는 방법이다. 글 중에 특정 날짜를 주고 특정 클래스를 부여한다. 클래스를 주기 싫다면, 유.. 2020. 11. 23.
[반응형 웹 기초] @media screen and (max-width:620px) and (min-width:300px) 반응형 웹의 기초 @media screen and (max-width:620px) and (min-width:300px) 반응형 웹에 대해 두려움을 갖고 있는 퍼블리셔들이 제법 많다. 사실 알고 보면 별거 아니다. 가로폭에 대한 시나리오대로 CSS를 적용해주면 90%(?)는 끝난 게임이다. 물론 그 과정은 코딩답게 노가다이긴 하다. 같은 스타일에 대해 2번 이상을 기술해줘야 하는 작업이니까 말이다. 나머지 10%는? 반응형웹을 원하는 클라이언트의 기발하고도 창의적이면서 가학적인 눈높이에 맞춰주기 위해서는 단지 CSS의 @media screen 만으로는 해결되지 않는 난제들이 튀어나올 때가 있다. 그럴 땐 하는 수 없이 jQuery의 도움을 받아야 한다. 하지만 왠만하면 @media screen으로 대부분.. 2020. 11. 22.
티스토리 새에디터 코드 하이라이트 스타일 적용 cdn 티스토리 새 에디터 코드 하이라이트 스타일 적용 cdn 옛날에는 일일이 js파일과 css파일을 다운로드하여서 업로드하고 링크 걸어주고 했어야 했다. 요즘은 cdn이라는 좋은 서비스가 있어서 다행이다. cloudflare가 망하지 않는다면 말이지... 티스토리 새 에디터에 코드 삽입 기능이 생겨서 더 편해지긴 했는데, 글 작성 때는 예쁘게 보이지만, 막상 발행을 하고 나면 스타일이 안 먹힌다. 에디터 작성 중 코드 스타일. 티스토리 직원들은 가끔 이렇게 일을 하다가 만다. 발행 후 코드 스타일. 미리 이런 걸 스킨에 박아 두면 얼마나 좋은가? 에디터에서는 코드 하이라이트 스타일을 적용해 놓고선 스킨에서는 빼버리다니... 위의 코드를 따서 스킨 편집에서 html 사이에 붙이면 된다. 좀 더 예쁘게 만들고 싶.. 2020. 11. 21.
포켓몬고 티셔츠 입고 춤추는 처자 피카츄 꼬부기 셔츠 포켓몬고 티셔츠 입고 춤추는 처자. 피카츄 티셔츠 울렁울렁. 꼬부기 티셔츠 ㅊㄹㅊㄹ 엄마 꼬부기가 자꾸 나한테 말 걸어... 뭐라 할 말이 없음. 2020. 11. 12.
jquery animate 사용예 jquery animate 사용예 .animate() 함수를 이용하면 html Element 상의 객체 움직임을 부여할 수 있다. 반드시 CSS 속성 맵 데이터와 함께 사용한다. 움직임에 관련된 속성들은 단수 수치 값(single numeric value)을 이용한다. 즉, width, height, left, margin 등에 이용할 수 있지만 color같은 값에는 사용할 수 없다. .animate( properties [, duration] [, easing] [, complete] ) Returns : jQuery Duration은 지속시간이며, complete에는 콜백 함수를 지정해서, 애니메이션 동작 이후 함수를 실행할 수 있다. 단, 이 함수에는 인자값을 넘겨 줄 수는 없다. .animate(.. 2020. 11. 11.
폴더블 스마트폰 갤럭시 폴드 수리 비용 폴더블 스마트폰 갤럭시 폴드 수리 비용 디스플레이 내부 + 외부 986,000원 / 부품반납시 749,000원 내부 = 800,000원 / 부품반납시 650,000원 외부 = 186,000원 / 부품반납시 99,000원 힌지 213,500원 메인보드 517,000원 배터리 36,000원 충전단자 25,500원 공임비 15,500원 ~ 26,000원 (부품별 상이) 1년 1회 한정 디스플레이 수리 비용 70% 할인 프로그램 제공 화면 나가면 플래그십 스마트폰 기기 한대 가격. 메인보드 나가면 보급형 기기 한대 가격. 2020. 11. 9.
favicon.ico 파비콘 만들어서 홈페이지에 붙이기 2014년에 작성된 글입니다. 티스토리 파비콘은 파비콘을 만든 뒤 블로그 설정에 업로드만 하면 됩니다. 뭐든지 겸사겸사 하는 걸 좋아하는 타입이라. 네이버 블로그에서 티스토리로 이사를 오면서 네이버에서는 뽐낼 수 없었던 기능들을 십분 활용해보는 김에 저처럼 초보가 갑갑해하고 가려운 것을 직접 해나가면서 올려봅니다. 굉장히 상세하게 설명해주시는 다른 분들의 글들도 많지만, 워낙에 아는 게 많으셔서 들 그런지 간단한 것 까지 세밀하게 상세하게 쓰다 보면 되려 어렵게 느껴지더군요. 그래서 저는 핵심만 추려봅니다. 파비콘을 다는 방법은 다음과 같습니다. 1. favicon.ico라는 파일을 만든다. 2. 사이트에 올려둔다. 3. 사이에 를 삽입한다. 1.favicon.ico 만들기 포토샵으로 만들어도 되고. h.. 2020. 11. 5.
티스토리 반응형 스킨 커버화면에 애드센스 광고 삽입하기 스킨의 html을 직접 수정해서 애드센스 광고를 삽입하기 위해서는 최소한의 기초적인 html에 대한 이해는 있어야 한다. 가급적 그런 이해가 없어도 따라 할 수 있게끔 글을 쓰겠지만 보장하긴 힘들다. 티스토리 블로그에 사용되는 기본제공 스킨 중 최근의 반응형 스킨에는 커버 기능이 있다. 커버 기능 지원 스킨은 Poster, Whatever, Letter, portfolio, BookClub, Magazine 스킨이다. 스킨마다 커버의 요소 이름이나 클래스가 다르기 때문에 스킨 별로 살펴 봐야 하지만 기본적인 원리는 동일하다. 일단 커버를 설정하고 메인화면에서 브라우저의 개발자도구를 통해서 해당 커버 아이템의 선택자(Selector)로 삼을 Class 명을 확인하는 것이다. 이 클래스 명은 스킨 편집 ht.. 2020. 11. 4.
css3 background-size:cover contain 속성 ie7, i8 핵 background-size-polyfill with 짤 : 스타킹 하이힐 이 글은 2016.08.09에 영국에서 처음 작성되어 지구를... 쿨럭... 오래된 글이니 그냥 참고로만... IE EDGE까지 나와 있는 세상에서 여전히 IE7 버전에 대한 하위 호환 크로스 브라우징을 해줘야 하는 것이 짜증이 나지만... UI는 안 되는 것도 되게 하는 신성한 직업! 브라우저들이 미쳐 날뛰더라도 핵이건 뭐건 써서 잘 맞춰보자. 이 번에 송파구립 통합도서관 중에 가락시장 도서관이 오픈하는데 맞춰서 송파구립 가락몰 도서관의 디자인 수정이 살짝 있었다. 기존의 송파구립도서관들은 BG가 repeat-x로 반복되기 때문에, 별 신경을 쓰지 않았지만, 좌우로 그러데이션 되는 BG가 깔리는 디자인으로 결정이 되었다. 당연히 repeat-x를 쓸 수는 없다. #topheader{ width:100%.. 2020. 11. 4.

티스토리툴바