NOTICE 
Category (104)
글꼴 (2)
디카 (10)
모니터 (4)
백신 (2)
포토샵 (29)
블로그/스킨 (5)
웹팁 (5)
윈도우즈 (10)
Java (3)
Z_brd (0)
촬영지 (10)
html (2)
기타 (9)
컴퓨터 (10)
FireFox (2)
동영상 (0)

2015.09.17 11:34

혼살님의 블로그에 올려진

'티스토리에 Highslide 설치하고 사용하는 방법을 소개합니다.


http://honsal.tistory.com/category/IT/Tistory?page=1

위 주소로 방문하시면 됩니다.





<head></head> 사이에 넣어야 하는 <script> 태그 부분

<!-- Highslide JS -->
 
    <script type="text/javascript" src="./images/highslide-full.js"></script>
    <link rel="stylesheet" type="text/css" href="./images/highslide.css">
    <!--[if lt IE 7]>
    <link rel="stylesheet" type="text/css" href="./images/highslide-ie6.css" />
    <![endif]-->
 
    <script type="text/javascript">
        hs.graphicsDir = './images/';
        hs.align = 'center';
        hs.transitions = ['expand', 'crossfade'];
        hs.fadeInOut = true;
        hs.dimmingOpacity = 0.8;
        hs.outlineType = 'rounded-white';
        hs.captionEval = 'this.thumb.alt';
        hs.marginBottom = 105; // make room for the thumbstrip and the controls
        hs.numberPosition = 'caption';
 
        // Add the slideshow providing the controlbar and the thumbstrip
        hs.addSlideshow({
            //slideshowGroup: 'group1',
            interval: 5000,
            repeat: false,
            useControls: true,
            overlayOptions: {
                className: 'text-controls',
                position: 'bottom center',
                relativeTo: 'viewport',
                offsetY: -60
            },
            thumbstrip: {
                position: 'bottom center',
                mode: 'horizontal',
                relativeTo: 'viewport'
            }
        });
    </script>
    <!-- End Highslide JS -->


2015.02.27 11:08

너무 쉽습니다.

아래 사진처럼 www와 youtube 사이에 ss만 쳐넣고 엔터키를 누르면 됩니다.


[Utube0 유튜브동영상 쉽게 녹화하기


[Utube0 유튜브동영상 쉽게 녹화하기


360p와 720p,

둘 중에 하나를 선택하고 'download' 클릭하면 끝입니다.


아주 쉽죠....?




2014.08.15 09:37

사이트 안내

http://www.htmlcompressor.com/compressor/


css 또는 html 또는 자바스크립트 까지 용량을 줄여줍니다.



1. 먼저 html 하는 방법부터 알려드리겠습니다.


html에 커서를 누르고 컨트롤 a를 눌러 전체 선택을 한 다음

복사를 합니다.


그런다음,

 소개한 사이트로 이동하여 'source' 란에 붙여넣기를 합니다.

오른쪽 사각창에  xhtml 인지 확인하고,

하단의 'compress' 버턴을 클릭합니다.



저렇게 용량이 줄어든 소스를 복사에서 다시 내 블로그에 붙여넣기하면 완성됩니다.

같은 방법으로 'css' 소스도 진행하면 끝납니다.


유의사항은,

내 블로그의 스킨보관함에 미리 스킨을 저장해두는 게 좋습니다.

소스가 압축되었기 때문에 스킨 수정할 때 소스 위치찾기가 어려울 수 있기 때문입니다.


http://campinggoing.tistory.com/ 에서 발췌했습니다.



  
댓글   |
2014.06.16 09:59

1 html

1
2
3
<p id="back-top">
    <a href="#top">Back To Top</a>
</p>

2 CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
#back-top {
    position: fixed;
    bottom: 30px;
    margin-left: -150px;
}
 
#back-top a {
    width: 108px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;
 
    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover {
    color: #000;
}
 
/* arrow icon (span tag) */
#back-top span {
    width: 108px;
    height: 108px;
    display: block;
    margin-bottom: 7px;
    background: #ddd url(up-arrow.png) no-repeat center center;
 
    /* rounded corners */
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
 
    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover span {
    background-color: #777;
}

3 Jquery

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
// hide #back-top first
$("#back-top").hide();
 
// fade in #back-top
$(function () {
    $(window).scroll(function () {
        if ($(this).scrollTop() > 100) {
            $('#back-top').fadeIn();
        } else {
            $('#back-top').fadeOut();
        }
    });
 
    // scroll body to 0px on click
    $('#back-top a').click(function () {
        $('body,html').animate({
            scrollTop: 0
        }, 800);
        return false;
    });
});

*튜토리얼 : http://webdesignerwall.com/tutorials/animated-scroll-to-top
*데모 : http://webdesignerwall.com/demo/scroll-to-top/scrolltotop.html

2014.06.02 11:33


FastBoot v1.6.1.zip


반응형 스킨입니다.



2011.07.30 17:07


저는 인터넷을 거의 대부분 파이어폭스로 엽니다.
가끔 Safari로 열기도 하지만요....

왜냐면,
여러가지 장점이 많지만 제일 먼저 선호하게 된 이유는 위의 이미지 때문입니다.
인터넷 창의 윗부분(header)과 아랫부분(footer)를
직접 제작하여 밑그림으로 사용할 수가 있다는 겁니다.

제작하여 업로드하는 방법은,
위 이미지 오른쪽에 있는 'Create You Own'을 클릭하면 자세하게 설명되어 있고요,
사용할 이미지는 포토샵 같은 프로그램으로 직접 만들어야지요....^^

그리고
MS Explorer의 이미지 표현의 한계에 대해서는 다믐에 설명해 드리겠습니다.



김덕조(서울)
제작한 소품을 올렸으면하고 html 문서를 사용하는 곳이 보이질 않는데 어디에 있는지
2012.04.17 19:19

2009.06.02 14:17


내 블로그의 로딩시간은 얼마나 될까....?
아래 사이트로 들어가 빈칸에 자신의 도메인을 입력하여 확인버턴을 누르세요.

http://www.iwebtool.com/speed_test



2007.08.24 09:07
오래된 글에 댓글이 달렸을 적에 댓글알림 쪽지를 열면
'댓글바로가기'가 않되고 태그가 그대로 나오는 현상을 없애는 방법입니다.



제로보드 폴더 > member_memo.php과
                       member_memo2.php 2개의 파일을 수정해야 합니다..

2개의 파일 소스중에서
                      <?=autolink(nl2br(stripslashes(del_html($now_data[memo]))))?> 소스를 찾아서

다음과 같이 변경합니다.
                     <?=autolink(nl2br(stripslashes($now_data[memo])))?>
ddakzzi
가려운곳을 확 긁어주는 아주 유용한 정보였습니다.

감사합니다.
2008.11.21 18:15

 이전  12   다음 

fotowall :: ncloud RSS Feeds today : 10   yesterday : 9
total : 185,543