facebook timeline 스타일 따라하기

옹갈군

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

링크

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

안녕하세요.

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, 25회)

댓글 작성

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

로그인하기

댓글 6개

시누이

번호	분류	제목	글쓴이	날짜	조회
5396	기타	게시글 스팸방지 방법 중 하나 구글 - reCAPTCHA	슈퍼스타맨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4개월 전	352
5395	PHP	아이피 위치추적 (ISP 위치 정보) [2]	untitled 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5개월 전	822
5394	MySQL	웹 느릴 때 꼭 해보는 DB 쿼리 로그 팁 공유합니다 [1]	선택과집중 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6개월 전	596
5393	웹서버	url에 타 도메인을 지정할 수 없습니다. [3]	techstar 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8개월 전	863
5392		pdf.js 사용 오류에 대한 사항 모듈 문제 [3]	oneit 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1218
5391		음악에 맞게 가사의 색상변경 [5]	김철용 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10개월 전	1119
5390		vscode가 열릴 때 느리신 분은 한번 해보셔요. [2]	xpem 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10개월 전	905
5389		SVG 아이콘을 쉽게 사용하기 [5]	메이드 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9개월 전	874
5388		오늘의 조언 한마디 script [5]	케빈엉클 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9개월 전	974
5387		jquery loaded 커스텀 함수	세크티 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8개월 전	807
5386	JavaScript	한글과컴퓨터 키워드추출스크립트. [2]	nekoieye 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8개월 전	971
5385	웹서버	사이트 접속을 국내 아이피에만 허용하는 코드를 만들어 봤습니다. [4]	이나라왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8개월 전	989
5384	JavaScript	위에서 아래로 내려오는 효과 6가지	수평선1203 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9개월 전	819
5383	기타	groq api 용량 부족할 때 [5]	Tak2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10개월 전	1128
5382	기타	css translate,rotate,scale 은 항상 순서가 고정입니다.	수평선1203 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10개월 전	578
5381	JavaScript	마우스로 td 간격 조정하기. [1]	하얀감자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10개월 전	907
5380	기타	python 공유 메모리 [1]	지구인430 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10개월 전	691
5379	JavaScript	엘레먼트에 다이렉트로 변수,배열,객체 심기	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	10개월 전	692
5378		심플한 게시판 테마 [5]	김철용 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11개월 전	1198
5377	기타	x 모양 이모지 모음입니다.	수평선1203 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11개월 전	761
5376	jQuery	0원팁- 숫자형 아이디에 접근하기 [1]	수평선1203 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11개월 전	575
5375	jQuery	유용하게 써먹는 반응형 grid [1]	techstar 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11개월 전	729
5374	기타	어울리는 색상표 사이트 입니다.	수평선1203 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11개월 전	780
5373	MySQL	db에서 트리거 만들기	wodud3073 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11개월 전	812
5372	기타	사용하지 않는 css 보는 사이트입니다. [1]	수평선1203 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11개월 전	1013
5371	JavaScript	디바운스 debounce의 개념 [1]	wodud3073 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11개월 전	727
5370	JavaScript	jquery 타이머 만들기 [2]	wodud3073 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11개월 전	731
5369	PHP	특정 환경에서 php 함수내용을 뜯어보기 [3]	wodud3073 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11개월 전	1243
5368	PHP	PHP가 없는 환경에서 PHP 라이브러리 호출하기 [4]	어둠사자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1408
5367	기타	[엑셀라이브러리] 간단한 식자재 사용량 계산기 HTML [3]	nekoieye 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1284

facebook timeline 스타일 따라하기

링크

첨부파일

댓글 작성

댓글 6개

게시판 목록

개발자팁

[기타] 게시글 스팸방지 방법 중 하나 구글 - reCAPTCHA

[PHP] 아이피 위치추적 (ISP 위치 정보) [2]

[MySQL] 웹 느릴 때 꼭 해보는 DB 쿼리 로그 팁 공유합니다 [1]

[웹서버] url에 타 도메인을 지정할 수 없습니다. [3]

pdf.js 사용 오류에 대한 사항 모듈 문제 [3]

음악에 맞게 가사의 색상변경 [5]

vscode가 열릴 때 느리신 분은 한번 해보셔요. [2]

SVG 아이콘을 쉽게 사용하기 [5]

오늘의 조언 한마디 script [5]

jquery loaded 커스텀 함수

[JavaScript] 한글과컴퓨터 키워드추출스크립트. [2]

[웹서버] 사이트 접속을 국내 아이피에만 허용하는 코드를 만들어 봤습니다. [4]

[JavaScript] 위에서 아래로 내려오는 효과 6가지

[기타] groq api 용량 부족할 때 [5]

[기타] css translate,rotate,scale 은 항상 순서가 고정입니다.

[JavaScript] 마우스로 td 간격 조정하기. [1]

[기타] python 공유 메모리 [1]

[JavaScript] 엘레먼트에 다이렉트로 변수,배열,객체 심기

심플한 게시판 테마 [5]

[기타] x 모양 이모지 모음입니다.

[jQuery] 0원팁- 숫자형 아이디에 접근하기 [1]

[jQuery] 유용하게 써먹는 반응형 grid [1]

[기타] 어울리는 색상표 사이트 입니다.

[MySQL] db에서 트리거 만들기

[기타] 사용하지 않는 css 보는 사이트입니다. [1]

[JavaScript] 디바운스 debounce의 개념 [1]

[JavaScript] jquery 타이머 만들기 [2]

[PHP] 특정 환경에서 php 함수내용을 뜯어보기 [3]

[PHP] PHP가 없는 환경에서 PHP 라이브러리 호출하기 [4]

[기타] [엑셀라이브러리] 간단한 식자재 사용량 계산기 HTML [3]