Skip to content

Instantly share code, notes, and snippets.

@demun
demun / gist:2977098
Created June 23, 2012 06:11
티스토리 현재위치
<ul class="breadcrumb btn"><!-- 현재위치 -->
<li class="gdBlog">
<a href="[##_blog_link_##]" title="처음으로"><i class="icon-home"></i></a>
<span class="divider">/</span>
<a href="[##_blog_link_##]" title="블로그" class="active">Blog</a>
</li>
<li class="gdNotice">
<a href="[##_blog_link_##]" title="처음으로"><i class="icon-home"></i></a>
<span class="divider">/</span>
<a href="[##_blog_link_##]notice" title="공지사항" class="active">Notice</a>
@demun
demun / gist:3018037
Created June 29, 2012 13:48
접었다 폈다하는 자바스크립트 소스
<!DOCTYPE html>
<head>
<title>접었다 펼 수 있는 영역 만들기</title>
<style>
.label
{
width: 400px;
margin: 10px 0 0 0;
padding: 10px;
background-color: #ccccff;
@demun
demun / gist:3021137
Created June 29, 2012 22:37
웹디자이너를 위한 jquery - 아코디언 1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<title>sample1</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<style type="text/css">
$(function(){
// 모든 패널이 펼쳐져있는 상태이기 때문에 dd의 첫번재를 제외한곳은 안보이게 설정합니다.
$("dd:not(:first)").css("display","none");
//dl 의 dt 를 클릭했을때
$("dl dt").click(function(){
// 만약 클릭한 태그 다음에 있는 dd 태그의 속성이 none 이면
if($("+dd",this).css("display")=="none"){
@demun
demun / index.html
Created November 4, 2012 11:20
html5: Starting Template
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
</body>
@demun
demun / 티스토리 스킨 xml 파일
Created November 4, 2012 12:15
티스토리 스킨 xml 파일
<?xml version="1.0" encoding="utf-8"?>
<skin>
<information>
<name>스킨이름</name>
<version>버젼번호</version>
<description>
<![CDATA[
스킨에 대한 설명
]]>
</description>
@demun
demun / Fetch.sublime-settings
Created November 11, 2012 06:27
Sublime Text2: Fetch.sublime-settings
{
"files":
{
"bootstrap-responsive.min.css": "https://raw.github.com/gist/4110291/2269019f1891b9da9dea682e94807832bef84e55/bootstrap-responsive.min.css",
"bootstrap.min.css": "https://raw.github.com/gist/4110295/43e16d7251131cf2f5027053316be968c25f89d0/bootstrap.min.css",
"bootstrap.min.js": "https://raw.github.com/twitter/bootstrap/master/docs/assets/js/bootstrap.min.js",
"css3-mediaqueries.min.js": "https://raw.github.com/gist/4142494/eda83cdf8c521de31e5f71858568d8f2ada9c1f1/css3-mediaqueries.min.js",
"jquery-ui.css": "http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css",
"jquery-ui.js": "http://code.jquery.com/ui/1.9.1/jquery-ui.js",
"jquery.fitvids.min.js": "https://raw.github.com/gist/4173802/8766aa93630b1a94b94094347a88cabe673c0869/jquery.fitvids.min.js",
@demun
demun / PIE.js
Created November 11, 2012 13:45
PIE: CSS3 rendering for IE
/*
PIE: CSS3 rendering for IE
Version 1.0.0
http://css3pie.com
Dual-licensed for use under the Apache License Version 2.0 or the General Public License (GPL) Version 2.
*/
(function(){
var doc = document;var f=window.PIE;
if(!f){f=window.PIE={F:"-pie-",nb:"Pie",La:"pie_",Ac:{TD:1,TH:1},cc:{TABLE:1,THEAD:1,TBODY:1,TFOOT:1,TR:1,INPUT:1,TEXTAREA:1,SELECT:1,OPTION:1,IMG:1,HR:1},fc:{A:1,INPUT:1,TEXTAREA:1,SELECT:1,BUTTON:1},Gd:{submit:1,button:1,reset:1},aa:function(){}};try{doc.execCommand("BackgroundImageCache",false,true)}catch(aa){}for(var ba=4,Z=doc.createElement("div"),ca=Z.getElementsByTagName("i"),ga;Z.innerHTML="<!--[if gt IE "+ ++ba+"]><i></i><![endif]--\>",ca[0];);f.O=ba;if(ba===6)f.F=f.F.replace(/^-/,"");f.ja=
doc.documentMode||f.O;Z.innerHTML='<v:shape adj="1"/>';ga=Z.firstChild;ga.style.behavior="url(#default#VML)";f.zc=typeof ga.adj==="object";(function(){var a,b=0,c={};f.p={Za:function(d){if(!a){a=doc.createDocumentFragment();a.namespaces.add("css3vml","urn:schemas-microsoft-com:vml")}return a.crea
@demun
demun / PIE.min.js
Created November 11, 2012 13:50
PIE.min.js: CSS3 rendering for IE
/*
PIE: CSS3 rendering for IE
Version 1.0.0
http://css3pie.com
Dual-licensed for use under the Apache License Version 2.0 or the General Public License (GPL) Version 2.
*/
(function(){var g=document;var c=window.PIE;if(!c){c=window.PIE={F:"-pie-",nb:"Pie",La:"pie_",Ac:{TD:1,TH:1},cc:{TABLE:1,THEAD:1,TBODY:1,TFOOT:1,TR:1,INPUT:1,TEXTAREA:1,SELECT:1,OPTION:1,IMG:1,HR:1},fc:{A:1,INPUT:1,TEXTAREA:1,SELECT:1,BUTTON:1},Gd:{submit:1,button:1,reset:1},aa:function(){}};try{g.execCommand("BackgroundImageCache",false,true)}catch(e){}for(var i=4,d=g.createElement("div"),b=d.getElementsByTagName("i"),h;d.innerHTML="<!--[if gt IE "+ ++i+"]><i></i><![endif]-->",b[0];){}c.O=i;if(i===6){c.F=c.F.replace(/^-/,"")}c.ja=g.documentMode||c.O;d.innerHTML='<v:shape adj="1"/>';h=d.firstChild;h.style.behavior="url(#default#VML)";c.zc=typeof h.adj==="object";(function(){var j,f=0,k={};c.p={Za:function(l){if(!j){j=g.createDocumentFragment();j.namespaces.add("css3vml","urn:schemas-microsoft-com:vml")}return j.createElement("css3vml:"+l)},
@demun
demun / bootstrap-responsive.min.css
Created November 19, 2012 11:57
부트스트랩:bootstrap-responsive.min.css
/*!
* Bootstrap Responsive v2.2.1
*
* Copyright 2012 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
*/.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.hidden{display:none;visibility:hidden}.visible-phone{display:none!important}.visible-tablet{display:none!important}.hidden-desktop{display:none!important}.visible-desktop{display:inherit!important}@media(min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit!important}.visible-desktop{display:none!important}.visible-tablet{display:inherit!important}.hidden-tablet{display:none!important}}@media(max-width:767px)