(jQuery) 티스토리 달력 토요일 색상 변경

준비물: (jQuery) 연결하기 달력의 토요일을 아래처럼 파란색으로 변경해보자. $('.tt-calendar tr :nth-child(7)').removeClass('cal_day3').css('color','#0000ff'); $('.tt-calendar tr') tt-calendar 클래스를 가진 요소의 자식 중에서 tr 요소의 자식 요소들을 선택 :nth-child(index) 7번째 자식 요소(tr의 자식은 td)를 선택 .removeClass(class) 필요없는 내용이지만 확실히 해주려고... cal_day3 클래스를 제거한다. .css(key, value) color 속성의 값을 #0000ff 로 지정한다.

(jQuery) 블로그 목록, 반복 배경 적용하기

준비물: (jQuery) 연결하기 $('.recentPost li:odd, .recentComment li:odd, .searchList li:odd').css('background-color','#eeeeee'); $(selector, selector, ···) ,(쉼표) 를 사용하여 여러 요소들을 선택한다. 예제에서는 recentPost 클래스를 갖고 있는 요소의 자식 중에서 li 요소의 홀수번째 선택, recentComment 클래를 갖고 있는 요소의 자식 중에서...(쓰기 귀차니즘), searchList 클래스를...(역시 귀차니즘) 그 다음 .css(key, value) bacground-color 속성에 #eeeeee 값을 지정했다.

SWFObject 2.x로 3D 태그 적용하기

SWFObject 페이지 http://code.google.com/p/swfobject/ 티스토리 기준으로 설명 아래 파일을 내려받아 압축을 풀고 js, swf파일을 티스토리 스킨 편집 페이지에 업로드 한다. 제작자: http://wordpress.org/extend/plugins/wp-cumulus/ 블로그 스킨 HTML에서 HEAD 내에 아래 코드를 삽입한다. 자동으로 SWFObject 2.x 최신 버전을 연결해준다. 아래처럼 태그목록 코드를 정리한다. Tag Tag 밑에 아래 코드를 추가한다. WP-Cumulus by wordpress.org requires Flash Player 9 or better. 완성된 코드 Tag WP-Cumulus by wordpress.org requires Flash..

(jQuery) 티스토리 테터데스크에서 imgempty.png 그림 바꾸기

준비물: (jQuery) 연결하기 티스토리 사용자 중 테터데스크에 노출 되는 글에 첨부된 그림이 없으면 아래의 기본 이미지가 뜬다. 원하는 이미지로 변경을 해보자. $('img[src*=imgempty.png]').attr('src', 'http://cfs.tistory.com/custom/blog/2/20343/skin/images/imgempty.png'); img 요소 중 src 속성에 imgempty.png가 포함된 요소들을 찾아서. .attr() 메서드로 src 속성을 두번째 인자 값으로 변경한다. 이 블로그에 적용 되어있다. http://simulz.com 아래 그림으로 바뀌는 것을 볼 수 있다. (이 글은 제외)

(MP3 벨소리) 고주파음 모기벨

주파수별 4가지 고주파음을 사용하여 공공장소에서는 또는 휴대폰과 멀리 떨어져 있을 때 쉽게 알 수 있다. 단, 청각 상태가 좋아야 함

(MP3 벨소리) 블랙잭 모음

(MP3 벨소리) 군대 기상나팔, 취침나팔

기상나팔, 취침나팔, 비상 싸이렌 압축파일 기상나팔 취침나팔 비상 싸이렌 갱신: 2024-03-22

HTML 엘레멘트 좌표

외우기 귀차니즘... 파란색 파선은 document 실제 크기이다. screenLeft, screenTop: 창의 위치 scrollLeft, scrollTop: 스크롤 위치

선의 종류

─────────────[실 선] ─ ─ ─ ─ ─ ─ ─ ─ ─ ─[파 선] ─ ─ ─ ─ ─ ─ ─[긴 틈새 파선] ── · ── · ── · ── · ── [1점 긴 쇄선] ── ·· ── ·· ── ·· ── ·· ── [2점 긴 쇄선] ── ··· ── ··· ── ··· ── ··· ── [3점 긴 쇄선] ·······················································[점 선] ── ─ ── ─ ── ─ ── ─ ── [1긴점 긴 쇄선] ── ─ ─ ── ─ ─ ── ─ ─ ── [2긴점 긴 쇄선] ─ · ─ · ─ · ─ · ─ · ─ · ─ · ─ · ─ [1점 짧은 쇄선] ─ ─ · ─ ─ · ─ ─ · ─ ─ · ─ ─ [1점 2중 짧은 쇄선] ─ ·..

(구글 애드센스) 항상 화면에 띄우기

아래 코드를 적용하면 구글 애드센스를 화면 아래에 항상 띄웁니다. 페이지 스크롤을 해도 보입니다. CSS *html #ad_bottom {left:0; bottom:0; width:100%; height:90px; z-index:100; position:absolute; overflow-y:hidden; min-width:100px;} #ad_bottom {left:0; bottom:0; width:100%; height:90px; z-index:100;position:fixed; overflow-y:hidden; min-width:100px;text-align:right;} HTML 여기에 구글애드센스 코드 삽입 text-align:right; 속성을 left, center로 바꾸면 왼쪽, 중앙에 보이..

