facebook timeline 스타일 따라하기

옹갈군

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

시누이

번호	제목	글쓴이	날짜	조회
5077	퀵메뉴 [1] #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1232
5076	HTTP 에러 코드표 [1] #개발자 #기타	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	3215
5075	입력박스안에 왠 아이콘? [2] #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	833
5074	게시판 글작성시 일부 태그막기 [1] #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1763
5073	랜덤한 레이아웃과 효과 [2] #개발자 #jquery	카츠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	3606
5072	자동으로 textarea 크기 조절하기 [2] #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	5237
5071	textarea 자동 늘려주기 2 [1] #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1411
5070	해당 브라우저에 지원하는 이벤트 확인 [1] #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	742
5069	자바스크립트로 논리적인 XOR 연산하기. #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2720
5068	동적 셀렉트박스 다루기. #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2465
5067	자바스크립트 이벤트 핸들러 (Event Handler) [1] #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1498
5066	함수명을 변수로 해야할 때 #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2909
5065	이메일 유효성 정규식 - 자바스크립트 #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	6509
5064	카페24 절약형으로 관리자페이지 제작가능 할까요? [1] #개발자 #php	누메40 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2138
5063	simple_html_dom parser 예제 [2] #개발자 #php	네오soft 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1873
5062	내 서버에 사이트를 마음대로 늘리기!! #개발자 #웹서버	랄랄라0 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	774
5061	무료 알림 서비스 설치형 유메시지(게시판,쇼핑몰,은행,병원,학교,교회등등등 활용도 높음) [2] #개발자 #php	불량학생 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1780
5060	네이버 api 왜 접속 불가라고 나올가요?? ㅠㅠ #개발자 #php	sa2pan 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1250
5059	국산브라우저 피모가 정식판으로 판올림 되었습니다. [9] #개발자 #mobile	주재넷 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	3891
5058	영수증 양식 [3] #기획자 #서식	개발새발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	9824
5057	실제로 존재하는 URL인지 확인하기 #개발자 #php	개발새발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1137
5056	modern.ie 일종의 ie 테스터? [2] #퍼블리셔 #기타	전진 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2451
5055	이미지 슬라이드 관련입니다.(자바,제이쿼리) [3] #개발자 #javascript	생각보다몸이앞서다 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2140
5054	웹표준코딩에 필요한 지식 참고하세요. [5] #퍼블리셔 #css	접신 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2953
5053	롤오버시 서브메뉴가 나타나는 기본 스크립트 [3] #개발자 #javascript	kiplayer 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	5978

facebook timeline 스타일 따라하기

링크

첨부파일

댓글 작성

댓글 6개

게시판 목록

팁게시판

퀵메뉴 [1]

HTTP 에러 코드표 [1]

입력박스안에 왠 아이콘? [2]

게시판 글작성시 일부 태그막기 [1]

랜덤한 레이아웃과 효과 [2]

자동으로 textarea 크기 조절하기 [2]

textarea 자동 늘려주기 2 [1]

해당 브라우저에 지원하는 이벤트 확인 [1]

자바스크립트로 논리적인 XOR 연산하기.

동적 셀렉트박스 다루기.

자바스크립트 이벤트 핸들러 (Event Handler) [1]

함수명을 변수로 해야할 때

이메일 유효성 정규식 - 자바스크립트

카페24 절약형으로 관리자페이지 제작가능 할까요? [1]

simple_html_dom parser 예제 [2]

내 서버에 사이트를 마음대로 늘리기!!

무료 알림 서비스 설치형 유메시지(게시판,쇼핑몰,은행,병원,학교,교회등등등 활용도 높음) [2]

네이버 api 왜 접속 불가라고 나올가요?? ㅠㅠ

국산브라우저 피모가 정식판으로 판올림 되었습니다. [9]

영수증 양식 [3]

실제로 존재하는 URL인지 확인하기

modern.ie 일종의 ie 테스터? [2]

이미지 슬라이드 관련입니다.(자바,제이쿼리) [3]

웹표준코딩에 필요한 지식 참고하세요. [5]

롤오버시 서브메뉴가 나타나는 기본 스크립트 [3]