jQuery

글 수 34

FACEBOOK 스타일 하단 패널

조회 수 3565 추천 수 0 2010.01.13 16:00:54
id: 보짱보짱 *.64.151.72

Facebook Style Footer Admin Panel


커뮤니티 사이트에서 유용하게 사용될 수 있을 것 같군요.

회원 로그인 뒤 무언가 활동을 해야하는 사이트는 하단패널의 사용으로 사용성을 높일 수 있겠네요.

우리나라의 예로 들면 세이클럽(http://www.sayclub.com)의 하단 패널과 비슷하네요.


01_finalDemo.gif 


원문 : http://www.sohtanaka.com/web-design/facebook-style-footer-admin-panel-part-1/

데모 : http://www.sohtanaka.com/web-design/examples/footer-panel/

이 게시물을...
profile

소속 : 밀짚모자 해적단

첨부
엮인글 :
http://www.vozzang.net/615/f06/trackback
목록
문서 첨부 제한 : 0Byte/ 2.00MB
파일 제한 크기 : 2.00MB (허용 확장자 : *.*)
List of Articles
번호 제목 글쓴이 날짜 조회 수

Sexy Drop Down Menu w/ jQuery & CSS imagefile

  • id: 보짱보짱
  • 2010-01-19
  • 조회 수 5191

Sexy Drop Down Menu음... 메뉴 이름이 참 좋네요. 섹시 -_-; 드랍메뉴가 존재할 경우 화살표 아이콘을 클릭해야 메뉴가 나오는 형식입니다. 전 이 형식이 불편해서 그냥 메뉴에 마우스 오버하면 바로 드랍되게 바꿔서 사용하...

Sliding Jquery Menu imagefile

  • id: 보짱보짱
  • 2010-01-19
  • 조회 수 5292

Sliding Jquery Menu간결한 효과가 마음에 듭니다. 말 그대로 슬라이딩이네요 ^-^ 바로가기 메뉴나 메인메뉴에 사용할 수 있을 것 같네요. 다운로드 : http://www.hv-designs.co.uk/tutorials/sliding_menu/sample.zip 미리보기 : http...

베이직한 세로 Drodown Menu imagefile

  • id: 보짱보짱
  • 2010-01-19
  • 조회 수 4343

베이직한 세로 Drodown Menu 입니다. 코드도 간단해서 사용하기 편합니다. jQuery와 일반 javascript 두가지 모두 들어 있네요. jQuery를 사용하지 않으실 경우엔 javascript로 사용하시면~ ^-^ 미리보기 : http://designreviver.c...

컨텐츠+이미지 슬라이드쇼 2가지 imagefile

  • id: 보짱보짱
  • 2010-01-13
  • 조회 수 4709

컨텐츠+이미지 슬라이드쇼 2가지를 소개합니다.1. jQuery Slideshow Explained 바로가기 : http://www.devirtuoso.com/2009/08/jquery-slideshow-explained/ 데모보기 : http://www.devirtuoso.com/Examples/Slide-Show/ 2. Making a Slide...

FACEBOOK 스타일 하단 패널 imagefile

  • id: 보짱보짱
  • 2010-01-13
  • 조회 수 3565

Facebook Style Footer Admin Panel 커뮤니티 사이트에서 유용하게 사용될 수 있을 것 같군요. 회원 로그인 뒤 무언가 활동을 해야하는 사이트는 하단패널의 사용으로 사용성을 높일 수 있겠네요. 우리나라의 예로 들면 세이...

마우스 오버시 썸네일 이미지 줌효과와 제목 보여주기 imagefile [2]

  • id: 보짱보짱
  • 2010-01-12
  • 조회 수 4419

jQuery Thumbnail with Zooming Image and Fading Caption Tutorial 마우스 오버시 썸네일 이미지 줌효과와 제목을 페이딩 합니다. 깔끔하게 갤러리 리스트나 최신글 썸네일 리스트에 사용하면 좋을 것 같군요. 다운로드 : h...

jSquares for jQuery imagefile

  • id: 보짱보짱
  • 2010-01-12
  • 조회 수 3380

사각형 이미지들에 마우스를 올리면 컨텐츠박스가 나오는 형식인데 사각형 배치를 잘 하면 멋진 사이트 메인을 만들어낼 수 있을 것 같군요. 다운로드 : http://boedesign.com/blog/2009/10/22/jsquares-for-jquery/ 데모 : http://boe...

Feature List imagefile

  • id: 보짱보짱
  • 2010-01-12
  • 조회 수 3323

jQuery Plugin - Feature List언제가 한번은 써먹을 것 같아서 올려둡니다; 디자인도 깔끔해서 그냥 그대로 사용해도 전혀 무방하겠군요. 다운로드 : http://jqueryglobe.com/article/feature-list 데모 : http://jqueryglobe.com/labs/fea...

드래그 쿠키 레이어 팝업

  • id: 보짱보짱
  • 2010-01-06
  • 조회 수 4301

드래그 쿠키 레이어 팝업 <script type="text/javascript" src="http://vozzang.net/vzscript/js/jquery/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="http://vozzang.net/vzscript/js/jquery/ui/jquery-ui-1.7.2.custom.drag.js"></sc...

메인 네비게이션(GNB) 텍스트 버전

  • id: 보짱보짱
  • 2010-01-06
  • 조회 수 3718

JQuery 메인 네비게이션(GNB) 텍스트 버전 입니다. 뼈대가 되는 JQuery는 검색을 통해서 얻었으며 제가 나름대로 표현했습니다; <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/D...

new window (팝업) [1]

  • id: 보짱보짱
  • 2010-01-06
  • 조회 수 3814

새창을 jQuery로 손쉽게 이용해 봅시다. 1. 단순히 새창 띄울 때 $(function(){ $('a.popup').click(function(){ window.open(this.href); return false; }); }); 2. 창의 크기 지정해주고 포커스 이동까지 $('a.popup').live('cli...

심플한 롤오버 이미지

  • id: 보짱보짱
  • 2010-01-06
  • 조회 수 4431

Easy Image Rollover Script With jQuery jQuery Code $(document).ready( function() { PEPS.rollover.init(); }); PEPS = {}; PEPS.rollover = { init: function() { this.preload(); $(".ro").hover( function () {...

슬라이드 패널

  • id: 보짱보짱
  • 2010-01-06
  • 조회 수 3636

Jquery 슬라이드 패널 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Conten...

썸네일 이미지뷰

  • id: 보짱보짱
  • 2010-01-04
  • 조회 수 2823

Jquery 썸네일 이미지뷰 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Cont...
목록
쓰기
XE Login