(구글 시각화 API) Gauge

결과물 보기: http://simulz.kr/dev/counter/page/ 예제 사이트에서는 트래픽을 게이지로 나타내보았다. %, MB, MB/분 먼저 아래처럼 자바스크립트를 연결해야 한다. google.load("jquery", "1"); jQuery 코어를 연결하는 것으로 구글 시각화 API에서는 필요 없지만 편리한 작업을 위해 추가해주면 좋다. google.load('visualization', '1', {packages:['gauge']}); 구글 시각화 API 중 게이지 패키지를 가져온다. adsense_728_1 var data = new google.visualization.DataTable(); 표를 만들기 위해 구글 테이블 클래스를 data에 객체로 저장한다. data.addColumn..

(카운터) 블로그용 페이지 카운터 개발 중 - 이미지 설정 가능

오늘은 블로그 페이지 카운터 이미지를 변경할 수 있도록 업데이트 했다. 설정 페이지에서 원하는 카운터 이미지를 선택하면 블로그에 바로 적용된다. 현재 이 블로그에 적용 중이며 페이지 하단에 숫자 이미지 표시가 있다. 좀 더 다양한 이미지를 추가할 계획이다. 지금은 혼자 실험 중이며, 어느정도 완성 되면 서비스 될 예정이다.

(PS3) PSN 트로피 조회 사이트 - 테마 적용

프로그램 바로가기 http://simulz.kr/dev/ps3/trophycard/ ※ 이 사이트에 PSN ID를 등록하고 싶다면 먼저 http://cafe.naver.com/ps3friend 카페에 가입을 하세요! (추천인: 시뮬즈) PS3 게이머라면 트로피라는 것을 다 알 것이라 믿는다. 백금, 금, 은, 동 트로피 숫자를 카드 이미지 안에 표시해주는 사이트가 있다. 이 사이트는 트로피 카드 이미지를 조회하고 순위를 볼 수 있도록했다. 트로피 순위 조회 사이트의 기능으로는 · PSN ID로 정보 조회 및 트로피 카드 업데이트 · ID별 게임 목록 보기(완료율, 트로피 수) · 게임별 회원 목록 보기 · ID, 트로피 수, 업데이트날짜 순으로 정렬하기 · UI 테마 바꾸기 어제 밤새도록 적용한 것이 테..

(카운터) 블로그용 페이지 카운터 개발 중 - 기록 보기

이전 글: (카운터) 블로그용 페이지 카운터 개발, 적용 실험 중... 이번엔 로그 기록을 볼 수 있도록 했다. 추가로 24가지 UI 테마 플러그인도 연결했다. 운영자는 검색, 추가, 삭제가 가능하며(phpmyadmin이 귀찮을 때 좋겠다. 로딩 속도가 상당히 빠르다.) 사용자는 검색, 엑셀 출력이 가능하다. 다음엔 요약 페이지에 그래프로 볼 수 있도록 할 것이다. '정작 중요한 건 순위 글인데···'

(jQuery UI) Theme Switcher 사용하기

아래 사이트에는 24가지의 UI 테마가 있다. http://jqueryui.com/themeroller/ 방문자마다 원하는 테마를 설정해서 보게 하려면 아래 페이지에서 플러그인을 연결하면 된다. http://jqueryui.com/docs/Theming/ThemeSwitcher 필요한 것은 jQuery Core와 Cookie 플러그인이다. 관련글: (jQuery) 연결하기 아래처럼 사용하면 쿠키 플러그인이 내장되어 있으니 따로 연결하지 않아도 된다. 때때로 적용이 안 되는 문제가 발생할 수 있다. 연속으로 테마를 바꿀 때는 적용이 잘 되지만, 링크를 통해 페이지를 갱신하거나 처음 테마를 적용할 때는 일부 객체에 테마 적용이 안 되는 현상이 있다. 해결 방법은 jQuery ready 메서드 내에 본문을 숨..

(카운터) 블로그용 페이지 카운터 개발, 적용 실험 중...

오래전에 아래 사이트에서 서비스 됐던 블로그 페이지 카운터(Blog Page Counter)를 써본 블로거들이 많이 있을 것이다. http://n-3.net/count/ 일정 시간 후 메인 페이지로 이동한다. ESC를 누르면 색생을 바꿔볼 수있다. 너무 유용하고 기능성 있는 블로그 플러그인이라 꼭 다시 서비스 되기를 기다렸는데... 이런 서비스는 트래픽이 엄청나기 때문에 개인이 하기에 매우 힘들다. · 단순한 카운팅용이라 해도 페이지 경로, 사용자, 누적 카운트는 필수 정보이다. 이 외에는 · 접속자의 모든 정보를 기록을 임시 보관하는 테이블이 필요하다. 임시 기록이므로 삭제되기 전에 통계를 내는 작업을 해야 한다. · IP별로 하루 1회 증가시키려면 방문자 기록용 테이블이 필요하다. · 로봇을 제외 하..