코딩/Web 검색 결과, 7
코딩/Web
[navbar]완성 - script구문은 /body태그 위에...
문제의 장면들이다. 현재는 body가 끝나는 지점에 script태그를 넣어서 제대로 작동이 되고 있는 것을 확인하였다. 그렇지만 왜 body가 시작하는 지점에 script태그를 넣었을 때는 왜 안되는지 아직도 이해를 못하겠다. 물론 아래와 똑같은 구문을 저 지점에 넣었을때도 실행은 안되었었다. 실제로 현재 body태그 아래에 있었던 Jquery구문이다. 이 구문은 정상적으로 작동을 하고 있다. 저 .btn_cate의 click부분만 .btn_top.click아래 부분에 추가해보기도 했지만 위의 함수들은 잘 작동하는 것에 반해 내가 원하는 구문은 정상적으로 실행되지 않았다. 그 이유를 찾기 위해 DOM구조라든지 브라우저가 html파싱하는 과정을 다 읽어보았는데도 여전히 풀리지 않는 의문이다. body위쪽에..
코딩/Web
[navbar]하다하다 안되서 잠시 중단.
Category버튼을 누르면 Class를 추가해서 해당하는 카테고리들을 dropdown의 형식으로 보여주는 navbar를 만드려고 했다. 그래서 Jquery로 간단한 코드를 짯다. $(".btn_cate").click(function(){ $(".area-navi").toggleClass("on"); }); 위의 간단한 식을 넣기 위해서 별짓을 다했는데 안된다. 티스토리에는 Jquery가 작동하기 위해서는 s_t3태그 안에 들어가야한다고 해서 넣어보기도 하고 혹시나 html말고 js로 로드해야하나 싶어서 script.js를 다음과 같이 짜고 skin.html에서 $.Area.init()로 호출해서 사용하려고 했었다. (function($) { var Area={}; Area.Category=(functi..
코딩/Web
[navbar]목표 또 변경 ㅋㅋㅋ
며칠동안 상단 타이틀바 아래에 네비게이션바를 만들어서 일단은 대카테고리만 보이게끔 했었는데 뭔가 구식같아서 바꾸고 싶어졌다.다시 가로가 아닌 세로방향의 네이게이션바를 목표로하고 검색창옆에 카테고리+ 버튼을 만들어서 그것을 클릭하면 아래쪽에 dropdown방식으로 나오게하려고 한다.어짜피 navbar를 만드는 것이 단순히 navbar를 블로그에 설치하는 것이 아니라 web언어를 익히면서 공부하려고 했기때문에 다양한 방법으로 만들기를 시도하려고 한다.이번에 선택한 방법은 JQuery를 이용하여 버튼이 클릭되었을 때 addclass로 class를 추가하여 카테고리 메뉴들이 보이게 만들고 싶다.다른 스킨들을 보면이 이것저것 분석해봤는데 살다살다 스킨 고치려다가 개발자도구에서 디버깅할것이라고는 상상도 못했다 ㅋㅋ..
코딩/Web
[navbar]일단 대카테고리를 띄우는 것까지.
를 사용하면 다음과 같은 ul li의 구조로 카테고리가 출력된다. link_tit는 전체보기linked_item은 대카테고리link_sub_item은 소카테고리를 포함하고 있는 태그이다.Horizontal nav바를 만들기로 해서 display:inline을 이용하여 가로로 나열하게 만들었는데 예상외의 복병이 있었다.바로 ul li아래에 있는 ul들때문에 대카테고리들이 일열로 쭉 나열되는 것이 아니라 sub_category_list의 height만큼 아래에서 정렬이 되고 있었다.게다가 내가 원하는 간격만큼 떨어져서 나열되는 것이 아니라 다닥다닥 붙어서 나열되는 바람에 모습이 너무 보기 안좋았따.그래서 float:left를 한 후 display:block으로 나열을 했더니 어느정도 내가 원하는 방향대로 n..
코딩/Web
[사이드바]navbar로 변경
앞선 포스트에서 단순히 부트스트랩의 dropdown기능만을 사용하면 금방 끝날 것처럼 생각했었다. 그런데 막상 사용하고 나니 다음과 같은 현상이 벌어졌다. 일단 css를 제대로 적용을 안한것이기 때문에 벌써 포기하기에는 이르다는 생각이지만 여러가지 문제가 존재한다. 원래는 좌측에 버튼이 존재해서 사이드바같은 것이 없다가 버튼이 클릭되면 튀어나오면서 카테고리를 표현하는 것을 원했는데 현 블로그에 맞지 않는 디자인이라고 판단 된것이 첫번째 문제였다. 그렇다고 필요성이 없어진 것이 아니므로 다른 방법을 찾다가 홈페이지 타이틀에 마우스를 hover하거나 타이틀 오른쪽에 +같은 버튼을 만들어서 카테고리를 dropdown형식으로 표현하는 것이 좋아보였다. 아마 최종적인 형태는 사이드바가 아닌 navbar형태가 될 ..
코딩/Web
[사이드바]제작기 1
≡ 사이드바를 만들기위해 이것저것 많이 찾아보고 참조를 했는데 단순히 JQuery로 접근하는 방법이 있고 부트스트랩을 이용한 방법 2가지가 있었다. dropdown-toggle이라든지 collpased라든지를 사용하여 만드는 것이 대부분이었는데 난 dropdown을 이용한 사이드바를 제작하기로 마음먹었다. 원래는 사이드바를 제작하기 위해서 ul과 li로 나열된 리스트가 필요하지만 티스토리에서는 와 라는 명령어로 간단하게 만들 수 있다. 그렇지만 왜인지는 모르겠는데 내 스킨에 사용했을때 cnt의 class이름을 가진 span태그가 생성되지 않아서 여러가지 시행착오를 거치고 있는 중이다. 사이드바를 계속 제작하면서 부트스트랩을 공부하고 그에 관한 포스팅도 병행할까 한다.