리스트에서 글내용 미리 확인하기 슬라이드 방식
새창 아이콘을 클릭하면 새로운 레이어에서 내용이 출력되어 미리보기 할 수 있습니다.
본인의 활동지수 적립용으로 만든것이 아니므로 반드시 다운로드 하실 필요는 없습니다.
또한, 배추스킨과 다르게 추천을 절대 유도하지 않습니다.
코드가 궁금하신 경우에만 다운로드 하시고, 코드가 마음에 드는 경우에만 추천해 주세요.
jquery 의 ajax 를 사용하였고 xml 로 나온 결과를 가지고 출력해 줍니다. 등등...
본인의 활동지수 적립용으로 만든것이 아니므로 반드시 다운로드 하실 필요는 없습니다.
또한, 배추스킨과 다르게 추천을 절대 유도하지 않습니다.
코드가 궁금하신 경우에만 다운로드 하시고, 코드가 마음에 드는 경우에만 추천해 주세요.
jquery 의 ajax 를 사용하였고 xml 로 나온 결과를 가지고 출력해 줍니다. 등등...
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
그누4 스킨
5,847건스킨의 저작권은 해당 스킨 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다. 스킨 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y 그누보드와 관련이 있지만 스킨과 빌더가 아니면 플러그인 게시판에 올려주세요.
댓글 17개
이 버그를 잡아주시는 분께 특별히 사례하지는 않겠습니다. ㅠㅠ
추천은 나중에 봐가면서....^^
<style>
.preview {
display:none;
border:5px solid #ccc;
padding:10px;
margin:10px 0;
line-height:150%;
width: 300px;
height:180px;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
overflow-x : hidden;
overflow:auto;
}
</style>
http://umz.kr/05Vgw
IE 처럼 글자 잘림 및 스크롤 현상을 방지할 수 있습니다.
<style>
.preview {
display:none;
border:5px solid #ccc;
padding:10px;
margin:10px 0;
line-height:150%;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
overflow-x : hidden;
overflow:auto;
}
</style>
이 코드로 수정하여 다시 올립니다.
추천이요