티스토리 뷰

728x90
반응형
상을 받는다는것은 언제나 기분 좋은 일 같습니다.

블로그운영 4년째에 상도 받아보는군요.

앞으로 더욱 열심히 하라는 의미로 알고 열심히 블로깅 하겠습니다.






덧.

올블로그어워드 수상자들을 위한 엠블럼이 제공되고 있습니다. (http://award.allblog.net/?page_id=27)

<a href="http://award.allblog.net/"><img class="png" src="http://award.allblog.net/wp-content/uploads/award08_tech.png" /></a><script src="http://award.allblog.net/wp-content/themes/award2008/scripts/png.js" type="text/javascript"></script><style>  .png { tmp:expression(setPng(this)); } </style>

png포맷의 알파채널 효과를 이용한 올블로그엠블럼이 상당히 멋이 있습니다.

하지만 png 파일의 이러한 효과를 IE6이 기본적으로 지원하지 않아 별도의 스크립트를 사용해야합니다.

그래서 이를 위한 코드 때문에 이미지 하나만 있는것치고는 엠블럼스크립트코드가 기네요.

아쉬운점은 엠블럼안에있는 <style>  .png { tmp:expression(setPng(this)); } </style> 이부분인데

<style> 엘리먼트는 head 엘리먼트의 자식엘리먼트여야 올바른 사용입니다.

<style> 태그가 <body>내에 있는경우에는 body의 콘텐츠들이 style을 만나는 순간 전체가 다시 렌더링 됩니다.

그래서 블로그에 자칫 잘았다가는 약간이나마 렌더링 속도의 저하가 생길수 있으니

올블로그어워드 엠블럼을 다시는 분들은 <style>  .png { tmp:expression(setPng(this)); } </style> 이 구문을 head 엘리먼트 안에 넣어주시면 좋습니다.



728x90
반응형
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/04   »
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
글 보관함