묻고답하기
페이지 상단 이미지의 이름을 제로보드 공식 사이트처럼 "blank.gif" 하려면?
2007.09.05 20:02
작업한 내용 : 첨엔 게시판이든 페이지든 이미지 경로를 zbxe안에 images 폴더를 만들고 경로를 적어주면 정상적으로 나옵니다.
하지만, 이미지위에 마우스를 올리면 활성화 되어서 클릭 됩니다.(게시판에 삽입한 이미지처럼)
그래서, 다른 방법으로 이미지 경로를 zbxe/~ 이 안에 있는 (예: layouts, common 등)의 폴더안에 올리고 경로를 잡아주
면 이미지 활성화같은것이 없어집니다.
질문 내용: 1. 제로보드 페이지의 상단 이미지의 속성을 보면 "blank.gif" 파일로 나오는데, 이거 어떻
하는건지 궁금합니다.(경로는 똑같이 따라 해봤는데 아니더군요)
2. 게시판, 페이지의 경우를 각각 설명을 해주시면 감사하겠습니다.
댓글 4
-
하이티비
2007.09.05 21:23
-
베드로
2007.09.05 23:34
위에 테그에 경로만 바꿔서 해보란 말씀 이신가요?
잘 이해가 안가네요 ㅠㅠ -
Simulz
2007.09.06 00:34
알파채널이 있는 PNG 파일을 제대로 표현하기 위해 아래와 같은 방법을 사용합니다.
투명한 blank.gif로 영역 설정을 하고, 필터의 알파 옵션으로 알파 채널이 있는 PNG 파일을 겹쳐 줍니다..- <p><A onclick="viewSkinInfo('board','xe_list');return false;" href="#"><IMG class=zbxe_info style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.zeroboard.com/common/tpl/images/info.png',sizingMethod='image'); WIDTH: 11px" alt="" src="http://www.zeroboard.com/common/tpl/images/blank.gif"></A> </p>
이때 이미지 속성이나 다운로드시에는 IMG src 속성이 blank.gif로 되어있기 때문에 blank.gif 파일 정보가 보이는 겁니다.
알파채널이 없는 PNG 또는 JPG, GIF등의 이미지를 출력할 때는 필터를 사용하지 않아도 됩니다. -
베드로
2007.09.06 01:26
Simulz님 감사 합니다. 안그래도 막 나름대로 해결책을 찾고 와서 글 쓰려고 보니 님께서 해결책을 주셨네요.
1. 제가 해결한 방법 : .gif 파일을 .png파일로 바꿔서 하니까 그냥 되더라구요. (제가 원하던 그림이 활성화도 안되고 속성에서도
bank.gif 로 나오게 하기) 그런데 페이지에선 되지만 게시판에서는 속성에선 이미지 주소 그대
로 나오더라구요.
2. 님께서 주신 팁 방법 : 딱 요 부분만 필요 -> <IMG class=zbxe_info style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.zeroboard.com/common/tpl/images/info.png',sizingMethod='image'); WIDTH: 11px" alt="" src="http://www.zeroboard.com/common/tpl/images/blank.gif"> 중에서 파일 이름 (예 : notice.png)일때 맨 앞줄 class=zbxe_info 대신에 class=zbxe_notice -> 요렇게 바꿔주니 페이지든 게시판이든 잘 됩니다.
어제부터 이 팁을 찾고자 제로보드며 다른 고수분들 게시판을 다 뒤지며 다녔는데 팁이 없길래 오늘 질문 했네요.
이런 팁은 팁 공유란에 올리기에는 좀 그런가요? 고수님들께는 별것 아닐지도 모르지만 저같은 사람들한테는 아주 유용한 자료가 되거든요. 어쨌든 원하던 답을 찾아서 다행이고 감사 드립니다. ^ ^
제로보드는 div 체계를 따릅니다.
그리고 이미지는 배경으로 처리되는 경우가 많아서
알아보기가 어렵고요 드래그 복사하시고 붙여넣기 하시면 복잡하게 감싸있습니다.
한번 보고 따라해보세요.
<p><A onclick="viewSkinInfo('board','xe_list');return false;" href="#"><IMG
class=zbxe_info
style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.zeroboard.com/common/tpl/images/info.png',sizingMethod='image'); WIDTH: 11px"
alt="" src="http://www.zeroboard.com/common/tpl/images/blank.gif"></A> </p>
이런식으로요^^