facebook timeline 스타일 따라하기

옹갈군

· 12년 전 · 조회 5611 5611 · 댓글 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개

시누이

번호	분류	제목	글쓴이	날짜	조회
5186	PHP	PHP 로직 실행과정을 웹페이지에 런타임현시 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	940
5185	PHP	세션타임아웃기능	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	960
5184	PHP	유니큐 문자열 생성 함수를 공유해드립니다.	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	536
5183	PHP	나만의 프레임워크를 만들어 본다	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	835
5182	PHP	완벽한 UTF8 지원하기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	775
5181	기타	CSS3으로 3디텍스트애니 작성하기 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1016
5180		Season2 // How To Force SSL On All Pages In .htaccess File	울라프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	572
5179	기타	CSS의 마우스커서 리스트 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1428
5178	PHP	PHP에서 HTML구문을 파싱하는 샘플코드	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	794
5177	JavaScript	자바스크립트로 ctrl+F기능과 유사한 웹페이지내 문자검색기능 작성 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1485
5176	PHP	PHP로 숫자캡챠 이미지 생성하기 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1182
5175		라이트세일 리소스 문제 알림	리오닥터 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	564
5174	기타	selenium 네이버 카페 게시판 제일 첫번째 글 선택하기 [3]	라균 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	809
5173	PHP	$_SERVER 명려어중에서... [5]	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	964
5172	PHP	소스 코드가 이상하게 변질되어서 파일 기부[ No Bug 파일 완전판] [7]	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1251
5171	기타	팁 다운 팁좀 씁시다. [8]	그누GPT 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1552
5170	PHP	사이트 정보(파비콘, 제목, 설명) 가져오는 함수	친절한태엽씨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1047
5169	PHP	xampp의 phpmyadmin 암호 처리 끝내기.	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1222
5168	PHP	스크립트 해킹 방어 구문 간단 셀프 작성한 것인데... 웬지 쎈 소스 [3]	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1194
5167	JavaScript	지정한 범위내에서 랜덤으로 숫자출력하는 스크립트 [3]	안드류KIM 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	993
5166	MySQL	배너 노출 관련 쿼리 [4]	하얀감자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1183
5165	MySQL	이진 트리 순회... 무한 계층형 트리 [2]	스팸마요 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1249
5164	PHP	1에서 45까지 랜덤이면서 연속 숫자도 가능한 소스 [3]	하늘뚱 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1499
5163	OS	리눅스 퍼미션에 무조건. 7계열을 써야 패키지 실행된다?	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	839
5162	웹서버	phpmyadmin config.inc.php 않건드리고 사용자 생성(구닥다리정보일수도?)	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	887
5161	웹서버	REWRITE 설계도 해주는 사이트 [3]	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	972
5160	PHP	멤버십 탈퇴할때 탈퇴문구 넣기 그러나 왜 단일?	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	842
5159	PHP	글은 화면에 차고. 카테고리길어져 카테고리는 그냥 화면만큼쓰고 싶고	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	902
5158	PHP	맨 앞글자만 크게 써먹게 하기.(네이트 뉴스 서비스 사용하다 보면 이해함)	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	911
5157	PHP	technote ipage를 다르게 구현 (소스가 같으려나....)	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	940

facebook timeline 스타일 따라하기

링크

첨부파일

댓글 작성

댓글 6개

게시판 목록

개발자팁

[PHP] PHP 로직 실행과정을 웹페이지에 런타임현시 [2]

[PHP] 세션타임아웃기능

[PHP] 유니큐 문자열 생성 함수를 공유해드립니다.

[PHP] 나만의 프레임워크를 만들어 본다

[PHP] 완벽한 UTF8 지원하기

[기타] CSS3으로 3디텍스트애니 작성하기 [2]

Season2 // How To Force SSL On All Pages In .htaccess File

[기타] CSS의 마우스커서 리스트 [1]

[PHP] PHP에서 HTML구문을 파싱하는 샘플코드

[JavaScript] 자바스크립트로 ctrl+F기능과 유사한 웹페이지내 문자검색기능 작성 [1]

[PHP] PHP로 숫자캡챠 이미지 생성하기 [2]

라이트세일 리소스 문제 알림

[기타] selenium 네이버 카페 게시판 제일 첫번째 글 선택하기 [3]

[PHP] $_SERVER 명려어중에서... [5]

[PHP] 소스 코드가 이상하게 변질되어서 파일 기부[ No Bug 파일 완전판] [7]

[기타] 팁 다운 팁좀 씁시다. [8]

[PHP] 사이트 정보(파비콘, 제목, 설명) 가져오는 함수

[PHP] xampp의 phpmyadmin 암호 처리 끝내기.

[PHP] 스크립트 해킹 방어 구문 간단 셀프 작성한 것인데... 웬지 쎈 소스 [3]

[JavaScript] 지정한 범위내에서 랜덤으로 숫자출력하는 스크립트 [3]

[MySQL] 배너 노출 관련 쿼리 [4]

[MySQL] 이진 트리 순회... 무한 계층형 트리 [2]

[PHP] 1에서 45까지 랜덤이면서 연속 숫자도 가능한 소스 [3]

[OS] 리눅스 퍼미션에 무조건. 7계열을 써야 패키지 실행된다?

[웹서버] phpmyadmin config.inc.php 않건드리고 사용자 생성(구닥다리정보일수도?)

[웹서버] REWRITE 설계도 해주는 사이트 [3]

[PHP] 멤버십 탈퇴할때 탈퇴문구 넣기 그러나 왜 단일?

[PHP] 글은 화면에 차고. 카테고리길어져 카테고리는 그냥 화면만큼쓰고 싶고

[PHP] 맨 앞글자만 크게 써먹게 하기.(네이트 뉴스 서비스 사용하다 보면 이해함)

[PHP] technote ipage를 다르게 구현 (소스가 같으려나....)