테스트 사이트 - 개발 중인 베타 버전입니다

쇼핑몰 카테고리 픽셀 늘리기..

· 11년 전 · 7416 · 3
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}


댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 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}
11년 전
기존 것 건드리지 않고 윈도우 환경 일부 브라우저에서 두개가 위 아래로 겹쳐지는 문제는 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}