CSS를 사용하여 텍스트를 이미지로 대체/이미지를 다른 이미지로 대체하기
텍스트를 이미지로 바꾸거나 이미지를 다른 이미지로 대체하고 싶은 경우 CSS로 시도해볼 수 있습니다. 아래의 예시를 참고하여 상황에 맞게 응용해보시기 바랍니다. 이미지를 다른 이미지로 바꾸기(그림을 다른 그림으로 교체) HTML 예: <div id='#Image'></div> CSS 예: #Image { ...
텍스트를 이미지로 바꾸거나 이미지를 다른 이미지로 대체하고 싶은 경우 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월의 무료 파일로 선정되어 무료로 다운로드받을 수 있습니다. 여기에서 다운로드 받을 ...
온라인 최대 동영상 강의 사이트 중 하나인 Lynda.com은 다양한 분야의 동영상 강좌를 제공하는 유용한 사이트입니다. 위의 그림과 같이 컴퓨터, IT 분야뿐만 아니라 비즈니스, 교육, 마케팅 등 다양한 분야를 포괄하고 있습니다. 각 과정은 Beginner(초급), Intermediate(중급), Advanced(고급), ...
우리나라에서는 제로보드 등 게시판 중심의 사이트가 발전해 있고 수요가 많은 편입니다. 하지만 워드프레스에서 사용할 수 있는 게시판으로는 KBoard와 bbPress 정도입니다. 유료 플러그인도 찾아보면 있지만 우리나라 사정에 맞게 어느 정도 수정이 필요합니다. bbPress는 주로 포럼 용도로 ...