본문 바로가기

이미지18

IE6 브라우저 PNG 투명 이미지 처리 방법 오늘 달인쿠폰(http://dalincoupon.com/) 커밍순 페이지를 추가하는 작업을 했습니다. 달인 김병만씨 사진을 PNG로 투명하게 가운데 보이도록 설정하고 배경이미지를 추가 했더니 IE6 브라우저에서 투명 처리 부분이 하늘색으로 보이는 것입니다. 아직은 IE6 이용자가 많다보니 그냥 놔두기엔 아닌것 같더군요. 그렇다고 Gif 파일로 투명하게 하자니 색상이 256이라 김병만씨 사진이 이상하게 되더군요. 자료를 찾아보니 역시나 답은 있더군요. 자바스크립트와 스타일 소스 조금 추가해서 해결하면 되더군요. 먼저 사이에 다음과 같은 소스를 추가 합니다. 1. 자바스크립트 소스 자바스크립트 소스는 스크립트 파일로 따로 분리 하셔도 상관 없습니다. 2. Style 소스 Style소스 역시 Style 파일에.. 2010. 11. 11.
프리웨어 PDF 변환 프로그램 PDF-Pro 3.0 개인사용자용 MS워드(doc), 텍스트(txt), 이미지(gif, jpg), 파워포인트(ppt), 한글워드(hwp) 다양한 문서 및 이미지들을 공유할 때 해당 프로그램들을 보기 위해 모든 프로그램을 설치 할려면 엉청난 비용이 들겁니다. 물론 각 프로그램별로 뷰어 전용 프로그램도 제공하고 있지만, 모두 설치 하기엔 번거롭겠죠. 그래서 나온게 모든 문서를 공유할때는 하나의 포멧으로 주고 받자고 해서 나온것이 PDF 파일 포멧 입니다. 어도비(adobe)사에서 만들 포멧으로써 해당 포멧 역시 아크로리더라는 프로그램을 설치 해야만 볼수 있습니다. 당연히 아크로리더 PDF 뷰 프로그램 역시 무료 입니다. 하지만, MS워드 또는 한글 워드, 파워포인트 등 다양한 문서들을 PDF로 변환 해주는 기능을 갖춘 Adobe Acroba.. 2010. 5. 19.
favicon.ico 파비콘을 손쉽게 만들어 주는 사이트 favicon.ico 파일을 처음 접하시는 분이라면 어떻게 만들어야 할지 고민되시죠. http://www.favicon.cc 라는 사이트에서 손쉽게 만들수 있도록 해줍니다. 그림판 처럼 dot 펜으로 콕콕 찍어서 그림을 그리시면 아래쪽에 미리보기가 나옵니다. 완성 되었으면 아래 다운로드를 클릭하시면 favicon.ico 파일로 저장이 됩니다. 다운 받은 favicon.ico 파일을 웹서버에 업로드 하신뒤 웹소스에 아래 한줄을 추가 해주시면됩니다. 당근, href="자신의 파비콘 파일" 이부분은 자신의 파비콘 경로로 바꿔주셔야겠죠! 제대로 적용 되었다면 웹주소란 또는 즐겨찾기 추가시 해당 아이콘이 붙습니다. 근데, 왜 저의 브라우저에선 보이지 않을까요? 그런데, 글을 왜 올렸을까나 ㅋㅋ 매우 간단하죠! ^.. 2009. 11. 4.
CSS 이미지 테두리를 액자처럼 라인 넣어 주기 이미지만 출력시 다소 허전한 느낌을 줄때 테두리에 연한 회색으로 그려 주면 다소 깔끔하게 보입니다. 스타일 적용은 다음과 같습니다. 위처럼 Div 로 이미지 소스를 감싸 주시면 되며 width : 이미지의 폭 픽셀 값을 넣어 주시구요 height : 이미지의 높이 픽셀 값을 넣어 주세요 border : 라인 두께 인데 적절히 조절해서 이용하세요 solid #color : color 값은 이미지에 어울리는 색으로 넣어 주시면 됩니다. padding : 이미지와 라인 사이 공백으로써 적절히 띄워주시면 깔끔하게 보입니다. 큰 이미지 일수록 많이 띄워야 겠죠..^^ [출처] 유포유 - http://www.uforu.net/bbs/board.php?bo_table=css&wr_id=13 2009. 5. 4.

티스토리툴바