DIV 배경색을 투명하게 설정하는 방법(CSS)
이미지 불투명도는 CSS에서 opacity를 사용하여 설정이 가능합니다(참고). 예를 들어, 다음과 같은 CSS 코드를 사용하여 이미지의 불투명도를 조정할 수 있습니다. img { opacity: 0.4; filter: alpha(opacity=40); /* For IE8 and earlier */ } DIV 배경색을 투명(불투명)하게 ...
이미지 불투명도는 CSS에서 opacity를 사용하여 설정이 가능합니다(참고). 예를 들어, 다음과 같은 CSS 코드를 사용하여 이미지의 불투명도를 조정할 수 있습니다. img { opacity: 0.4; filter: alpha(opacity=40); /* For IE8 and earlier */ } DIV 배경색을 투명(불투명)하게 ...
문의 폼(Contact Us Form)에 응용할 수 있는 무료 HTML 소스 코드를 제공하는 사이트를 정리해보았습니다. 워드프레스에서는 무료 또는 유료 컨택트 폼 플러그인을 사용하여 문의폼을 쉽게 만들 수 있습니다. 무료 문의폼 HTML 소스 코드(CSS/HTML/PHP) 35+ Best Free Css ...
텍스트를 이미지로 바꾸거나 이미지를 다른 이미지로 대체하고 싶은 경우 CSS로 시도해볼 수 있습니다. 아래의 예시를 참고하여 상황에 맞게 응용해보시기 바랍니다. 이미지를 다른 이미지로 바꾸기(그림을 다른 그림으로 교체) HTML 예: <div id='#Image'></div> CSS 예: #Image { ...
다른 사람의 컴퓨터에 원격 제어하여 작업을 하거나 문제를 해결해야 상황에서 TeamViewer와 같은 컴퓨터 원격 제어 프로그램을 사용하면 편리하게 상대방 컴퓨터에 접속하여 원하는 작업을 할 수 있습니다. 컴퓨터 원격 접속 제어 프로그램 TeamView (팀뷰어) 다른 위치에 ...
몇 달 전에 구입했던 CSS 책에서 "속성 선택자"에 대해 간략히 설명한 것을 본 적이 있습니다. 당시에는 몇 가지 제한적인 상황에서만 사용되는 것으로 이용하고 별로 눈 여겨 보지 않았습니다. 하지만 최근에 어떤 분이 워드프레스 관련 카페에서 ...
themeforest와 codecanyon에서 매월 무료로 테마와 플러그인을 무료로 다운로드받을 수 있도록 제공합니다. 여기를 방문하여 중간 정도에 "Free"라고 되어 있는 섹션에서 이 달의 무료 템플릿과 플러그인을 다운로드받을 수 있습니다. 이번 달에는 Ferado - WooCommerce Fashion Theme이라는 워드프레스 ...
HTML <input type="text" /> placeholder 속성을 사용하여 입력 필드에 원하는 문구를 미리 채워 넣을 수 있습니다. 예: <form action="demo_form.asp"> <input type="text" name="fname" placeholder="이름"><br> <input type="text" name="lname" placeholder="성"><br> <input type="submit" value="제출"> </form> 위의 코드를 사용하면 다음과 ...
CSS를 사용하여 간단하게 하단에 DIV 요소를 고정할 수 있습니다. 위 그림에서는 워드프레스의 footer.php 파일 맨 아래에 div 요소를 하단 중앙에 정렬한 예를 보여줍니다. 이를 위해서는 다음과 비슷한 코드를 header.php나 footer.php 파일 등의 적당한 곳에 추가합니다. ...
RSS 피드를 URL 리스트로 변환하기 RSS 피드를 URL 리스트로 변환하기를 원하는 경우 간단하게 RSS to CSV Converter(RSS->CSV 변환기) 사이트에서 RSS 피드 주소(URL)를 입력하고 "Submit"을 누르면 CSV 파일로 변환해줍니다. 이 방법을 통해 RSS 피드 주소를 알고 ...
유명한 유료 테마 판매 사이트인 테마포레스트(themeforest)에서 매월 유료 테마 하나를 선정하여 무료로 제공합니다. 이번 달에는 Weather - Layers Application One Page Theme라는 유료 테마(45달러)가 5월의 무료 파일로 선정되어 무료로 다운로드받을 수 있습니다. 여기에서 다운로드 받을 ...