전체 글416

가입 없이 사용할 수 있는 무료 이미지 호스팅 [imgur] imgur는 가입을 하지 않아 계정이 없더라도 이미지를 업로드 하여 링크를 걸 수 있고 가입하여 계정을 만들면 이미지 관리를 할 수 있고 자신의 갤러리를 생성할 수도 있습니다. imgur 사이트에 접속하여 uload images 클릭하고 이미지 업로드 후 생성되는 페이지에서 이미지 하단에 Get embed codes 선택하고 링크 코드를 복사하여 사용하면 됩니다. 링크 코드는 종류는 5개 입니다. Image Link http://imgur.com/3Pqprw7 - 이미지 주소 입니다. Markdown Link (reddit comments) - reddit 사이트에서 사용하는 링크 HTML Image (websites & blogs) - 이미지를 보여주며 링크를 겁니다. BBCode (message bo.. 2014. 9. 29.
인터넷으로 지상파(공중파) 3사 온에어(MBC, KBS, SBS) 무료 실시간 tv 시청 한국의 지상파 TV 3사는 온라인으로 지원하기 때문에 TV 없이도 PC 또는 스마트 기기 앱을 이용하여 무료로 실시간 tv 시청이 가능합니다. KBS는 로그인 없이 KBS 1,2 지상파 채널 외 KBS 24 뉴스, KBS Drama, KBS Prime, KBS joy, KBS WORLD, 특별 채널 등 다양한 채널을 온라인으로 시청 가능합니다. KBS는 크롬, 파이어폭스 등에서는 바로 시청이 가능하지만 익스플로러에서는 간단한 프로그램 설치가 필요합니다. - k.kbs.co.kr - SBS는 예전에는 많은 채널과 로그인을 필요치 않았지만 현재는 3사중 유일하게 로그인이 필요하며 1개의 tv 채널과 2개의 라디오 채널을 지원합니다. - sbs.co.kr - MBC에서도 로그인은 필요 하지 않으며, 채널은 M.. 2014. 9. 28.
윈도우 8 시작버튼/메뉴 [Start Menu 8 for Windows 8] 윈도우 8, 8.1 에서 매트로 ui 로 바뀌면서 사라진 윈도우 7 처럼 시작 버튼 만들어 주는 프로그램 입니다. 무료로 사용 가능한 프리웨어로 한글을 완벽하게 지원하고 Start Menu 8 시작 메뉴를 설치 또는 삭제 과정에서 제휴 프로그램을 강제 설치 하는데 이를 잘확인하고 진행 하여야 깔끔하게 설치,삭제가 됩니다.홈페이지 바로 가기 다운로드 설치 과정에서 Install Advanced SystemCare 항목에 체크 해제 해야만 제휴 프로그램이 깔리지 않습니다. 설치가 완료 되면 기존 윈도우 시리즈의 시작버튼이 생깁니다.홈페이지 바로 가기 다운로드 2014. 9. 26.
반응형 블로그 동영상 크기 자동 조절 (iframe,object,embed) 반응형 웹에서 아이프레임등에 사이즈 고정값이 들어가기 때문에 레이아웃이 깨지는데 이를 DIV 코드로 미리 싸서 가로 100% 세로 56% 비율로 자동 조절 해줍니다. 유투브 동영상 코드 브라우저 가로 폭을 줄이면 동영상도 같이 줄어 듭니다. 유튜브 동영상 뿐만 아니라 다음tv 등 iframe, object, embed 방식이면 모두 적용이 가능 합니다. 코드를 미리 서식으로 만들어 놓고 사용하면 빠르고 편하게 적용 가능 합니다. .embed-container { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; } .embed-container iframe, .embed-container object, .embed-container.. 2014. 9. 25.
간단한 제이쿼리 토글 버튼 jQuery toggle button 토글 대상을 display: none로 해 놓으면 접힌 상태로 시작하고 그렇지 않으면 열린 상태로 시작 합니다. Toggle jQuery toggle test. jQuery toggle test. jQuery toggle test. jQuery toggle test. $(선택자).toggle(속도,콜백); Toggle button jQuery toggle test. jQuery toggle test. jQuery toggle test. jQuery toggle test. 2014. 9. 22.
CSS line-height line-height 속성은 행의 높이를 정의해줍니다. line-height: 1, 2, 3, 4 line-height: px, pt, cm, etc, % 기본값:normal, 상속:됨, 버전:CSS1 line-height: number 시끄럽다! 니 내 손 놓으면 직이뿐다, 일단 살아야 댄다. line-height:normal 시끄럽다! 니 내 손 놓으면 직이뿐다, 일단 살아야 댄다. line-height:1 시끄럽다! 니 내 손 놓으면 직이뿐다, 일단 살아야 댄다. line-height:2 시끄럽다! 니 내 손 놓으면 직이뿐다, 일단 살아야 댄다. line-height:3 시끄럽다! 니 내 손 놓으면 직이뿐다, 일단 살아야 댄다. line-height:4 line-height: length 시끄럽다!.. 2014. 2. 13.
CSS :last-child :last-child 선택자는 요소중에 마지막 요소에 별도의 속성을 정의할 수 있습니다. :last-child { } 기본값:없음, 상속:안됨, 버전:CSS3 첫째 둘째 셋째 넷째 다섯째 여섯째 첫째 둘째 셋째 넷째 다섯째 여섯째 CSS :first-child 2014. 2. 13.
CSS :first-child :first-child 선택자는 요소중에 첫 번째 요소에 별도의 속성을 정의할 수 있습니다. :first-child { } 기본값:없음, 상속:안됨, 버전:CSS2 첫째 둘째 셋째 넷째 다섯째 여섯재 첫째 둘째 셋째 넷째 다섯째 여섯재 CSS :last-child 2014. 2. 13.
CSS :first-line :first-line 선택자는 문서의 첫 줄에만 별도로 속성을 정의 할 수 있습니다.:first-line { font: Value; color: Value; background: Value; word-spacing: Value; letter-spacing: Value; text-decoration: Value; vertical-align: Value; text-transform: Value; line-height: Value; clear: Value; }기본값:없음, 상속:안됨, 버전:CSS1CSS :first-letter ‘영숙’(박보영)은 충청도를 접수한 여자 일진이지만, 홍성농고 전설의 카사노바 ‘중길’(이종석)을 바라보며 애만 태운다. 한편 홍성공고 싸움짱 ‘광식’... ‘영숙’(박보영)은 충청도.. 2014. 2. 13.
CSS :first-letter :first-letter 선택자는 요소의 첫 글자 만을 따로 속성을 부여할 수 있습니다. :first-lette { font: Value; color: Value; background: Value; margin: Value; padding: Value; vertical-align: Value; border: Value; text-decoration: Value; text-transform: Value; line-height: Value; float: Value; clear: Value; } 기본값:없음, 상속:안됨, 버전:CSS1 CSS :first-line :first-lette에는 font, color, background, margin, padding, border, text-decoration, .. 2014. 2. 12.
CSS z-index z-index 속성은 position 속성을 가진 요소에 z 축을 정의 합니다. z-index:value 기본값:auto, 상속:안됨, 버전:CSS2 요소끼리 겹칠 경우 어느 요소가 맨 앞으로 위치할 것인지 결정하여 z-index 값을 주며 수치가 높을수록 상위에 놓이게 됩니다. 티스토리 티에디션의 경우 z-index값이 10으로 설정 되어 있으므로 티에디션 보다 앞으로 사기 위해선 z-index 값을 11이상으로 정의해 주면 됩니다. 값은 px 또는 %가 아닌 단지 숫자입니다. CSS position z-index 0 z-index 1 z-index 2 z-index 3 z-index 0 z-index 1 z-index 2 z-index 3 2014. 2. 11.
CSS opacity opacity 속성은 요소의 투명도를 설정해 줍니다. 값의 1은 100%이고 IE8이하 버전은 100입니다. opacity:value filter:Alpha(opacity=value) /* IE8 이하 버전 */ 기본값:1, 상속:안됨, 버전:CSS3 opacity:1; filter:Alpha(opacity=100) opacity:0.5; filter:Alpha(opacity=50) opacity:0.5;filter:Alpha(opacity=50) opacity:1;filter:Alpha(opacity=100) 2014. 2. 9.

티스토리툴바