모바일 파일이나 사진 업로드 태그

css, html 2015. 8. 31. 10:27 
<form method="post" action="m2.php" enctype="multipart/form-data">
	<input type="file" name="attach" accept="image/*" capture="camera" />
	<input type="submit" value="확인" />
</form>

<p>Capture Image: <input type="file" accept="image/*" id="capture" capture="camera"> 
<p>Capture Audio: <input type="file" accept="audio/*" id="capture" capture="microphone"> 
<p>Capture Video: <input type="file" accept="video/*" id="capture" capture="camcorder">

'css, html' 카테고리의 다른 글

모바일에서 resize 안될 때  (0) 2015.08.27
iframe 높이[height] 지정  (0) 2015.01.29
IE 개발자도구 Edge 태그로 지정하기  (0) 2015.01.06
부트스트랩(bootstrap) CDN  (0) 2014.10.18
부트스트랩(bootstrap) 프로그래스 바(Progress bars)  (0) 2014.10.18
블로그 이미지

디츠

“말은 쉽지, 코드를 보여줘.” “Talk is cheap. Show me the code.” – 리누스 토르발스(Linus Torvalds)

,

모바일에서 resize 안될 때

css, html 2015. 8. 27. 10:48 
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

'css, html' 카테고리의 다른 글

모바일 파일이나 사진 업로드 태그  (0) 2015.08.31
iframe 높이[height] 지정  (0) 2015.01.29
IE 개발자도구 Edge 태그로 지정하기  (0) 2015.01.06
부트스트랩(bootstrap) CDN  (0) 2014.10.18
부트스트랩(bootstrap) 프로그래스 바(Progress bars)  (0) 2014.10.18
블로그 이미지

디츠

“말은 쉽지, 코드를 보여줘.” “Talk is cheap. Show me the code.” – 리누스 토르발스(Linus Torvalds)

,

iframe 높이[height] 지정

css, html 2015. 1. 29. 11:58 
<style>
html,body {
	height: 100%;
	overflow: hidden;
}
</style>

'css, html' 카테고리의 다른 글

모바일 파일이나 사진 업로드 태그  (0) 2015.08.31
모바일에서 resize 안될 때  (0) 2015.08.27
IE 개발자도구 Edge 태그로 지정하기  (0) 2015.01.06
부트스트랩(bootstrap) CDN  (0) 2014.10.18
부트스트랩(bootstrap) 프로그래스 바(Progress bars)  (0) 2014.10.18
블로그 이미지

디츠

“말은 쉽지, 코드를 보여줘.” “Talk is cheap. Show me the code.” – 리누스 토르발스(Linus Torvalds)

,

IE 개발자도구 Edge 태그로 지정하기

css, html 2015. 1. 6. 11:09 
<meta content="IE=Edge" http-equiv="X-UA-Compatible">

'css, html' 카테고리의 다른 글

모바일에서 resize 안될 때  (0) 2015.08.27
iframe 높이[height] 지정  (0) 2015.01.29
부트스트랩(bootstrap) CDN  (0) 2014.10.18
부트스트랩(bootstrap) 프로그래스 바(Progress bars)  (0) 2014.10.18
반응형 embde 태그 넣기  (0) 2014.10.18
블로그 이미지

디츠

“말은 쉽지, 코드를 보여줘.” “Talk is cheap. Show me the code.” – 리누스 토르발스(Linus Torvalds)

,

부트스트랩(bootstrap) CDN

css, html 2014. 10. 18. 17:01 
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

'css, html' 카테고리의 다른 글

iframe 높이[height] 지정  (0) 2015.01.29
IE 개발자도구 Edge 태그로 지정하기  (0) 2015.01.06
부트스트랩(bootstrap) 프로그래스 바(Progress bars)  (0) 2014.10.18
반응형 embde 태그 넣기  (0) 2014.10.18
부트스트랩(bootstrap) 탭(Tab) 메뉴  (0) 2014.10.18
블로그 이미지

디츠

“말은 쉽지, 코드를 보여줘.” “Talk is cheap. Show me the code.” – 리누스 토르발스(Linus Torvalds)

,

부트스트랩(bootstrap) 프로그래스 바(Progress bars)

css, html 2014. 10. 18. 16:06

* 기본 바

<div class="progress">
	<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
		<span class="sr-only">60% Complete</span>
	</div>
</div>

* 수치 입렬된 바

<div class="progress">
	<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">60%</div>
</div>

* 색상 들어간 바

<div class="progress">
	<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
		<span class="sr-only">40% Complete (success)</span>
	</div>
</div>

<div class="progress">
	<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
		<span class="sr-only">20% Complete</span>
	</div>
</div>

<div class="progress">
	<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
		<span class="sr-only">60% Complete (warning)</span>
	</div>
</div>

<div class="progress">
	<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
		<span class="sr-only">80% Complete</span>
	</div>
</div>

* 애니메이션 바

<div class="progress">
	<div class="progress-bar progress-bar-striped active"  role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
		<span class="sr-only">45% Complete</span>
	</div>
</div>

'css, html' 카테고리의 다른 글

IE 개발자도구 Edge 태그로 지정하기  (0) 2015.01.06
부트스트랩(bootstrap) CDN  (0) 2014.10.18
반응형 embde 태그 넣기  (0) 2014.10.18
부트스트랩(bootstrap) 탭(Tab) 메뉴  (0) 2014.10.18
부트스트랩(bootstrap) 버튼 및 버튼 드롭다운(Dropdowns)  (0) 2014.10.18
블로그 이미지

디츠

“말은 쉽지, 코드를 보여줘.” “Talk is cheap. Show me the code.” – 리누스 토르발스(Linus Torvalds)

,

공지사항

태그목록

글 보관함

달력

«   2024/11   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

티스토리툴바