Lightbox Gallery - Colorbox : 화면에 넘치지 않도록 하려면...

다음과 같이 기본 설정은 변경하면 된다. [break] lightbox-gallery/js/jquery.colorbox.js [break] 변경전 (function ($, document, window) { var defaults = { ... maxWidth: false, ... maxHeight: false, ... 변경후   (function ($, document, window) { var max_box_width = $(window).width() - 100; var max_box_height = $(window).height() - 100; var // Default settings object. // See http://jacklmoore.com/colorbox for details. defaults […]

Read More

owl-block-post : 포스트를 몬드리안 블럭형식으로 배치하는 플러그인 - 알파버전 실험중

풀스크린에서 보기 [break] OWL Smart Design - Sample1 새창에서 보기 OWL Smart Design - Sample2 새창에서 보기 [break] [owl-film cat="103" celltype="4,1,1" xcells="3" ycells="2"][owl-film cat="17,49" celltype="1,1,1,1,1,1,1,1" xcells="4" ycells="2"][owl-film cat="102" celltype="4,1,1" xcells="3" ycells="2"] [break] [break] [break] [break]

Read More

Front Page Samples

12월 07, 2012 Open Design Front Page Samples에 댓글 닫힘

이 페이지는 도서 "워드프레스 디자인의 기술" 에서 설명하는 샘플입니다. 여러가지 기술을 설명하기 위해 많은 요소들을 사용하고 있기 때문에 무겁습니다. 본서에서도 실제에서는 첫페이지가 가벼울 필요가 있어 성능 최적화하는 과정이 필요하고 꼭 필요한 요소 한두개 정도만 사용할 것을 권장하고 있습니다.

Read More

오픈디자인의 기술 - 머리말 초안

"나"는 때로는 "자신"일 수도 있고, "당신"일 수도 있으며, "우리"일 수도 있다. 나는 여기서부터 소통의 방법을 찾고자 했다. 재미있는 영화는 내게 의미있는 영화이고, 그 영화에 내 감정이 이입됐기 때문이다. 이것이 소통의 실마리이고, 그 내용이 무엇이건 나와같은 입장이 되면 감동적인 콘텐츠가 된다. 시공을 넘어 전세계와 소통할 수 있는 통로가 만들어지고 고대의 실크로드나 바닷길과 같이 사람이, 물건이 소통되고 […]

Read More

Content Flow 3D - Basic

[content_flow width=700 height=200 items=7 src_1="http://www.owllab.org/wordpress/wp-content/uploads/2012/11/OWL-2012-11-03-10.54.10-227x300.png" title_1="자크 루이 다비드 JACQUES-LOUIS DAVID" link_1="/?p=1096" src_2="/wordpress/wp-content/uploads/2012/11/스크린샷-2012-11-02-오전-12.05.54-173x300.png" title_2="Naomi Campbell" link_2="/?p=863" src_3="/wordpress/wp-content/uploads/2012/10/스크린샷-2012-10-30-오후-4.55.58.png" title_3="PSY-Gang Nam Style-School Parody" link_3w="/?p=741" src_4="/wordpress/wp-content/uploads/2012/10/스크린샷-2012-10-31-오후-1.54.40-229x300.png" title_4="CHANEL Fall-​Winter 2012⁄13 Ready-​to-​Wear show" link_4="/?p=805" src_5="/wordpress/wp-content/uploads/2012/10/스크린샷-2012-10-25-오전-3.48.00.png" title_5="Gala Presentation" link_5="/?p=454" src_6="/wordpress/wp-content/uploads/2012/10/스크린샷-2012-10-25-오전-8.36.24-300x223.png" title_6="​Korean Cinema Today" link_6="/?p=500" src_7="/wordpress/wp-content/uploads/2012/10/스크린샷-2012-10-25-오전-7.43.59.png" title_7="​New Currents" link_7="/?p=492"]

Read More

WP UI Samples

1. 다이얼로그 샘플 [wpdialog title="안내" style="redmond" width="300" height="200" auto_open="false"] 이 안내창은 jQuery UI 를 기반으로 한 WP UI Dialog 창입니다. 이 창은 redmond 스타일을 사용합니다. jQuery UI 스타일을 사용할 것인지, WP UI 스타일을 사용할 것인지 선택할 필요가 있습니다. 또한, jQuery UI 에서도 버전이 다를 경우 스타일이 일그러 지는 경우 있을 수 있습니다. [/wpdialog] [break] [break] 2. 탭 […]

Read More

Text Effect — Emboss

CSS 로 엠보싱 효과를 재현한 사례, IE 8, 9 에서도 지원하는 방식이다. IE 9까지는 문자에 filter로 효과를 줄 때, 까만 테두리가 있어 보기 좋지 않지만, 엠보싱은 투명도를 많이 주고,돌출 정도가 약하기 때문에  입체효과보다는 좀 나아 보인다.

Read More
12