본문 바로가기

전체 글229

dom 라운드 박스 원래 의도는 둥근박스를 위해서 의미 없는 불필요한 클래스를 여러개 지정해야 하는데...이를 자바로 따로 생성한다. 의도하고자하는 기본 html는 다음과 같고 sdsasd 사용될 html은 준비할 이미지는 box.gif(이미지 에디터 에서 제작한 커다란 라운드 박스) borders.gif(양쪽 라인)이둘. css는 .box { margin: 15px 0 0 0; padding: 5px 0 5px 0; } /* cbb 자바스크립트가 지원 안될때 */ .cbb { margin: 0 10px 0 10px; background: #FFF; padding: 5px 0 5px 0; line-height: 170%; } /* 메인박스 */ .cbb p, .cb p { margin: 0; padding: 0 5px 5p.. 2009. 7. 2.
DOM 함수 addLoadEvent 함수를 여러번 사용할때 쓰는 addLoadEvent function A(){ } function B(){ } function C(){ } . . . function D(){ } 여러합수를 사용할때 전역 함수가 아닌 경우, 그리고 각함수에 귀찮게 이벤트핸들러를 줄필요없게 쓰는함수이다. addLoadEvent ( 함수명); 그리고 순차적으로 실행된다. addLoadEvent(A) ; addLoadEvent(B) ; 코드는 다음과 같다 function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = funct.. 2009. 7. 2.
MJ 캐릭아트 2009. 6. 30.
캐릭아트 Mj 추모 2009. 6. 29.
코카콜라 포스터 출처는 역시 플리커 2009. 6. 27.
재밌는 타이포그라피 -Type Drawing-아이팟터치 아이폰 어플 타입드로잉 -Type Drawing- 은 서체를 붓으로 사용해서 멋진 타이포그라피를 만들어 낼수 있는 프로그램입니다. Type Drawing은 아주 간결하고 깨끗합니다. 풍부한 옵션 선택으로 원하는 그림을 그릴수 있습니다. 특히 이번 업데이트 버전에서는 선택된 서체의 크기와 함께 미리보기가 가능해져서 더욱 편리하게 사용할수 있게 됐습니다. 배경화면 또한 검정색과 흰색이 추가되어 서체의 명도와 투명도를 이용해 멋진 효과를 낼수 있습니다. 랜덤 옵션을 선택하면 서체의 크기와 종류가 그리는 속도에 따라 달라지는 재미를 만끽 할수있고, 원하는 문장이나 단어, 알파벳을 크기를 조절해 원하는 곳에 배치할수도 있어 로고를 만들어 낼수도 있습니다. 내 앨범 사진을 이용한다면 또 재밌는 아이디어를 가진 그림이 나올수도 .. 2009. 6. 27.
내 블로그에 한예슬이 나온다면? | 카페베네공모전 | 한예슬공모전 | 카페베네 caffebene [출처] 카페베네뉴스 | 내 블로그에 한예슬이 나온다면? | 카페베네공모전 | 한예슬공모전 | 카페베네 caffebene|작성자 카페베네 한예슬이벤트로 잘 알려진 카페베네 아이디어 공모전은 매일 수백명이 몰리며 각종 기획안과 블로그, 카페 디자인, 애칭 등이 올라오고 있습니다. 특히 카페베네의 로고와 한예슬 이미지를 활용해 만드는 블로그스킨과 카페대문 이벤트에는 상금 500만원과 해외여행티켓을 비롯한 푸짐한 상품이 제공돼 일반인은 물론 웹디자이너 등 전문가의 참여도 이어지고 있다는군요! 기존 이벤트는 참여자에게 부담을 주는 것이 대부분이지만 블로그와 카페 디자인은 누구나 일상 생활 속에서 흔히 하는 것으로서 참여자의 부담이 적을 뿐만 아니라 블로그와 카페가 가진 커뮤니티의 특성때문에 카페베네도 홍보되는 1석 2조 효과가 있는 것 같네요. [출처] 카페베네뉴스 | 내 블로그에 한예슬이 나온다면? | 카페베네공모전 | 한예슬공모전 | 카페베네.. 2009. 6. 27.
css 초기화 코드 body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin : 0; padding : 0; } h1,h2,h3,h4,h5,h6 { font-size : 100%; } ol,ul { list-style : none; } address, caption, cite, code, dfn, em, strong, th, var { font-style : normal; font-weight : normal; } table { border-collapse : collapse; border-spacing : 0; } fieldset,img { border : 0; } ca.. 2009. 6. 26.
Line Test this track back is test 2009. 2. 4.

티스토리툴바