https://sample.note.tc/ 두 단짜리 UltimateBlogger 텍스트큐브 스킨 ko Thu, 30 May 2024 09:13:42 +0900 Textcube 2.0.0 : Beta 3 : inquieto /attach/4/1391923130.jpg https://sample.note.tc/ 625 429 두 단짜리 UltimateBlogger 텍스트큐브 스킨 https://sample.note.tc/8 <p><script> function TTGallery(t){this.containerId=t,this.container=document.getElementById(this.containerId),this.container.style.filter="progid:DXImageTransform.Microsoft.Fade(duration=0.3, overlap=1.0)",this.container.style.textAlign="center",this.container.style.width="100%",this.container.instance=this,this.numImages=0,this.galleryImages=[],this.imageLoaded=0,this.offset=0,this.src=[],this.alt=[],this.caption=[],this.width=[],this.height=[],this.imageCache=[],this.interval=2e3,this.effect="none",this.pause=!0,this.sliding=!1,this.setTimeoutId=null,this.nextText="NEXT",this.prevText="PREVIOUS",this.enlargeText="ZOOM",this.altText="gallery image",this.playText="Play",this.pauseText="Pause",this.playPauseText="Play / Pause",this.rewindText="Rewind",this.container=null}TTGallery.prototype.appendImage=function(t,e,i,s,a,n,l){this.numImages++,this.src[this.src.length]=t,this.alt.push(e),this.caption[this.caption.length]=i,this.width[this.width.length]=s,this.height[this.height.length]=a,void 0!==n&&n>=0&&(this.interval=n),void 0!==l&&(this.effect=l)},TTGallery.prototype.getControl=function(t){void 0===t&&(t=document.createElement("div")),t.style.marginBottom="10px",t.className="galleryControl",t.style.color="#777",t.style.font="bold 0.9em Verdana, Sans-serif";var e="";return e+='<span class="gallery_button_wrap" style="cursor:pointer;" onclick="document.getElementById(\''+this.containerId+'\').instance.rewind(); return false;"><img src="'+serviceURL+'/resources/image/gallery/gallery_rewind.png" style="vertical-align:text-bottom;" alt="'+this.rewindText+'" /></span>',e+='<span style="margin-left:12px;"></span>',e+='<span style="cursor:pointer;" onclick="document.getElementById(\''+this.containerId+'\').instance.prev(); return false;"><img src="'+serviceURL+'/resources/image/gallery/gallery_prev.gif" style="vertical-align:text-bottom;cursor:hand;" alt="'+this.prevText+'" /></span>',e+='<span class="galleryIndex" style="font-family:monospace">('+" ".repeat(this.numImages.toString(10).length-(this.offset+1).toString(10).length)+(this.offset+1)+"/"+this.numImages+")</span>",e+='<span style="cursor:pointer;" style="cursor:pointer;" onclick="document.getElementById(\''+this.containerId+'\').instance.next(); return false;"><img src="'+serviceURL+'/resources/image/gallery/gallery_next.gif" style="vertical-align:text-bottom;cursor:hand;" alt="'+this.nextText+'" /></span>',e+='<span style="margin-left:12px;"></span>',e+='<span style="cursor:pointer;" onclick="document.getElementById(\''+this.containerId+'\').instance.playPauseAutoSlide(); return false;"><img src="'+serviceURL+'/resources/image/gallery/gallery_play_pause.png" style="vertical-align:text-bottom;cursor:hand;" alt="'+this.playPauseText+'" /></span>',t.innerHTML=e,t},TTGallery.prototype.getImage=function(t){return void 0===t?t=document.createElement("img"):t.style.visibility="hidden",t.instance=this,t.src=this.src[this.offset],t.width=this.width[this.offset],t.height=this.height[this.offset],t.alt=this.alt[this.offset],t.className="galleryImage",t},TTGallery.prototype.getCaption=function(t){var e=this.caption[this.offset];return e=(e=(e=(e=(e=(e=(e=(e=(e=(e=e.replace(RegExp("&lt;?","gi"),"<")).replace(RegExp("&gt;?","gi"),">")).replace(RegExp("&quot;?","gi"),'"')).replace(RegExp("&#39;?","gi"),"'")).replace(RegExp("&amp;?","gi"),"&")).replace(RegExp("&lt;?","gi"),"<")).replace(RegExp("&gt;?","gi"),">")).replace(RegExp("&quot;?","gi"),'"')).replace(RegExp("&#39;?","gi"),"'")).replace(RegExp("&amp;?","gi"),"&"),(t=void 0===t?document.createElement("figcaption"):t).className="galleryCaption cap1",t.innerHTML=e,t},TTGallery.prototype.show=function(t){if(this.container=document.getElementById(this.containerId),0==this.numImages){var e=document.createElement("div");e.style.textAlign="center",e.style.color="#888",e.style.margin="10px auto",e.style.font="bold 2em/1 Verdana, Sans-serif",e.innerHTML="NO IMAGES",this.container.appendChild(e),this.container=null;return}if(void 0===t?this.offset=0:t<0?this.offset=this.numImages-1:t>=this.numImages?this.offset=0:this.offset=t,this.container.filters&&this.container.filters[0].Apply(),this.container.getElementsByTagName("img").length){this.getControl(this.container.getElementsByClassName("galleryControl")[0]);var i=this.getImage(this.container.getElementsByClassName("galleryImage")[0]);if(i.style.visibility="visible","none"==this.effect);else if("fadeIn"==this.effect)this.changeOpacity(this.container.getElementsByClassName("galleryImage")[0],0),this.fadeIn(this.container.getElementsByClassName("galleryImage")[0]);else if("fadeShift"==this.effect){var s=this.getImage();s.style.visibility="visible",this.changeOpacity(s,0),this.container.insertBefore(s,i),this.fadeShift(i,s),this.container.removeChild(i)}this.getCaption(this.container.getElementsByTagName("figcaption")[0])}else{this.container.innerHTML="",this.container.appendChild(this.getControl());var s=this.getImage();this.container.appendChild(this.getImage()),this.container.appendChild(this.getCaption())}this.container.filters&&this.container.filters[0].Play(),this.container=null},TTGallery.prototype.prev=function(){this.pause=!0,this.show(this.offset-1)},TTGallery.prototype.next=function(){this.pause=!0,this.show(this.offset+1)},TTGallery.prototype.rewind=function(){this.pause=!0,this.show(0)},TTGallery.prototype.playAutoSlide=function(){this.pause&&(this.pause=!1,this.autoSlide())},TTGallery.prototype.pauseAutoSlide=function(){this.pause=!0},TTGallery.prototype.playPauseAutoSlide=function(){this.pause=!this.pause,this.autoSlide()},TTGallery.prototype.autoSlide=function(t,e){if(void 0===t&&(t=this.interval),this.pause||this.sliding||!t||t<0){this.setTimeoutId&&clearTimeout(this.setTimeoutId);return}void 0===e&&(e=this.effect),this.sliding=!0,this.show(this.offset+1),this.setTimeoutId=setTimeout(()=>{this.autoSlide(t,e)},t),this.sliding=!1},TTGallery.prototype.showImagePopup1=function(){this.showImagePopup()},TTGallery.prototype.showImagePopup2=function(){this.instance.showImagePopup()},TTGallery.prototype.showImagePopup=function(t){try{open_img(this.src[this.offset])}catch(e){window.open(this.src[this.offset])}},TTGallery.prototype.fadeShift=function(t,e){var i=1,s=0;inTimer=setInterval(()=>{i=this.fadeOutAction(t,i,null)},30),inTimer=setInterval(()=>{s=this.fadeInAction(e,s,null)},30)},TTGallery.prototype.fadeIn=function(t){var e=0,i=null;i=setInterval(()=>{e=this.fadeInAction(t,e,i)},30)},TTGallery.prototype.fadeInAction=function(t,e,i){return e+=.05,this.changeOpacity(t,e),e>1&&clearInterval(i),e},TTGallery.prototype.fadeOut=function(t){var e=1,i=null;i=setInterval(()=>{e=this.fadeOutAction(t,e,i)},30)},TTGallery.prototype.fadeOutAction=function(t,e,i){return e-=.05,this.changeOpacity(t,e),e<0&&clearInterval(i),e},TTGallery.prototype.changeOpacity=function(t,e){var i=t;i.style.opacity=e,i.style.MozOpacity=e,i.style.KhtmlOpacity=e,i.style.MsFilter="'progid: DXImageTransform.Microsoft.Alpha(Opacity="+100*e+")'",i.style.filter="alpha(opacity="+100*e+");"}; </script> <figure id="tt-gallery-8-1" class="tt-gallery-box"> <script> //<![CDATA[ var gallery81 = new TTGallery("tt-gallery-8-1"); gallery81.prevText = "이전 이미지 보기"; gallery81.nextText = "다음 이미지 보기"; gallery81.enlargeText = "원본 크기로 보기"; gallery81.altText = "갤러리 이미지"; gallery81.appendImage("/attach/4/6323360264.png", "", "", 400, 149, 4000, "fadeIn");gallery81.appendImage("/attach/4/5659440706.jpg", "", "", 400, 274, 4000, "fadeIn"); gallery81.show(); setTimeout(() => {gallery81.playAutoSlide()}, 4000); //]]> </script> <noscript> <figure class="imageblock center" style="text-align: center; clear: both;"> <img src="/attach/4/6323360264.png" width="400" height="149" alt=""> </figure><figure class="imageblock center" style="text-align: center; clear: both;"> <img src="/attach/4/5659440706.jpg" width="400" height="274" alt=""> </figure> </noscript> </figure> &nbsp; '파일 업로드 및 삽입' 창에서 넣을 수 있는 갤러리입니다.</p> <p>&nbsp; 편집 창에서 갤러리에 넣을 그림, 자동으로 시작할지, 전환 시간, 전환 방법을 정할 수 있습니다.</p> <ul> <li>⏯️ : 갤러리 그림이 차례로 바뀜</li> <li>⏪ : 앞 그림으로 (정지)</li> <li>⏩ : 뒤 그림으로 (정지)</li> <li>⏮ : 맨 첫 그림으로 (정지)</li> </ul> 그림 그림 갤러리 image 깜빡쟁이 https://sample.note.tc/8 https://sample.note.tc/8#entry8comment Tue, 21 Jun 2022 01:52:45 +0900 https://sample.note.tc/7 <p>서서히 펼쳐지고 접히는 효과<sup style="font-family:tahoma;"><a href="https://*.note.tc/rss#footnote_7_1" id="footnote_link_7_1" rel="footnote">주1</a></sup></p> <!-- <script type="text/javascript"> var ValidMe=document.getElementById("gplusone"); ValidMe.setAttribute("data-size","small"); ValidMe.setAttribute("data-count","true"); </script>--><br /> <p id="more7_0" class="moreless_fold"><span style="cursor: pointer;" onclick="toggleMoreLess(this, '7_0',' 펼치기 ',' 접기 '); return false;"> 펼치기 </span></p><div id="content7_0" class="moreless_content" style="display: none;"> <p>&nbsp; 유구한 역사와 전통에 빛나는 우리 대한국민은 3&middot;1운동으로 건립된 대한민국임시정부의 법통과 불의에 항거한 4&middot;19민주이념을 계승하고, 조국의 민주개혁과 평화적 통일의 사명에 입각하여 정의&middot;인도와 동포애로써 민족의 단결을 공고히 하고, 모든 사회적 폐습과 불의를 타파하며, 자율과 조화를 바탕으로 자유민주적 기본질서를 더욱 확고히 하여 정치&middot;경제&middot;사회&middot;문화의 모든 영역에 있어서 각인의 기회를 균등히 하고, 능력을 최고도로 발휘하게 하며, 자유와 권리에 따르는 책임과 의무를 완수하게 하여, 안으로는 국민생활의 균등한 향상을 기하고 밖으로는 항구적인 세계평화와 인류공영에 이바지함으로써 우리들과 우리들의 자손의 안전과 자유와 행복을 영원히 확보할 것을 다짐하면서 1948년 7월 12일에 제정되고 8차에 걸쳐 개정된 헌법을 이제 국회의 의결을 거쳐 국민투표에 의하여 개정한다.</p> </div><fieldset class="footnote"><legend>〈주석〉</legend><div class="footnotes_in" style="padding: 0px 10px;"><ol class="footnotes"><li id="footnote_7_1" style="margin-bottom:8px;">jQuery로 작동함 <a href="https://*.note.tc/rss#footnote_link_7_1"><img class="footnote-back-icon" src="/plugins/aa_FootNote/image/nani/back_ko.gif" width="47" height="15" alt="back"></a> </li> </ol></div></fieldset> 펼치기 접기 more/less 깜빡쟁이 https://sample.note.tc/7 https://sample.note.tc/7#entry7comment Thu, 28 Feb 2013 11:29:48 +0900 https://sample.note.tc/5 <p>&nbsp; 아래는 이 미리보기 블로그처럼 딸린 항목이 붙는 차림표 항목을 왼위쪽 차림표에 넣는 보기입니다. 딸린 항목은 &lt;ul&gt; 태그에 클래스 이름으로 submenu, submenu2, submenu3을 붙여 계층을 구분하여 넷째 단계까지 넣을 수 있습니다.</p> <div class="textbox">&lt;div class="navbarleft"&gt;<br />&nbsp; &lt;ul&gt;<br />&nbsp; &nbsp; &lt;li&gt;&lt;a href="#" title="Shortcut"&gt;바로가기▼&lt;/a&gt;<br />&nbsp; &nbsp; &nbsp; &lt;ul class="submenu"&gt; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <br />&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href="#"&gt;검색기&lt;/a&gt;<br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul class="submenu2"&gt;<br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href="http://www.google.co.kr"&gt;구글 (Google)&lt;/a&gt;&lt;/li&gt;<br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href="http://se.naver.com"&gt;네이버 (Naver)&lt;/a&gt;&lt;/li&gt;<br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href="http://ws.daum.net"&gt;다음 (Daum)&lt;/a&gt;&lt;/li&gt;<br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href="http://www.bing.com"&gt;빙 (Bing)&lt;/a&gt;&lt;/li&gt;<br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href="http://kr.search.yahoo.com"&gt;야후 (Yahoo)&lt;/a&gt;&lt;/li&gt;<br />&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;/ul&gt;<br />&nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;<br />&nbsp; &nbsp; &nbsp; &lt;/ul&gt;<br />&nbsp; &nbsp; &lt;/li&gt;<br />&nbsp; &lt;/ul&gt;<br />&lt;/div&gt;</div> 글상자 태그 차림표 ul HTML 01x 깜빡쟁이 https://sample.note.tc/5 https://sample.note.tc/5#entry5comment Sun, 03 Jun 2012 19:47:56 +0900 https://sample.note.tc/4 <p>&nbsp;&nbsp; &lt;table&gt; 태그로 넣는 표입니다.<br /><br /></p> <div class="TableWrap"><table width="500"><caption>&lt;caption&gt; 태그로 넣는 표 자막</caption> <tbody> <tr> <th rowspan="2" scope="col">'꽃'을 누를 때</th> <th colspan="3" scope="col">누르는 글쇠<br />(쿼티 자판 기준)</th> <th rowspan="2" scope="col">윗글쇠<br />누르는 수</th> </tr> <tr> <th scope="col">ᄁ</th> <th scope="col">ᅩ</th> <th scope="col">ᆾ</th> </tr> <tr> <th scope="row">2벌식 표준</th> <td><strong>R</strong></td> <td>h</td> <td>c</td> <td>1</td> </tr> <tr> <th scope="row">3-90</th> <td>kk</td> <td>v</td> <td><strong>Z</strong></td> <td>1</td> </tr> <tr> <th scope="row">최종(3-91)</th> <td>kk</td> <td>v</td> <td><strong>Z</strong></td> <td>1</td> </tr> <tr> <th scope="row">3-2011</th> <td>kk</td> <td>v</td> <td><strong>Z</strong></td> <td>1</td> </tr> <tr> <th scope="row">순아래</th> <td>kk</td> <td>v</td> <td>=</td> <td>0</td> </tr> <tr> <th scope="row">신세벌</th> <td>kk</td> <td>v</td> <td>c</td> <td>0</td> </tr> <tr> <th scope="row">3-2011 아랫글</th> <td>kk</td> <td>v</td> <td>8z</td> <td>0</td> </tr> </tbody> </table></div> <p>제목 칸은 &lt;td&gt; 대신 &lt;th&gt;를 써서 구분할 수 있습니다..</p> <blockquote>blockquote 객체입니다.<br />blockquote 객체는 다른 곳에서 따온 글을 붙일 때에 씁니다.<br />TinyMCE 편집기 : 포맷 &rarr; 컨테이너 &rarr; blockquote<br /><br />&lt;blockquote&gt;내용&lt;/blockquote&gt;</blockquote> 아래는 이 스킨에서만 쓸 수 있는 글상자입니다. <div class="textbox">div 태그에 클래스 이름을 textbox를 붙인 글상자입니다.<br />TinyMCE 편집기 : 포맷 &rarr; Custom &rarr; div .textbox<br /><br />&lt;div class="textbox"&gt;내용&lt;/div&gt;</div> <div class="imagebox"><figure class="imageblock center" style="text-align: center; clear: both;"><a href="/attach/4/6309764840.png" data-lightbox="lightbox[1group04]" title="그림에 대한 대체 텍스트 (시각 장애인을 위한 설명 글)" class="lightbox-image-css" target="_blank"><img src="/attach/4/6309764840.png" width="600" height="234" alt="그림에 대한 대체 텍스트 (시각 장애인을 위한 설명 글)" loading="lazy" ></a><figcaption class="cap1">그림 아래 자막</figcaption></figure>div 태그에 클래스 이름을 imagetbox를 붙인 글상자입니다.<br />TinyMCE 편집기 : 포맷 &rarr; Custom &rarr; div .textbox<br /><br />그림이 들어가는 글상자가 따로 필요할 때 textbox로 붙인 글상자와 다르게 꾸밀 수 있습니다.<br />본문과 글상자에 들어가는 그림의 가장 큰 크기는 600화소입니다.<br /><br />&lt;div class="imagebox"&gt;내용&lt;/div&gt;</div> 글상자 표 세벌식 미리보기 두벌식 글상자 깜빡쟁이 https://sample.note.tc/4 https://sample.note.tc/4#entry4comment Fri, 01 Jun 2012 18:15:02 +0900 https://sample.note.tc/1 <p>텍스트큐브 사용을 환영합니다. 텍스트큐브(Textcube) 는 웹에서 자신의 생각이나 일상을 기록하고 표현하기 위한 도구입니다. 강력한 글 관리와 편집 기능을 통하여 쉽고 빠르게 글을 작성하고 알릴 수 있습니다. 또한 통합된 소통 기능및 RSS 바깥글 읽기 기능을 통하여 다양한 사람들과 간단하게 의견을 주고 받을 수 있습니다.</p><p>또한 텍스트큐브는 플러그인과 테마 시스템을 통하여 다양한 기능을 추가하거나 스킨을 바꾸고 편집할 수 있습니다. 뿐만 아니라 OpenID, microformat 지원 등의 기술적인 부분 및 다국어 지원을 포함한 강력한 저작 도구입니다.</p><p>사용하며 도움말이 필요할 때는 관리자 메뉴의 우측 상단의 도우미 링크를 누르시면 도움말을 보실 수 있습니다. 기타 자세한 정보는 <a href="http://www.textcube.org">http://www.textcube.org</a> 를 방문해서 확인하실 수 있습니다.</p><p>이 글은 새 블로그에 자동으로 적힌 글입니다. 관리자 화면에서 언제든지 지우셔도 됩니다.</p> 첫글 알림글 블로그 깜빡쟁이 https://sample.note.tc/1 https://sample.note.tc/1#entry1comment Fri, 01 Jun 2012 08:17:15 +0900