오늘 본 상품 디자인변경
안녕하세요 매일 sir게시판 도움만 받다가 감사한 마음에 하나 올립니다….
별거아니지만 필요하신 분들 있을 수도 있을 것 같아서 올려요~
오늘 본 상품 화살표 상하로 나뉘게 바꿨고 몇개 자잘하게 수정한게 다네요 ^^;;
첨부파일 다운 받으신 후 압축푸셔서 루트--> skin/shop/basic안에 boxtodayview.skin.php파일, goen폴더 넣으시면 됩니다.
goeun폴더는 이미지 파일이오니 필요에 따라 루트 변경하시면 될듯하네용...
별거아니지만 필요하신 분들 있을 수도 있을 것 같아서 올려요~
오늘 본 상품 화살표 상하로 나뉘게 바꿨고 몇개 자잘하게 수정한게 다네요 ^^;;
첨부파일 다운 받으신 후 압축푸셔서 루트--> skin/shop/basic안에 boxtodayview.skin.php파일, goen폴더 넣으시면 됩니다.
goeun폴더는 이미지 파일이오니 필요에 따라 루트 변경하시면 될듯하네용...
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 7개
(작은별님 도움으로 해결했어요~~)
------------------------------------------------------------------
추가적으로 위 예제 그림과 다르게 오늘본상품 테두리 박스 안 여백이 생긴다면,
style.css 파일에서 width:88px 을 전부 width:75px 로 바꾸세요
그리고 이미지 가운데 정렬이 안되어 있다면,
#stv {z-index:1001;position:relative;float:right;width:75px;} 부분에
text-align:center; 를 추가하세요.
아리용님이 style.css 파일을 빼먹으신 듯..;
boxtodayview.skin.php파일이 있는 폴더 CSS파일 수정시 아래에 부분 참고 하시면 될듯합니다.
(라인18번째줄부터요..)
#stv{position:relative}
#stv_pg {display:block;;text-align:center;margin:10px 0 0;line-height:20px}
#stv_ul {z-index:1003;position:relative;float:right;width:75px;padding:0px 0px 0px 0px;}
#stv_list {z-index:1002;position:relative;float:right;width:75px;padding:0px 0px 0px 0px;}
.stv_item {display:none;padding:0 0px;word-break:break-all}
#up{position:absolute;bottom:0;left:0;background:url(img/btn_sb_prev.png) no-repeat 50% 50%;width:30px;height:20px;text-indent:-999px;overflow:hidden;border:1px solid #ccc;}
#down{position:absolute;bottom:0;right:0;background:url(img/btn_sb_next.png) no-repeat 50% 50%;width:30px;height:20px;text-indent:-999px;overflow:hidden;border:1px solid #ccc;}