쇼핑몰 카테고리 픽셀 늘리기.. 정보
쇼핑몰 카테고리 픽셀 늘리기..본문
css/default_shop.css
106번째 줄
/* aside wrapper 옆메뉴부분*/
#aside {float:left;margin:0 10px 0 0;width:200px}
200정도 늘려야지 이뿌더라구요~
로그인도 늘려야죠
/skin/outlogin/shop_basic/style.css
/* 아웃로그인 스킨 */
.ol {position:relative;margin:0 0 5px;width:200px}
106번째 줄
/* aside wrapper 옆메뉴부분*/
#aside {float:left;margin:0 10px 0 0;width:200px}
200정도 늘려야지 이뿌더라구요~
로그인도 늘려야죠
/skin/outlogin/shop_basic/style.css
/* 아웃로그인 스킨 */
.ol {position:relative;margin:0 0 5px;width:200px}
추천
2
2
댓글 3개
늘리니까 이쁘네요. 좋은팁 감사합니다.^^
근데 로그아웃시의 형태도 늘려야해서 이것 저것 해야하는것 같아요^^
근데 로그아웃시의 형태도 늘려야해서 이것 저것 해야하는것 같아요^^
추가내용 ============
css/default_shop.css
106번째 줄
/* aside wrapper 옆메뉴부분*/
#aside {float:left;margin:0 10px 0 0;width:180px}
200정도 늘려야지 이뿌더라구요~
로그인도 늘려야죠
/skin/outlogin/shop_basic/style.css
/* 아웃로그인 스킨 */
.ol {position:relative;margin:0 0 5px;width:200px}
#ol_id {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:170px;height:22px;border:1px solid #b8c9c2;background:#f7f7f7;line-height:1.6em}
#ol_pw {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:170px;height:22px;border:1px solid #b8c9c2;background:#f7f7f7;vertical-align:top;line-height:1.6em}
#ol_svc a {display:inline-block;padding:5px 0;width:85px;border:1px solid #e9e9e9;background:#faf9f5;text-align:center;text-decoration:none}
#ol_after_ft a {display:inline-block;padding:4px 0 3px;width:85px;background:#626870;color:#fff;text-align:center}
skin/shop/basic/style.css
커뮤니티 글씨 크게하기
#scomm a {display:block;padding:7px 10px 6px;border-bottom:1px solid #f4f4f4;text-decoration:none; color:#323131; font-family:Verdana;font-size:1.1em;font-weight:bold; }
오늘본상품
#stv {z-index:1004;position:relative;float:right;width:-188px}
css/default_shop.css
106번째 줄
/* aside wrapper 옆메뉴부분*/
#aside {float:left;margin:0 10px 0 0;width:180px}
200정도 늘려야지 이뿌더라구요~
로그인도 늘려야죠
/skin/outlogin/shop_basic/style.css
/* 아웃로그인 스킨 */
.ol {position:relative;margin:0 0 5px;width:200px}
#ol_id {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:170px;height:22px;border:1px solid #b8c9c2;background:#f7f7f7;line-height:1.6em}
#ol_pw {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:170px;height:22px;border:1px solid #b8c9c2;background:#f7f7f7;vertical-align:top;line-height:1.6em}
#ol_svc a {display:inline-block;padding:5px 0;width:85px;border:1px solid #e9e9e9;background:#faf9f5;text-align:center;text-decoration:none}
#ol_after_ft a {display:inline-block;padding:4px 0 3px;width:85px;background:#626870;color:#fff;text-align:center}
skin/shop/basic/style.css
커뮤니티 글씨 크게하기
#scomm a {display:block;padding:7px 10px 6px;border-bottom:1px solid #f4f4f4;text-decoration:none; color:#323131; font-family:Verdana;font-size:1.1em;font-weight:bold; }
오늘본상품
#stv {z-index:1004;position:relative;float:right;width:-188px}
기존 것 건드리지 않고 윈도우 환경 일부 브라우저에서 두개가 위 아래로 겹쳐지는 문제는 width:71px ->width:47% 로 수정하면 될 듯요.
#ol_svc a {display:inline-block;padding:5px 0;width:47%;border:1px solid #e9e9e9;background:#faf9f5;text-align:center;text-decoration:none}
로그인 후에도 그런 문제가 생기네요.. 윈도우 환경에서만.. width:73px -> width:48% 로 수정하니 상당히 깔끔합니다.
#ol_after_ft a {display:inline-block;padding:4px 0 3px;width:48%;background:#626870;color:#fff;text-align:center}
#ol_svc a {display:inline-block;padding:5px 0;width:47%;border:1px solid #e9e9e9;background:#faf9f5;text-align:center;text-decoration:none}
로그인 후에도 그런 문제가 생기네요.. 윈도우 환경에서만.. width:73px -> width:48% 로 수정하니 상당히 깔끔합니다.
#ol_after_ft a {display:inline-block;padding:4px 0 3px;width:48%;background:#626870;color:#fff;text-align:center}