Internet91

가입 없이 사용할 수 있는 무료 이미지 호스팅 [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.
반응형 블로그 동영상 크기 자동 조절 (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.
CSS float float 속성을 요소를 상위 요소를 기준으로 왼쪽과 오른쪽으로 레이아웃을 정렬하는데 많이 활용됩니다. float: left; float: right; float: none; 기본값:없음, 상속:안됨, 버전:CSS1 float:none 영화 회사원 평범한 삶을 꿈꾼 순간, 모두의 표적이 된 남자! 2012년 가을, 그의 마지막 출근이 시작된다! 겉으로는 평범한 금속 제조 회사지만 알고 보면 '살인'이 곧 실적인, 살인청부회사 내 영업 2부 과장 지형도(소지섭 분). 한치의 실수도 범하지 않는 냉정함과 차분함으로 유능함을 인정받으며 회사에서 시키는 대로 앞만 보고 달려온 10년, 어렸을 적 자신의 모습과 닮은 알바생 훈(김동준 분)을 만나게 된다. 훈과의 임무 수행 중, 순간의 망설임을 느낀 그는 집이고 .. 2014. 2. 9.

티스토리툴바