본문 바로가기

CSS5

tistory background / 티스토리 배경 이미지 설정하기! 티스토리에 나만의 배경을 넣어볼까요? 저의 티스토리를 보시면 어두운 야경의 보케 이미지가 깔려 있는것이 보이실 꺼예요.. 일단...티스토리 로긴 후 => 꾸미기 => HTML/CSS 편집 으로 가셔서~~ 아래의 style.css 에 아래의 소스를 추가 해 줍니다. body {background-color: #fff;background-image: url('./bgimage.jpg');background-attachment: fixed;background-repeat: no-repeat;background-position: center center;background-size: cover;} 네.. 배경의 색은 #fff 로...(배경 이미지를 깔테니 무시 하셔도 됩니다만.. ^^그리고.. 둘째줄에 bgim.. 2014. 9. 10.
다양하고 동적인 CSS Button 소스 홈페이지를 제작하다 보면 버튼 하나도 포토샵 작업의 귀차니즘이 생길 때가 있습니다. 그럴 때 유용한 CSS 버튼 소스입니다.그리고 이미지의 용량도 적게나마 줄일 수 있는 장점이 있겠죠?? 간편하게 CSS 버튼을 온라인으로 제작 할 수 있는 사이트도 있지만.. 아래에 소개 해드릴 사이트는 CSS 버튼을 보고 소스 다운도 가능합니다.그리고 온라인으로 만드는 버튼보다 좀 더 완성도가 있다고 생각합니다.^^ CSSFirst of all, we will give the general style of the button, including its active state. It is important to notice the relative positioning, since it will help us later w.. 2014. 9. 10.
100+ Best Free jQuery CSS Image Hover Effect Demos & Plugins 출처:http://www.pencilscoop.com/2013/10/100-best-free-jquery-css-image-hover-effect-demos-plugins/ JQeury hover effects add a nice finishing touch to any website or project. With increasing support of jQuery on modern broswers, along with HTML5 and CSS3 integration, hover effects have become more powerful and easier to implement than ever.Whether you are using hover effects for images, text, butto.. 2014. 6. 23.
태그로 테이블 모서리를 둥글게 1. 포토샵을 이용하는 방법 포토샵에서 테이블의 배경을 만드신 후, 그림파일로 저장하세요. 그림을 잘라서 이미지레디에서 불러오시면 테이블의 각 셀에 자른 이미지들이 정확한 위치에 들어갑니다. 그 후 입금계좌서를 테이블의 가운데 셀에 삽입해주시면 계좌서 주위에 둥근 테두리가 있는 효과가 생기겠죠. 그렇게 해주시는 것이 가장 간편한 방법입니다. 제 홈도 그 방법을 이용하였지요.. 2. 스크립트 태그를 이용하는 방법 태그로 테이블 모서리를 둥글게 하기 위해선 아래의 소스를 넣어주시면 됩니다. 사이에 아래의 소스를 넣어주세요. 와 안에 아래의 소스를 넣어주세요. 테스트 * 테이블 테그 안의 가로 크기와 세로 크기를 수정 width="300" height="100" * 테이블 테두리 색상과 테이블 안쪽 색상 rb.. 2014. 5. 28.