이온디

웹디벨로퍼

세월호, 71시간의 기록
한국어

코드박스

HTML, CSS 코드를 예제를 통해 알려드리고 해당 소스를 제공합니다.

공지 코드박스, 실례를 통한 실전 코드 제공! 이온디 2013.08.17
  1. 항목이 계속 추가되는 반응형 목록

    1. 어려운점은 많았지만 첫번째 조건은 '반응형웹'이었습니다. 이에 따른 문제점이 많았죠. 2. 데스크탑의 코드와 모바일에서의 코드가 같아야 한다는 점. 3. 부트스트랩 그리드 시스템에서의 패딩값 처리 4. 보더값 처리 문제 5. 테이블로 할까 vs U...
    Date2016.06.24 Category목록 By이온디 Reply0 Views1 Votes0 file
    Read More
  2. No Image

    [제이쿼리] 세로형 아코디언메뉴

    제이쿼리 메뉴 소스 입니다. 세로방향 아코디언 메뉴로 3뎁스까지 구현되는 방식입니다. 클릭하면 메뉴가 펼쳐졌다 접어졌다 합니다. css3기능들이 들어가 있어 ie8 이하에서는 그라데이션이나, 화살표가 제대로 표현이 안됩니다. (디자인 적인 문제이지, 기능...
    Date2016.02.28 Category메뉴 By이온디 Reply0 Views0 Votes0 file
    Read More
  3. No Image

    Rubber Cheese.MENU The ONE Competition 2015

    Rubber Cheese.MENU The ONE Competition 2015
    Date2016.02.23 Category레이아웃 By이온디 Reply0 Views0 Votes0 file
    Read More
  4. 사이트바 메뉴 가운데로 정렬하기

    네이버 첫화면 상단바에 홈, 검색, me 메뉴 같은 것을 탑 네비게이션 바(TNB, Top Navigation Bar) 혹은 사이트바(Sitebar, Site Navigation Bar)로 부릅니다. snb는 side navigation bar와 중복되므로, 일반적으로 tnb라고 클래스명을 짓습니다. 이 탑네비게...
    Date2015.11.26 Category메뉴 By이온디 Reply0 Views0 Votes0 file
    Read More
  5. No Image

    [HTML] 로그인 폼 마크업 하기

    출처 : http://seongjung84.tistory.com/entry/HTML-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%ED%8F%BC-%EB%A7%88%ED%81%AC%EC%97%85-%ED%95%98%EA%B8%B0 호환성보기로 IE7에서 볼 경우, 살짝 디자인이 틀어지는 부분이 존재하는데, 이에 대한 해법은 아직 연구중
    Date2015.09.13 Category로그인 By이온디 Reply0 Views0 Votes0
    Read More
  6. No Image

    jquery animate 연습하기

    http://codepen.io/eond/pen/qOBewp http://codepen.io/eond/pen/JYjgBy http://codepen.io/eond/pen/medNLj 참조 http://ncube.net/tag/scrolling http://blog.naver.com/hightomato/80194180439 http://blog.naver.com/heesu2071/80174099204 자연스럽게 가...
    Date2015.09.03 Category배너 By이온디 Reply0 Views0 Votes0
    Read More
  7. No Image

    jQuery 여러개의 배너가 슬라이드 되는

    사용방법 1. 이미지를 여러 개 보여주고 싶을 경우 css의 4번째줄의 width값을 원하는 넓이만큼 조정한다. 2. 이미지를 한 개만 보여주고 싶을 경우 css의 4번째줄의 width값을 한개의 이미지 넓이만큼 조정한다. 3. 이미지를 넓이를 조정하고 싶을 경우 js의...
    Date2015.09.02 Category배너 By이온디 Reply0 Views0 Votes0 file
    Read More
  8. No Image

    JQuery 단순 자동롤링배너

    한 개의 배너를 보여주고 가로로 계속 반복시켜주는 배너입니다. [출처] JQuery 단순 자동롤링배너|작성자 레사 http://blog.naver.com/kkoma913/220289160897
    Date2015.09.02 Category배너 By이온디 Reply0 Views0 Votes0 file
    Read More
  9. No Image

    JQuery 버튼클릭시 좌우 슬라이드 배너

    이온디 온 레이아웃에 사용된 클릭하면 다음 항목이 보여지는 소스 $(function(){ var wd = $(".list li").width(); var bb = $(".box").width(); var max = wd * $(".list li").size(); $(".list").width(max); $(".list li:lt(6)").appendTo(".list") $(".li...
    Date2015.09.02 Category배너 By이온디 Reply0 Views1 Votes0
    Read More
  10. Login on webapp

    loginon.zip http://codepen.io/eond/pen/PPowxv
    Date2015.08.31 Category로그인 By이온디 Reply0 Views0 Votes0 file
    Read More
  11. [걷기] 애플 메뉴바

    codebox_gnb_apple_menubar.html 너무 오랫동안 사랑받고 디자이너들에겐 오랫동안 워너비 디자인으로 이어오고 있는 메뉴바계의 스테디셀러 애플 메뉴바입니다. 너무 예쁩니다. ^^ 여자들이 고가의 명품백을 보면 느끼는 감정이 이러할까요. 하핫..-_-a;; ht...
    Date2013.08.17 Category메뉴 By이온디 Reply0 Views0 Votes0 file
    Read More
  12. No Image

    이온디 예전 레이아웃에 왼쪽 사이드바에 있던 코드

    <div align=center style="line-height:160%;"> <script type="text/javascript"><!-- google_ad_client = "pub-7200623708996327"; /* 200x200, 작성됨 08. 10. 25 */ google_ad_slot = "2032284386"; google_ad_width = 200; google_ad_height = 200; //--> ...
    Date2013.03.15 By이온디 Reply0 Views1 Votes0
    Read More
  13. No Image

    elkha님의 jquery로 쿠키 굽기

    <script type="text/javascript"> (function($){ $.cookie = function(key, value, options) { if(arguments.length > 1) { var o = $.extend({}, $.cookieOptions, options); if (value === null || value === undefined) { value = ''; o.expir...
    Date2013.02.22 By이온디 Reply0 Views0 Votes0
    Read More
  14. No Image

    zz

    dfd [code] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv=Content-Type content="text/html;charset=euc-kr"> <style type="text/css"> img {border:none;} form {margin:0; padding:0;} a{color:#474747...
    Date2008.12.21 By이온디 Reply0 Views47 Votes0
    Read More
  15. No Image

    네이버 뉴 메뉴

    <div class="s_menu"> <dl class="nmenu"> <dt class="blind">네이버 메뉴</dt> <dd class="f"><a href="http://mail.naver.com/" onclick="clickcr(this,'svc.mail','','',event);"><img src="./files/attach/images/119422/101/163/93e858655d7840a...
    Date2009.01.04 By이온디 Reply0 Views799 Votes0
    Read More
  16. No Image

    eond.com/search/index.htm

    위치 eond.com/search/index.htm 날짜 2007.11.10 <html> <head> <title>이온디 :: 검색</title> <style> body {background:#FFFFFF;overflow:no;} .menu {height:32px;width:100%;background: url(bg_menu_searchpage.png) repeat-x;margin-bottom:10px;} li ...
    Date2007.11.10 By이온디 Reply1 Views751 Votes0
    Read More
목록
Board Pagination Prev 1 Next
/ 1