차이
문서의 선택한 두 판 사이의 차이를 보여줍니다.
| 양쪽 이전 판이전 판다음 판 | 이전 판 | ||
| tech:tumblr [2018/01/23 09:29] – 211.40.64.61 | tech:tumblr [2019/12/06 01:13] (현재) – ↷ 링크가 이동 작업으로 인해 적응했습니다 V_L | ||
|---|---|---|---|
| 줄 3: | 줄 3: | ||
| - | {{image> | + | {{image> |
| + | |||
| + | http:// | ||
| 텀블러는 소셜네트워크 서비스로 블로그 형태로 SNS 처럼 사용을 하는 마이크로 블로그 플랫폼이다. | 텀블러는 소셜네트워크 서비스로 블로그 형태로 SNS 처럼 사용을 하는 마이크로 블로그 플랫폼이다. | ||
| - | 세계나라에서 약 1억만명이상이 이 서비스를 이용하고 있으며 사진.글.동영상등 공유가 쉬워서 많이들 이용하고 있다. | + | 세계나라에서 약 1억만명이상이 이 서비스를 이용하고 있으며 사진, 글, 동영상 등 공유가 쉬워서 많이들 이용하고 있다. |
| 블로그와 트위터의 중간 정도 개념이라고 볼수 있다. | 블로그와 트위터의 중간 정도 개념이라고 볼수 있다. | ||
| 줄 13: | 줄 15: | ||
| - | [[마크다운]]을 잘 지원한다. | + | [[markdown]]을 잘 지원한다. |
| =====성인자료문제===== | =====성인자료문제===== | ||
| 줄 28: | 줄 30: | ||
| {{image> | {{image> | ||
| - | =====템플릿 만들기===== | + | 잠금 |
| - | + | ||
| - | * http:// | + | |
| - | + | ||
| - | + | ||
| - | < | + | |
| - | < | + | |
| - | <html xmlns=" | + | |
| - | < | + | |
| - | <meta http-equiv=" | + | |
| - | < | + | |
| - | <link rel=" | + | |
| - | <link rel=" | + | |
| - | {block: | + | |
| - | + | ||
| - | <meta name=" | + | |
| - | <meta name=" | + | |
| - | <meta name=" | + | |
| - | <meta name=" | + | |
| - | <meta name=" | + | |
| - | <meta name=" | + | |
| - | <meta name=" | + | |
| - | <meta name=" | + | |
| - | <meta name=" | + | |
| - | <meta name=" | + | |
| - | <meta name=" | + | |
| - | <meta name=" | + | |
| - | <meta name=" | + | |
| - | + | ||
| - | <script type=" | + | |
| - | <script type=" | + | |
| - | + | ||
| - | <style type=" | + | |
| - | @import url(http:// | + | |
| - | html, body { | + | |
| - | height: 100%; | + | |
| - | } | + | |
| - | body { | + | |
| - | background: | + | |
| - | {block: | + | |
| - | margin: 0; | + | |
| - | font-family: | + | |
| - | color: {color:Body text}; | + | |
| - | font-size: | + | |
| - | line-height: | + | |
| - | } | + | |
| - | a { | + | |
| - | color: inherit; | + | |
| - | } | + | |
| - | a img { | + | |
| - | border: none; | + | |
| - | } | + | |
| - | blockquote { | + | |
| - | margin: 0; | + | |
| - | padding: 0 0 0 9px; | + | |
| - | border-left: | + | |
| - | } | + | |
| - | header { | + | |
| - | position: | + | |
| - | width: 1040px; | + | |
| - | margin: 50px auto 25px auto; | + | |
| - | text-align: | + | |
| - | } | + | |
| - | header a { | + | |
| - | text-decoration: | + | |
| - | } | + | |
| - | header img { | + | |
| - | max-width: | + | |
| - | } | + | |
| - | header .title h1 { | + | |
| - | margin: 0; | + | |
| - | line-height: | + | |
| - | font-family: | + | |
| - | text-transform: | + | |
| - | font-weight: | + | |
| - | font-size: | + | |
| - | color: {color:Blog title}; | + | |
| - | } | + | |
| - | header p { | + | |
| - | margin: 5px 0; | + | |
| - | } | + | |
| - | header .menu_item { | + | |
| - | margin: 0 5px; | + | |
| - | {block: | + | |
| - | font-weight: | + | |
| - | } | + | |
| - | {block: | + | |
| - | width: 260px; | + | |
| - | } | + | |
| - | .no_of_columns_2 { | + | |
| - | width: 520px; | + | |
| - | } | + | |
| - | .no_of_columns_3 { | + | |
| - | width: 780px; | + | |
| - | } | + | |
| - | .no_of_columns_4 { | + | |
| - | width: 1040px; | + | |
| - | } | + | |
| - | .no_of_columns_5 { | + | |
| - | width: 1300px; | + | |
| - | } | + | |
| - | .no_of_columns_6 { | + | |
| - | width: 1560px; | + | |
| - | } | + | |
| - | .no_of_columns_7 { | + | |
| - | width: 1820px; | + | |
| - | } | + | |
| - | .no_of_columns_8 { | + | |
| - | width: 2080px; | + | |
| - | }{/ | + | |
| - | .posts { | + | |
| - | position: | + | |
| - | margin: 25px auto; | + | |
| - | {block: | + | |
| - | width: 510px; | + | |
| - | {/ | + | |
| - | height: 105%; | + | |
| - | } | + | |
| - | .post { | + | |
| - | float: left; | + | |
| - | position: | + | |
| - | margin: 5px; | + | |
| - | width: {block: | + | |
| - | / | + | |
| - | } | + | |
| - | + | ||
| - | .post h2 { | + | |
| - | margin: | + | |
| - | font-size: | + | |
| - | line-height: | + | |
| - | letter-spacing: | + | |
| - | font-weight: | + | |
| - | } | + | |
| - | .post h2.quote { | + | |
| - | font-family: | + | |
| - | letter-spacing: | + | |
| - | font-style: | + | |
| - | } | + | |
| - | .post p, .post li { | + | |
| - | line-height: | + | |
| - | } | + | |
| - | .post p { | + | |
| - | margin: | + | |
| - | } | + | |
| - | .post ol, .post ul { | + | |
| - | margin: | + | |
| - | padding: | + | |
| - | } | + | |
| - | .post li { | + | |
| - | margin: | + | |
| - | } | + | |
| - | {block: | + | |
| - | position: | + | |
| - | bottom: | + | |
| - | + | ||
| - | padding: | + | |
| - | left: 0; | + | |
| - | width: 100%; | + | |
| - | text-align: | + | |
| - | display: | + | |
| - | } | + | |
| - | .post: | + | |
| - | display: | + | |
| - | + | ||
| - | background-color: | + | |
| - | } | + | |
| - | .post .controls a p {margin: | + | |
| - | .post .controls .item { | + | |
| - | display: | + | |
| - | position: | + | |
| - | vertical-align: | + | |
| - | } | + | |
| - | .post .controls .like { | + | |
| - | background-image: | + | |
| - | width: | + | |
| - | height: | + | |
| - | margin-right: | + | |
| - | } | + | |
| - | .post .controls .reblog { | + | |
| - | background-image: | + | |
| - | width: | + | |
| - | height: | + | |
| - | } | + | |
| - | .post .controls .note_count { | + | |
| - | background-image: | + | |
| - | height: | + | |
| - | color: | + | |
| - | font-weight: | + | |
| - | font-size: | + | |
| - | padding: | + | |
| - | margin-left: | + | |
| - | line-height: | + | |
| - | } | + | |
| - | .post .controls .note_count: | + | |
| - | content: | + | |
| - | background-image: | + | |
| - | height: | + | |
| - | width: | + | |
| - | position: | + | |
| - | top: 0px; | + | |
| - | left: | + | |
| - | } | + | |
| - | .post .controls .note_count: | + | |
| - | content: | + | |
| - | background-image: | + | |
| - | height: | + | |
| - | width: | + | |
| - | position: | + | |
| - | top: 0px; | + | |
| - | right: | + | |
| - | }{/ | + | |
| - | .post .photo { | + | |
| - | position: | + | |
| - | overflow: | + | |
| - | } | + | |
| - | .post img { | + | |
| - | max-width: | + | |
| - | height: | + | |
| - | } | + | |
| - | .post img.main_photo { | + | |
| - | width: 100%; | + | |
| - | float: left; | + | |
| - | } | + | |
| - | .post .player { | + | |
| - | padding: | + | |
| - | background: | + | |
| - | margin: 0; | + | |
| - | } | + | |
| - | .post .lines { | + | |
| - | margin: 0 0 5px 0; | + | |
| - | } | + | |
| - | .post .lines .line { | + | |
| - | padding: | + | |
| - | } | + | |
| - | .post .lines .even { | + | |
| - | background: | + | |
| - | color: {color: | + | |
| - | } | + | |
| - | .post .lines .even * { | + | |
| - | color: | + | |
| - | } | + | |
| - | .post ol.notes { | + | |
| - | padding: | + | |
| - | list-style-type: | + | |
| - | } | + | |
| - | .post ol.notes li.note { | + | |
| - | border-bottom: | + | |
| - | padding: | + | |
| - | margin: | + | |
| - | } | + | |
| - | .post ol.notes li.note img.avatar { | + | |
| - | vertical-align: | + | |
| - | margin-right: | + | |
| - | width: | + | |
| - | height: | + | |
| - | } | + | |
| - | .post ol.notes li.note .answer_content { | + | |
| - | font-weight: | + | |
| - | } | + | |
| - | .post ol.notes li.note blockquote { | + | |
| - | border-color: | + | |
| - | padding: | + | |
| - | margin: | + | |
| - | } | + | |
| - | .post ol.notes li.note blockquote a { | + | |
| - | text-decoration: | + | |
| - | } | + | |
| - | .pagination { | + | |
| - | display: none; | + | |
| - | } | + | |
| - | .posts h2 a { text-decoration: | + | |
| - | .post h2 {margin-top: | + | |
| - | .post {overflow: | + | |
| - | text-shadow: | + | |
| - | .test {border:1px red dotted}; | + | |
| - | {CustomCSS} | + | |
| - | </ | + | |
| - | < | + | |
| - | < | + | |
| - | .posts { | + | |
| - | opacity: 1 !important; | + | |
| - | } | + | |
| - | </ | + | |
| - | </ | + | |
| - | < | + | |
| - | (function(i, | + | |
| - | (i[r].q=i[r].q||[]).push(arguments)}, | + | |
| - | m=s.getElementsByTagName(o)[0]; | + | |
| - | })(window, | + | |
| - | + | ||
| - | ga(' | + | |
| - | ga(' | + | |
| - | + | ||
| - | </ | + | |
| - | </ | + | |
| - | + | ||
| - | <body class=" | + | |
| - | + | ||
| - | {block: | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | < | + | |
| - | <a class=" | + | |
| - | {block: | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | < | + | |
| - | <script async src="// | + | |
| - | <!-- 위키상단 --> | + | |
| - | <ins class=" | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | < | + | |
| - | (adsbygoogle = window.adsbygoogle || []).push({}); | + | |
| - | </ | + | |
| - | + | ||
| - | <div class=" | + | |
| - | {block: | + | |
| - | + | ||
| - | <div class=" | + | |
| - | + | ||
| - | + | ||
| - | {block: | + | |
| - | + | ||
| - | {/ | + | |
| - | + | ||
| - | {block: | + | |
| - | + | ||
| - | {block: | + | |
| - | + | ||
| - | + | ||
| - | {block: | + | |
| - | + | ||
| - | {block: | + | |
| - | + | ||
| - | {block: | + | |
| - | + | ||
| - | {block: | + | |
| - | + | ||
| - | <div class=" | + | |
| - | {PostSummary} | + | |
| - | <a href=" | + | |
| - | <a class=" | + | |
| - | <a href=" | + | |
| - | <a href=" | + | |
| - | + | ||
| - | </ | + | |
| - | + | ||
| - | {block: | + | |
| - | {block: | + | |
| - | {PostNotes} | + | |
| - | </ | + | |
| - | + | ||
| - | {/ | + | |
| - | + | ||
| - | </ | + | |
| - | + | ||
| - | < | + | |
| - | | + | |
| - | streams: | + | |
| - | theme: ' | + | |
| - | ticker: true | + | |
| - | }; | + | |
| - | + | ||
| - | / | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | </ | + | |
| - | <script language=' | + | |
| - | setTimeout(function() { | + | |
| - | blogger.ui().configure().view(); | + | |
| - | }, 0); | + | |
| - | </ | + | |
| - | {block: | + | |
| - | $(function(){ | + | |
| - | var $container = $(' | + | |
| - | opacity: 0 | + | |
| - | }); | + | |
| - | $container.imagesLoaded(function(){ | + | |
| - | $container.animate({ | + | |
| - | opacity: | + | |
| - | }); | + | |
| - | $container.masonry({ | + | |
| - | itemSelector: | + | |
| - | columnWidth: | + | |
| - | }); | + | |
| - | }); | + | |
| - | $container.infinitescroll({ | + | |
| - | navSelector: | + | |
| - | nextSelector: | + | |
| - | itemSelector: | + | |
| - | loading: { | + | |
| - | img: ' | + | |
| - | donetext: | + | |
| - | } | + | |
| - | }, | + | |
| - | var $newElems = $( newElements ).css({ | + | |
| - | opacity: | + | |
| - | }); | + | |
| - | $newElems.imagesLoaded(function() { | + | |
| - | $newElems.animate({ | + | |
| - | opacity: | + | |
| - | }); | + | |
| - | $container.masonry( ' | + | |
| - | }); | + | |
| - | }); | + | |
| - | }); | + | |
| - | </ | + | |
| - | </ | + | |
| - | </ | + | |
| - | </ | + | |
| - | + | ||
| - | + | ||
| - | ^ 누구나 수정하실 수 있다. [[http:// | + | |
| + | 야후는 2011년 텀블러를 11억 달러(약 1조 2,800억 원)에 인수했고, | ||
| + | 페이스북, | ||