facebook timeline 스타일 따라하기

옹갈군

· 12년 전 · 조회 2608 2608 · 댓글 6 6

링크

http://www.9lessons.info/2012/01/facebook-timeline-design-using-jquery.html (1588)

안녕하세요.

masonry.jquery와 css를 응용해서 facebook 의 timeline style을 구현하는 방법에 대하여 상세히 설명해놓은 블로그가 있어서 소개합니다.

step by step으로 상세히 설명되어 있어서 개념익히기에 충분합니다.

응용하시면 다양한 스타일의 타임라인이 구현될듯 싶습니다.

데모와 다운로드는 아래 링크를 확인부탁드립니다.

demo : http://demos.9lessons.info/timeline/index.html
download : http://demos.9lessons.info/url.php?url=https://www.box.com/s/aba00db637b4a86716da

첨부파일

timeline_html.zip (9.5 KB, 11회)

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 6개

시누이

번호	제목	글쓴이	날짜	조회
5102	웹 표준과 접근성, 그리고 크로스브라우징2 [6] #퍼블리셔 #웹접근성	블랙스완 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	3477
5101	웹 표준과 접근성, 그리고 크로스브라우징1 [2] #퍼블리셔 #웹접근성	블랙스완 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2522
5100	스크립트오류 제거 [1] #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1837
5099	간단한 쿠키지원 팝업 스크립트 [1] #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1533
5098	PHP 소스코드 온라인으로 실행해 볼 수 있는 곳입니다. #개발자 #기타	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1522
5097	대소문자변환 #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1280
5096	메시지 안뜨는 오른쪽 마우스 금지소스 [2] #개발자 #기타	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1676
5095	계정(HDD) 사용량 출력하기 [1] #개발자 #php	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1356
5094	홈페이지 브라우저 크기 고정시키기 [2] #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2418
5093	iframe 아이프레임 투명처리 [2] #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1616
5092	CANVAS, SVG, VML 통합 라이브러리 jQuery, MooTools, YUI3 [1] #개발자 #기타	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2226
5091	금액 입력시 자동으로 천단위구분기호(,) 붙여주는 함수 #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2113
5090	자바스크립트 폼체크에서 해방되세요// [1] #개발자 #php	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1749
5089	출생년도에 따른 나이 계산 자바스크립트 [1] #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	4531
5088	사이트에 구글번역 붙이기. [3] #개발자 #기타	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2668
5087	네이버 지도 주소에서 간단히 사이트에 구현하기 #개발자 #기타	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2823
5086	iframe에서 페이지를 닫을 때 [1] #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1235
5085	iframe 높이 자동조절 스크립트 [6] #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	8509
5084	자바스크립트 인공지능 장기게임-Minimax #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	3317
5083	금액을 한글로 표기 해주는 스크립트; [1] #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2661
5082	전화번호 입력시 자동 하이픈 넣기 [1] #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	5310
5081	사업자번호체크스크립트 간단버전 [1] #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	3381
5080	홈페이지 제작 견적서 [14] #기획자 #견적서	위토즈 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	13282
5079	ios 에서 input 스타일 초기화 [5] #퍼블리셔 #css	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	3893
5078	플러그인 만들기 간단 예제 [2] #개발자 #jquery	개판 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1458

facebook timeline 스타일 따라하기

링크

첨부파일

댓글 작성

댓글 6개

게시판 목록

팁게시판

웹 표준과 접근성, 그리고 크로스브라우징2 [6]

웹 표준과 접근성, 그리고 크로스브라우징1 [2]

스크립트오류 제거 [1]

간단한 쿠키지원 팝업 스크립트 [1]

PHP 소스코드 온라인으로 실행해 볼 수 있는 곳입니다.

대소문자변환

메시지 안뜨는 오른쪽 마우스 금지소스 [2]

계정(HDD) 사용량 출력하기 [1]

홈페이지 브라우저 크기 고정시키기 [2]

iframe 아이프레임 투명처리 [2]

CANVAS, SVG, VML 통합 라이브러리 jQuery, MooTools, YUI3 [1]

금액 입력시 자동으로 천단위구분기호(,) 붙여주는 함수

자바스크립트 폼체크에서 해방되세요// [1]

출생년도에 따른 나이 계산 자바스크립트 [1]

사이트에 구글번역 붙이기. [3]

네이버 지도 주소에서 간단히 사이트에 구현하기

iframe에서 페이지를 닫을 때 [1]

iframe 높이 자동조절 스크립트 [6]

자바스크립트 인공지능 장기게임-Minimax

금액을 한글로 표기 해주는 스크립트; [1]

전화번호 입력시 자동 하이픈 넣기 [1]

사업자번호체크스크립트 간단버전 [1]

홈페이지 제작 견적서 [14]

ios 에서 input 스타일 초기화 [5]

플러그인 만들기 간단 예제 [2]