Post list


2012-11-27

카테고리명의 띄워쓰기 있을때,,?




 지원님의 카테고리만들기 코드를 이렇게 요약한게 맞는지요? (물론 칼러로 된 부분만 고친거고,,, 아래위로  </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코드

      보시다싶히, 글갯수가 표시 안됩니다ㅠㅠ  코드에서 글갯수표시해준다는 <script>
    부분 뺏을때와 효과가 같은건 같습니다...  어디가 잘못되였을걸까요?


    ---------------댓글 참조해서....... 카테고리4



    --------
    ^ 상위 카테고리가 하위보다 폰트사이즈를 크게 하거나 굵게 하려면 어떻게 하는건가요^^ 



    위에 보시면 상위 카테고리와 하위 카테고리를 구분하여 class 를 각각 다르게 주었는데요. 각 class. categoryl1와 categoryl2에 각각 원하는 CSS를 주면 됩니다. CSS관련해서는 검색을 해보시면 될 테구요.
    예를 들어 폰트 사이즈 관련 해서는..

    <style type="text/css">
    .categoryl1 {
    font-size: 15px;
    }
    .categoryl2 {
    font-size: 10px;
    }
    </style>

    와 같이 주시면 됩니다.

    ---------------

    카5-1 상하위 카테고리글 크기


    카3-1상하위 카테고리글 크기





    댓글 3개:

    1. 예시를 들어서 풀어 설명하면...
      버튼이 있고, 동작이 있습니다.
      이 버튼과 동작은 따로 떨어져 있기때문에 이 둘을 연결하는 법칙이 있어야 하죠.
      여기서 버튼은 <a id='category-tip' href='/search/label/tip?max-results=1'>Tip</a> 이 부분이 되구요.
      이 부분의 이름은 id 값인 category-tip 가 됩니다. 색으로 치면 노란색 부분이죠.
      이 버튼에 해당하는 동작은 빨간색 부분입니다.
      각 포스트마다 라벨을 지정해 주셨으면... 그 라벨 값이 들어가는 거죠.
      그리고 두 버튼과 동작을 이어주는게 법칙의 이름이 녹색부분.

      카테고리 명에 띄어쓰기는 어떤 값이 들어가든 상관이 없습니다.
      단 라벨에 띄어쓰기가 들어갈 경우. %20를 넣어주시면 되구요.
      녹색부분에 띄어쓰기는 절대 들어가선 안됩니다.언더바(_) 나 다른 값으로 대체해 주시면 됩니다.

      설명이 잘 되었나 모르겠네요. ^^

      답글삭제
    2. 일단 한가지 의심되는 부분이 있네요.
      var j 이부분..... j 같은경우 흔하게 쓰이는 변수명입니다.
      실제로 이 페이지를 뒤져보니.... j 변수가 쓰여진 곳이 있네요.
      이럴경우 j 변수가 어떤걸 가르키는지 헷갈릴 수가 있습니다.
      var j 부분을 다른 특별한 이름으로 바꿔보세요. ^^

      답글삭제