플러그인과 위젯 - 3단스킨 레이아웃?!*

On/HtmlCss 2010.06.17 23:32
  • 사이드바 테두리 설정,
    margin and padding, border 의 조화로 가능함
    특히, css에 border: 1px solid #000; 을 삽입하면 테두리가 키포인트*

    한편, 선두께 좌우합친 것을 컨테이너 총장에 반영 등

    Favicon of https://xtime.tistory.com 大道 2010.06.19 15:31 신고

http://widgetbank.daum.net
http://v.daum.net

/* ------------------------------------------------------------------- */
/* ***** skin/container/사이드바추가 ***** */
/* ------------------------------------------------------------------- */

<div id="사이드바추가">
<s_sidebar><s_sidebar_element>
<h3>고진감래</h3>
</s_sidebar_element></s_sidebar></div>

/* ------------------------------------------------------------------- */
/* 새 블로그 레이아웃 - 비결은 스킨순서로써 사바1>사바2>본문*/
/* 250+630+250=1130+좌바우측여백20+우바좌측여백20=1170 */
/* ------------------------------------------------------------------- */

#container {padding-top:20px; margin:0; width:1170px;}
#left {float:left;width:250px; padding-right:20px; padding-bottom:20px;}
#header {text-align:right; width:250px; padding-top:40px; padding-bottom:20px;}
#sidebar {text-align:right; width:250px;}
#content {width:630px; line-height:160%; overflow:hidden;}
#사이드바추가 {float:right;width:250px; padding-left:20px; padding-bottom:20px;padding-top:40px; text-align:left;}

posted by 大道

블로그 기초 - script.js

On/HtmlCss 2010.06.16 06:16
  • function showHide(id) {
    var obj = document.getElementById(id);
    if (obj.style.display == 'none')
    obj.style.display = 'block';
    else
    obj.style.display = 'none';
    }

    function bluring(){
    if(event.srcElement.tagName=="A"||event.srcElement.tagName=="IMG") document.body.focus();
    }
    document.onfocusin=bluring;

    大道 2010.06.17 19:25
  • “ 링크이미지 점선없애기 ”

    위소스로 적용했더니 글자크기 폰드선댁이 안되네요.

    1_main_html.php 의
    <STYLE TYPE='text/css'> 에
    a {selector-dummy: expression(this.hideFocus=true);}/* 링크점선 없애기*/

    위에줄 추가하니 잘 됨니다.

    大道 2010.06.17 20:12
  • 샵에 보면 이미지맵으로 은행들 연결되어있죠..
    그건 이미지 도트라인 없애기로 안없어지더라구요..^^;;
    그래서 또 찾아보다 발견 ;;
    테크노트경로/skin_shop/standard/css_javascript/shop_public.js
    파일을 열어서..

    a,area { blr:expression(this.onFocus=this.blur())}
    :focus { -moz-outline-style: none; }

    이렇게 두줄만 추가해 주세요.^^
    그럼 도트라인이 싹 사라진답니다.;;
    허접팁였습니당 ;;

    大道 2010.06.17 20:14
images/script.js 에 추가한 것 - 스킨의 3파에 자바스트립터를 반드시 포함시킬 이유이다.
일일이 a를 찾아 다 붙여도 안되던 것이 이렇게 자바함수 달랑 하나만 붙이니 완전히 점선없다.
혹시 향후 에러를 위하여 - 테크노트에서 검색어: blur를 치면 해법 보일 터이다.

function bluring(){
if(event.srcElement.tagName=="A"||event.srcElement.tagName=="IMG") document.body.focus();
}
document.onfocusin=bluring;


시바손봐 - 누른 마우스 흔적없는 소스 삽입
this.blur를 <a>에만 붙이면 될 터 - 다만, 치환자에는 어찌 해 볼 방법이 없는 중
미결 - "세부" 범주와 태그 치환자 

시바스킨에서 - 수정과, 페이징 등

댓글이 영어로도 나오고 한글로도 나오는데 일통
posted by 大道

Tag cloud

On/HtmlCss 2010.05.29 09:54
화일을 계정에 업로드후
참고 - 찝파일을 큐브9종중 상단중간 것으로 올림
화일올릴경로 - 텍스트큐브/스킨/이미지/(화일모두)

출력될 태그부위 -스크롤소스/태그문자 부위격- 를 다음처럼 수정한다.

<div id="htags" style="display:none;"><tags>
  <s_random_tags>
    <a href="[##_tag_link_##]" class="[##_tag_class_##]">[##_tag_name_##]</a>
  </s_random_tags>
<a href="/"></a></tags></div>
<div id="TiCumulus"><p>Tistory Cumulus Flash tag cloud by <a href="http://zoc.kr">BLUEnLIVE</a> requires Flash Player 9 or better.</p></div>
<script type="text/javascript" src="./images/swfobject.js"></script>
<script type="text/javascript">
  var t = new SWFObject("./images/tagcloud.swf", "tagcloud", "100%", "200", "7", "#ffffff");
  t.addVariable("tcolor", "0x222222");
  t.addVariable("mode", "tags");t.addVariable("distr", "true");t.addVariable("tspeed", "100");t.addParam("allowScriptAccess", "always");
  t.addVariable("tagcloud", document.getElementById('htags').innerHTML.replace(/class=([\w]+)/gi, 'class="$1"').replace(/\"\"/gi, '"').replace(/class=\"/gi, 'style=\"font-size:').replace(/:cloud([\d])/gi, ':1$1pt;').replace(/TAGS\>/gi, 'tags>').replace(/\<A\s/gi, '<a ').replace(/\<\/A\>/gi, '</a>').replace(/\"/g, "'"));
  t.write("TiCumulus");
</script>

posted by 大道

객체 대화형 자바 - 유일해법

On/HtmlCss 2010.05.26 04:55
  • if(screen.width==1280) var stmnleft=213;
    else var stmnleft=85; // 왼쪽 여백 (메뉴가 왼쪽에서 ***픽셀 떨어진 곳에 보여집니다)

    大道 2010.05.26 16:19

모니터별 자바오류로 다양한 스킨을 골라봤지만 지금께 제일 낫구나
이제 방법은 자바변수로 처리할 것이다.
만약 안그러면 딴 모니터는 포기하리..

posted by 大道

Excel VBA

On/Office 2010.05.03 17:38
posted by 大道