지원님의 카테고리만들기 코드를 이렇게 요약한게 맞는지요? (물론 칼러로 된 부분만 고친거고,,, 아래위로 </ul></li> 등 부분 제가 정확하게 잘라낸건지 모르겠네요)
-----------------
<style type="text/css">
.categoryl1{list-style-type: disc; }
.categoryl2{list-style-type: circle; list-style-position:inside;}
</style>
<div id='category' class='G1s'>
<ul>
<li class='categoryl1'>
<a id='category-tip' href='/search/label/tip?max-results=1'>Tip</a><ul>
<li class='categoryl2'>
<a id='category-blog' href='/search/label/blog?max-results=1'>Blog</a></li>
</ul></li>
</ul>
</div>
<script>
function Category(id, label, name){
this.a = document.getElementById(id);
this.label = label;
var script = document.createElement('script');
script.type = 'text/javascript';
script.charset = 'utf-8';
script.src = home + '/feeds/posts/summary/-/' + label + '?max-results=1&alt=json-in-script&callback=' + name +'.pong';
document.getElementsByTagName('head')[0].appendChild(script);
this.pong = function(cfeed){
var cnt = cfeed.feed.openSearch$totalResults.$t;
this.a.innerHTML = this.a.innerHTML + '(' + cnt + ')';
};
}
var home = 'http://hi5656.blogspot.com';
var tip = new Category('category-tip','tip','tip');
var blog = new Category('category-blog','blog', 'blog');
</script>
--------------------------
위에 요약한게 맞는가요?? 칼러부분 코드를 무한복제해 카테고리항목을 만드면 되는거죠??
Tip
실제로 표기해 나타나는 카테고리 명칭이겠고, (레벨상으론 소문자로 나타나고..)
tip
해당 카테고리 클릭시 주소창에 나타나는 실제주소이겠고;;
예를들어, 카테고리 명칭에 띄워쓰기가 있는 경우:: project%20euler <<---이렇게 나타나고 그대로 붙여넣어신것 같네요,..
Google +(8) 이랑 보니깐요.
***그런데, tip tip','--이 녹색과 노랑부분이 좀 아리숭하네요;;;;
'여행,잡담' 등 영문이 아닌 카테고리명칭 일때, 임의(?아니면 어떤 규칙에 의한? 'gp(구글 +)' 의 경우를 보면,영어로 번역해 넣은것 같지 않고 ) 영문으로 지정해서 사용한다는 것 같은데요ㅠㅠ
단지 띄워쓰기 없는 영문으로 카테고리명칭으로 한다면 아마 다 똑같게 카테고리명칭 그대로입력해도 무망하다는 의미인 듯 하지만,........
띄의쓰기랑 있는 경우 예를 들어:
상위1 카테고리 명칭: 여행 trip
그 하위2 카테고리명칭: 제주 jeju 濟州島
이라고 했을때;; 어떻게 입력해야 할까요?
특히, 녹색과 노랑부분 말이죠ㅡㅠㅠ 임의의 영문으로 쓰면 되는건죠?
이렇게 만든 코드부분---> 카3코드
부분 뺏을때와 효과가 같은건 같습니다... 어디가 잘못되였을걸까요?
---------------댓글 참조해서....... 카테고리4
--------
^ 상위 카테고리가 하위보다 폰트사이즈를 크게 하거나 굵게 하려면 어떻게 하는건가요^^
위에 보시면 상위 카테고리와 하위 카테고리를 구분하여 class 를 각각 다르게 주었는데요. 각 class. categoryl1와 categoryl2에 각각 원하는 CSS를 주면 됩니다. CSS관련해서는 검색을 해보시면 될 테구요.
예를 들어 폰트 사이즈 관련 해서는..
<style type="text/css">
.categoryl1 {
font-size: 15px;
}
.categoryl2 {
font-size: 10px;
}
</style>
와 같이 주시면 됩니다.
예를 들어 폰트 사이즈 관련 해서는..
<style type="text/css">
.categoryl1 {
font-size: 15px;
}
.categoryl2 {
font-size: 10px;
}
</style>
와 같이 주시면 됩니다.
---------------
카5-1 상하위 카테고리글 크기
카3-1상하위 카테고리글 크기


예시를 들어서 풀어 설명하면...
답글삭제버튼이 있고, 동작이 있습니다.
이 버튼과 동작은 따로 떨어져 있기때문에 이 둘을 연결하는 법칙이 있어야 하죠.
여기서 버튼은 <a id='category-tip' href='/search/label/tip?max-results=1'>Tip</a> 이 부분이 되구요.
이 부분의 이름은 id 값인 category-tip 가 됩니다. 색으로 치면 노란색 부분이죠.
이 버튼에 해당하는 동작은 빨간색 부분입니다.
각 포스트마다 라벨을 지정해 주셨으면... 그 라벨 값이 들어가는 거죠.
그리고 두 버튼과 동작을 이어주는게 법칙의 이름이 녹색부분.
카테고리 명에 띄어쓰기는 어떤 값이 들어가든 상관이 없습니다.
단 라벨에 띄어쓰기가 들어갈 경우. %20를 넣어주시면 되구요.
녹색부분에 띄어쓰기는 절대 들어가선 안됩니다.언더바(_) 나 다른 값으로 대체해 주시면 됩니다.
설명이 잘 되었나 모르겠네요. ^^
일단 한가지 의심되는 부분이 있네요.
답글삭제var j 이부분..... j 같은경우 흔하게 쓰이는 변수명입니다.
실제로 이 페이지를 뒤져보니.... j 변수가 쓰여진 곳이 있네요.
이럴경우 j 변수가 어떤걸 가르키는지 헷갈릴 수가 있습니다.
var j 부분을 다른 특별한 이름으로 바꿔보세요. ^^
정말~~~감솨합니다^^
답글삭제