누구 한분이 받아가시자마자 -_- 수정햇습니다;;;

포지셔닝 관련... ㅎㅎㅋㅋ

---------------------------------------------------------------------------------

네.. 여기서 오토무빙? 형식의 커버스토리형 최근게시물을 받았는데.
좀 제맘대로 바꾼다고 다 바꿔버렸습니다~
원래는 올릴생각이 없었는데 갑자기 그냥 함 올려보고싶어져서 코드좀 정리하고 올립니다
 저 개초보라 허접하게 만들었음을 이해해주십시오.ㅎㅎ


 일단...
문서타입 <! Doctype html > 일케라두 선언을 전제로, 익스8, 익스7, 익스6, 크롬 에서 테스트했구요.
 익스6을 위해선 style 너비값 높이값 속성을 핵으로 적용했고
png 이미지를 위해서 png핵(DD_belatedPNG.js) 도 첨부해두었습니다.

소스내에 보시면 주석으로 핵 부분을 해놨을거에요..
혹시 본인 사이트에서 png 핵을 이미 쓰는게 있으시다면 제거&수정해서 쓰시구.
초보분들은 모르시겠으면 그냥 폴더째로 올리시면 알아서 될거에요.


게시물 개수는 무조건1개구요.

이미지 있을때 없을때 스샷 올려놨구요.

좌측에 이미지가 나오구 우측에 제목이랑 내용이랑 더보기 버튼이 나와요.
더보기버튼은 마우스 올렸을때가 위에 그림입니다

첨부된 이미지를 div 에서 배경으로 출력합니다.
총 길이는 620px 인가 그럴거에요.
이미지 출력 너비는 474px 인데 그위에 absolute 포지셔닝으로 투명 png이미지를 덮었어요. 마스크처럼~

그래서 스샷보시면 아이 그림일기 주변이 좀 그라디에션 되있을거에요~

그리고 스샷에는 군청색으로 타이틀비스하게 해놧는데 여기 올린 소스에는 주석처리 해놨으니까
바꾸시든지 지우시든지하시구요 ㅋ

 
png 마스크랑 이미지 없을때의 그림은 psd 파일도 해놨으니깐 (허접이쓰던거라 도움이될진모르겠는데)
수정하시려면 수정하세요ㅎ

아 근데...

이 스킨의 가로길이를 수정하시려면 조큼 귀찮으실거에요.

div style의 너비들을 바꾸시면서 확인해보셔야해서요. _width 로 익스6픽셀값은 따로 적용하고 이래가지구.. ㅎㅎ 그리고 이미지크기들도 수정해야할거구요~

최소한의 css 를 이해하신분이면 수정가능하실겁니다~


설명이 다됬으려나 모르겠네...
질문사항 잇으시면 남겨주세요~~ ㅋ