일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
Tags
- 홈페이지제작
- php
- #웹솔루션
- #업종별
- #솔루션
- 사이트제작
- happycgi
- #jQuery
- #이미지
- jquery
- #해피CGI
- 게시판
- #image
- #happycgi
- 해피CGI
- 홈페이지
- #홈페이지
- 쇼핑몰
- CGIMALL
- #뉴스
- CSS
- 웹솔루션
- #cgimall
- #동영상
- #쇼핑몰
- #CSS
- 솔루션
- javascript
- 해피씨지아이
- #홈페이지제작
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] 가짜 이미지를 출력해주는 fakeimg 본문
<img src="https://fakeimg.pl/300/">
- 소스뒤에 300 만 적용하면 정사각형의 이미지가 출력됩니다.
<img src="https://fakeimg.pl/250x100/ff0000/">
- 가로250, 세로100 인 사이즈에 배경이 빨간색인 이미지를 만들어 줍니다.
<img src="https://fakeimg.pl/350x200/ff0000,128/000,255">
- 가로 350, 세로200 인 사이즈에 배경색은 #FF0000 에 128 만큼의 투명도와 폰트는 #000000 색에 255(MAX) 인 투명도가 없는 이미지 입니다.
<img src="https://fakeimg.pl/350x200/?text=World&font=lobster">
- 가로 350, 세로 200인 사이즈에 글꼴은 lobster 의 "World" 라는 문구가 적용된 이미지입니다.
소스코드의 조합만으로 가짜이미지를 생성할수있어 이미지를 홈페이지에 잠시 확인하는 용도로 이용하기 좋습니다.
단, 본 소스는 fakeimg 즉 홈페이지 작업시 설계단계에서 이미지를 제작하여 확인하는 시간을 줄이기위해
잠시 사용할 수 있는 가짜이미지로 반영후 소스를 삭제하셔야 차후 홈페이지를 정리하는데 문제가 없겠습니다.^^
'웹프로그램밍 자료실 > 기타 자료' 카테고리의 다른 글
[해피CGI][cgimall] 카카오내비를 이용해 길찾기 시작하기 (모바일전용) (0) | 2019.02.19 |
---|---|
[해피CGI][cgimall] Flexbox로 만들수 있는 10가지 레이아웃 - WIT (0) | 2019.02.18 |
[해피CGI][cgimall] 네이게이션 마우스 오버 효과 Beautiful navigation hover effects (0) | 2018.12.31 |
[해피CGI][cgimall] 반디집 맥용 6.03 (0) | 2018.12.27 |
[해피CGI][cgimall] 웹상에서 배경을 만들어보자 - COOL BACKGROUNDS (0) | 2018.12.26 |
Comments