movingBox - 마감하면서

On/HtmlCss 2010.06.14 00:27
먼저 내 막말부터 한다
상하좌우 신경쓰지 말아라 - 상하단을 무시하고 사이드바를 경시하라 (사이드바에서 자유로이 사용함)
향후 공부할 수 있는 구조는 중앙정렬형 T자이다
한마디로, 오직 (중앙) T자를 들고 상단메뉴만 구축한 채 전진하거라

아 여기서 막간의 말
서식이 필요했더니 - 그 요지는 막 적고 노트처럼 좌측에 요점기재함인데
뭐 붙여오고 불편한 점도 있으니
막 적기를 아무데나 할 수 있음에
노트를 좌측 대신에 단락별 분명히 삼색비법을 거르지 않는다면 매한가지다

posted by 大道

movingBox - 상단메뉴

On/HtmlCss 2010.06.14 00:02
기능요약 - 범주없이 범주가는 경로

<div id="menu">
    <ul class="menu">
     <li class="menu_1"><a href="http://xtime.hosting.paran.com/tc/bd/category/XT-outlook/@Computer" onFocus='this.blur()'><span class="text_move">@Computer</span></a></li>
     <li class="menu_2"><a href="http://xtime.hosting.paran.com/tc/bd/category/XT-outlook/Delegated" onFocus='this.blur()'><span class="text_move">Delegated</span></a></li>
     <li class="menu_3"><a href="http://xtime.hosting.paran.com/tc/bd/category/XT-outlook/Outcomes" onFocus='this.blur()'><span class="text_move">Outcomes</span></a></li>
     <li class="menu_4"><a href="http://xtime.hosting.paran.com/tc/bd/category/XT-outlook/Selfchecks" onFocus='this.blur()'><span class="text_move">Selfchecks</span></a></li>
     <li class="menu_5"><a href="http://xtime.hosting.paran.com/tc/bd/category/XT-outlook/Todays" onFocus='this.blur()'><span class="text_move">Todays</span></a></li>
     <li class="menu_6"><a href="http://xtime.hosting.paran.com/tc/bd/category/Memo" onFocus='this.blur()'><span class="text_move">Memo</span></a></li>
                                   <li class="menu_7"><a href="http://xtime.hosting.paran.com/tc/bd/category/Archived" onFocus='this.blur()'><span class="text_move">Archived</span></a></li>
                 </ul><div class="clear"></div>
   </div>



#menu {height:40px; padding:0 0 0 41px; background:#5C6BDC repeat-x left top;}
.menu li {float:left; font-size:12px; font-family:"Malgun Gothic";}
.menu li a {padding:10px 0 0 0; display:block; height:28px; color:#FFFFFF;}
.menu li a .text_move {padding-left:10px;}
.menu li a:hover {color:#421909; font-weight:bold; text-decoration:none;}
.menu .menu_1 a {width:99px;}
.menu .menu_2 a {width:94px;}
.menu .menu_3 a {width:95px;}
.menu .menu_4 a {width:95px;}
.menu .menu_5 a {width:79px;}
.menu .menu_6 a {width:78px;}
.menu .menu_7 a {width:78px;}
posted by 大道

펼쳐진 범주

On/HtmlCss 2010.06.07 06:30
범주 펼쳐져있게 하도록? - 내 자주 쓰므로
<body>  <body onload="expandTree()">

바로 위 소스의 단점 - 갱신적 표난다
그 대안: 
<script language="JavaScript">try{expandTree();}catch(e){}</script> </s_sidebar_element>을 범주 사이드바 끝나기 직전에 넣어주면 범주가 항상 펼쳐져 있을 것임. 

더많은 펼침유형 - http://pangsan.tistory.com/128?srchid=BR1http%3A%2F%2Fpangsan.tistory.com%2F128
posted by 大道

Textcube Skin Master - 범주를 헤더막대로

On/HtmlCss 2010.06.04 13:15
범주를 가로로 놓으려면 줄이 끊어져야 하고
독립적으로 하부범주를 어떻게 표시하는지 알아야 함 - 즉, 경로(식)
<a    href="/category/廣告">廣告</a>

<a href="/tc/bd/category/Outlook%20A-%20system/Todays">Todays</a>

범주를 헤더막대에 비치하기 - 결국 절대경로를 적어야 에러/시행착오가 없음

http://xtime.hosting.paran.com/tc/bd/category/Outlook%20A-%20System/Delegated
posted by 大道

범주와 아웃룩

On/HtmlCss 2010.06.01 10:40
                                          내용                    적요
내가 좋다고 여겨 노력해온 스킨을 갈아탄 이유는 범주에 집중하고 싶습니다.  
금번 스킨의 장점은 범주를 특별히 강조한 겁니다. 장점을 하나만 더 말해봅시다. 굳이 앞 스킨이 안된 이유중 하나는 범주외 여백을 메꿀려다 보니 정신분산하다 막힌 겁니다. 이 스킨은 충분한 여백을 제공합니다. 범주와 여백
가장 결정적인건 범주를 강화하는 의도로 움직이는 메뉴를 고집했는데 폐해가 많았습니다. 여백을 가로막는 외 화면 흔들림, 플러그인 채용불편 등입니다. - 물론 코드실력은 굉장히 속성되는 면이 있습니다. 결론은 움직이지 않는 범주가 옳습니다. 또한 여백도 -여기야 있지만- 범주를 통해서 보여줄 각오로 범주를 통하여 모든 것을 풀어나갈 작정입니다. 또한 자바와 플러그인 등 공부조차 범주를 통해서 전진할 작정입니다. 아웃룩으로 만들어 버리겠다는 의도이지요. 스크롤은 틀렸다. 바로보기라는 범주를 신설할 지언정... 웹의 아웃룩화

posted by 大道