Program56 유튜브 동영상 크기맞추기(모바일에서 iframe -아이프레임- 크기 맞추기) 유튜브 동영상 크기맞추기(모바일에서 iframe -아이프레임- 크기 맞추기) 유튜브 동영상 등 iframe 을 웹페이지에 넣을 때 pc버전의 경우 화면 해상도가 커서 문제가 되지 않으나 모바일 웹의 경우 가로, 세로가 고정된 iframe(아이프레임) 을 넣을 경우 프레임이 화면 밖으로 나가는 문제가 생기게 된다. 이럴때 css 설정을 통해 해결이 가능한데, 아래 설명을 따라 하면 된다. - css 영역 .mainVideo 클래스를 설정해주고, 속성을 지정해준다. .mainVideo 내의 ifrmae(아이프레임) 속성을 설정해주면 해당 태그 내부의 iframe(아이프레임)이 속성을 따라간다. .mainVideo { margin-top:20px; position: relative; width: 100%; p.. 2020. 3. 16. [javascript&jquery]자바스크립트 탭메뉴 자바스크립트 탭메뉴 각각의 탭 영역을 클릭하면 컨텐츠가 바뀌는 자바스크립트 탭메뉴. jquery 로 구현함 자바스크립트 탭메뉴 - javascript 영역 자바스크립트 탭메뉴 - CSS영역 자바스크립트 탭메뉴 - HTML 영역 A B C 1st Contents 2nd Contents 3rd Contents 자바스크립트 탭메뉴 - 전체코드 A B C 1st Contents 2nd Contents 3rd Contents 2020. 3. 11. [javascript]현재 시간 실시간으로 보여주기 [javascript]현재 시간 실시간으로 보여주기 출처 : phpschool(https://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=qna_html&wr_id=174871) 2020. 2. 10. div 태그를 이용한 표(테이블) 만들기 예제 div 태그를 이용한 표(테이블) 만들기 예제 div 태그를 이용한 표(테이블) 만들기 예제 - 가로 6cell * 세로 4cell div HTML Tag div CSS TAG /* DivTable.com */ .divTable{ display: table; width: 100%; } .divTableRow { display: table-row; } .divTableHeading { background-color: #EEE; display: table-header-group; } .divTableCell, .divTableHead { border: 1px solid #999999; display: table-cell; padding: 3px 10px; } .divTableHeading { backgrou.. 2020. 2. 6. [홈페이지/인터넷쇼핑몰 만들기](HTML)그라데이션 색상표 - hex code [홈페이지/인터넷쇼핑몰 만들기](HTML)그라데이션 색상표 - hex code #FFF5E6 #FBCF8E #FDC77D #FF9A00 #D67500 #FBEAEE #F1D6DD #F5B0C2 #F690A6 #EDFBD7 #CCE5A3 #BBE18C #A4D967 #4FA601 #E0F0FF #CCD6E0 #BCCAD5 #7C98AE #FFFFD5 #FFFF7D #FFFF0D #D1CB00 #B3AD00 #F6E6F6 #EBDBEB #DCB4DC #D183D1 #9B559B 2020. 1. 29. PHPExcel 데이터 형식 클래스 옵션 PHPExcel 데이터 형식 클래스 옵션 (PHPExcel_Style_NumberFormat::toFormattedString) 사용법 : - 날짜형식 $date = PHPExcel_Style_NumberFormat::toFormattedString($date, 'YYYY-MM-DD'); - 일반 $text = PHPExcel_Style_NumberFormat::toFormattedString($text, 'General'); - 텍스트 $num = PHPExcel_Style_NumberFormat::toFormattedString($num, '0'); ------------------------------------------------------------------------------- PHPEx.. 2019. 11. 26. Jquery HTML 속성 제어 Jquery HTML 속성 제어 attr $("선택자").attr("속성","값"); $("#id").attr("href","http://www.google.co.kr"); $(function(){ $("button").click(function(){ $("#id").attr("href","http://www.google.co.kr"); }) }) css $("선택자").css("속성":"값"); $("선택자").css("속성":"값","속성":"값","속성":"값"); $("#id").css("background":"#ff0000", "width":"120px"); $(function(){ $("button").click(function(){ $("#id").attr("href","http://www... 2019. 10. 8. [홈페이지만들기]자바스크립트 세자리수 콤마 넣기 [홈페이지만들기]자바스크립트 세자리수 콤마 넣기 number_format 자바스크립트 함수를 php number_format 처럼 만들기, 정규식이용, 함수명은 사용하기 편하게 php처럼 설정함. function number_format(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } 출처: https://fruitdev.tistory.com/160 [과일가게 개발자] 2019. 10. 7. [홈페이지만들기]jquery json 으로 데이터 주고받기 - javsscript curl [홈페이지만들기]jquery json 으로 데이터 주고받기 - javsscript curl 2019. 9. 26. [홈페이지만들기] css ul li를 이용한 가로메뉴 [홈페이지만들기] css ul li를 이용한 가로메뉴 menu1 menu2 menu3 menu4 menu5 2019. 9. 24. 펜톤컬러 html 색상표 펜톤컬러 html 색상표 red #dd3232 blossom #fac6cc coral #ffb6ad papaya #f68b69 poppy #fbaf5f sunshine #ffef6c chartreuse #ced75c mint #d2efdb clover #a1ce5e moss #969a52 sage #dbdfc3 bluebell #aec6cc pool #a2d0cf lake #1a86a8 peacock #00919c royal blue #0065a9 night #002b54 beet #985396 plum #ccc1db cement #e3dfd6 gravel #b2b1a5 slate #58574b paper bag #c5ab89 chocolate #572c29 black #000000 luxe blush .. 2019. 8. 1. PHP 다중 배열 정렬하기 - array_ multisort PHP 다중 배열 정렬하기 - array_ multisort 2019. 8. 1. 이전 1 2 3 4 5 다음
