이온디

웹디벨로퍼

세월호, 71시간의 기록
한국어
[Etc.] Animated CSS Underline Hover Examples (A링크 오버 효과)
https://codepen.io/mxttsco/pen/KgodYm https://codepen.io/mxttsco/pen/KgodYm">https://codepen.io/mxttsco/pen/KgodYm https://codepen.io/eond/pen/QregxE https://codepen.io/eond/pen/QregxE" style="height: ...
이온디 2018.05.27 조회 0 댓글 0 추천 0
[목록] 항목이 계속 추가되는 반응형 목록
1. 어려운점은 많았지만 첫번째 조건은 '반응형웹'이었습니다. 이에 따른 문제점이 많았죠. 2. 데스크탑의 코드와 모바일에서의 코드가 같아야 한다는 점. 3. 부트스트랩 그리드 시스템에서의 패딩값 처리 4...
이온디 2016.06.24 조회 1 댓글 0 추천 0
[메뉴] [제이쿼리] 세로형 아코디언메뉴
제이쿼리 메뉴 소스 입니다. 세로방향 아코디언 메뉴로 3뎁스까지 구현되는 방식입니다. 클릭하면 메뉴가 펼쳐졌다 접어졌다 합니다. css3기능들이 들어가 있어 ie8 이하에서는 그라데이션이나, 화살표가 제대로 표현...
이온디 2016.02.28 조회 0 댓글 0 추천 0
[레이아웃] Rubber Cheese.MENU The ONE Competition 2015
Rubber Cheese.MENU The ONE Competition 2015
이온디 2016.02.23 조회 0 댓글 0 추천 0
[메뉴] 사이트바 메뉴 가운데로 정렬하기
네이버 첫화면 상단바에 홈, 검색, me 메뉴 같은 것을 탑 네비게이션 바(TNB, Top Navigation Bar) 혹은 사이트바(Sitebar, Site Navigation Bar)로 부릅니다. snb는 side navigation bar와 중복되므로, 일반적으로 ...
이온디 2015.11.26 조회 0 댓글 0 추천 0
[로그인] [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에서 볼 경우, 살짝 디자인이 틀어지는 부분이 존재하...
이온디 2015.09.13 조회 0 댓글 0 추천 0
[배너] 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....
이온디 2015.09.03 조회 0 댓글 0 추천 0
[배너] jQuery 여러개의 배너가 슬라이드 되는
사용방법 1. 이미지를 여러 개 보여주고 싶을 경우 css의 4번째줄의 width값을 원하는 넓이만큼 조정한다. 2. 이미지를 한 개만 보여주고 싶을 경우 css의 4번째줄의 width값을 한개의 이미지 넓이만큼 조정한다. 3....
이온디 2015.09.02 조회 0 댓글 0 추천 0
[배너] JQuery 단순 자동롤링배너
한 개의 배너를 보여주고 가로로 계속 반복시켜주는 배너입니다. [출처] JQuery 단순 자동롤링배너|작성자 레사 http://blog.naver.com/kkoma913/220289160897
이온디 2015.09.02 조회 0 댓글 0 추천 0
[배너] JQuery 버튼클릭시 좌우 슬라이드 배너
이온디 온 레이아웃에 사용된 클릭하면 다음 항목이 보여지는 소스 $(function(){ var wd = $(".list li").width(); var bb = $(".box").width(); var max = wd * $(".list li").size(); $(".list").width(max); $("....
이온디 2015.09.02 조회 1 댓글 0 추천 0
[로그인] Login on webapp
loginon.zip http://codepen.io/eond/pen/PPowxv
이온디 2015.08.31 조회 0 댓글 0 추천 0
[메뉴] [걷기] 애플 메뉴바
codebox_gnb_apple_menubar.html 너무 오랫동안 사랑받고 디자이너들에겐 오랫동안 워너비 디자인으로 이어오고 있는 메뉴바계의 스테디셀러 애플 메뉴바입니다. 너무 예쁩니다. ^^ 여자들이 고가의 명품백을 보면 ...
이온디 2013.08.17 조회 0 댓글 0 추천 0
이온디 예전 레이아웃에 왼쪽 사이드바에 있던 코드
<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_wid...
이온디 2013.03.15 조회 1 댓글 0 추천 0
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 ...
이온디 2013.02.22 조회 0 댓글 0 추천 0
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;} for...
이온디 2008.12.21 조회 47 댓글 0 추천 0
네이버 뉴 메뉴
<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/atta...
이온디 2009.01.04 조회 799 댓글 0 추천 0
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_searchpag...
이온디 2007.11.10 조회 751 댓글 1 추천 0