메

탑메뉴 부분만 깔끔하게 추출 가능한 고수님들께 부탁드립니다.

· 2012-06-29 (금) 00:21:46 · 3690 · 9
요청.jpg
 
 
위 링크에.. 공개 제이쿼리 Full 페이지 자료 올렸습니다...
 
탑메뉴 부분만 추출하여 사용할려고 했는데... css 부분이 전체 페이지에 영향을 미쳐서인지
 
위의 스샷처럼 게시판 크기나 사이드 메뉴 위치등 엉망으로 틀어지네요 ㅜ.ㅜ
 
며칠째 이것좀 어떻게 수정하려고 해보다 포기하고 고수님들의 도움을 요청해봅니다.
 
탑메뉴 부분만 깔끔하게 추출해주실 고수님들 안계신가요?

첨부파일

요청.jpg (236.1 KB)
0회 2012-06-29 00:21
|

댓글 9개

여기가 아니라 css 게시판에 올리셔야 할텐데....

대신 해줄 사람은 없고 css 배워서 고쳐 쓰세요. 쉬워요.
2012-06-29 (금) 23:52:14
허걱~ 다운로드 권한을 준다는게 깜빡했네요~ 죄송 합니다.

cshop님 모든 페이지가 다 엉켜 있어서 메뉴부분만 추출해내도 적용시키기가 쉽지가 않네요.

css 화일이 base/css3/reset 세가지중 하나만 잘못건드려도 그냥 아작 나네요.

고수님들 아니면 쉽게 추출해내기 힘들것 같아서 부탁글올려본겁니다.
이건 기술이 요구되는게 아니라, 시간이 요구되는 일 입니다.

<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="stylesheet" type="text/css" href="css/tipTip.css">
<link rel="stylesheet" type="text/css" href="css/short-code.css">
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css">
<link rel="stylesheet" type="text/css" href="css/css3.css">
<link rel="stylesheet" type="text/css" href="css/slider.css">

여기서 하나씩 주석처리를 해서 어느 css 가 상단 메뉴의 css 인지 골라내셔서 그것만 일단 남긴후, naming conflict (한국어로는 그냥 css 충돌이라고 둘러서 말하더라구요) 생기는 것들, 그러니까 다시말해 selector 의 명 (name) 이 동일해서 생기는 충돌을 일일히 고쳐주셔야 합니다.

시간절약을 하려면 naming conflict 그냥 놔두고 inline 으로 적용해서 해결보셔도 되는데, 이러면 나중에 코딩이 걸레처럼 지져분해지는 단점이.....

css 배워서 직접 고치셔야 해요. 기술적으로 어려운게 아니잖아요. 시간이 걸리는 일일 뿐이지... 백수가 아닌다음에야 대신 이걸 해줄 사람은 없습니다.

솔직히 저같은면 저걸 고치느니 하나 만들어 쓰는게 더 빠르겠네요. 복잡한 메뉴도 아니고...

이거 작년에 짜봤던거라 개허접으로 코딩해놨을텐데...

http://hackya.com/menu4/

우클릭하셔서 다운받아서 검색하는 부분 넣고, 색상 바꾸고 해서 원하시는 모습으로 바꿔 쓰시던가요. 저는 css naming 을 특이하게 해서 아마도 css 충돌은 없을거에요.

디자인에 관심이 많으시면, 뭐든 직접 만들어서 쓰실 수 있어야 합니다.

** 참고로 저 고수 아닙니다. 저도 개초보에요.
소스 잘 보면 금방 하실텐대요
2012-07-01 (일) 12:03:57
전체페이지가 다 연결되어 있어서...
css 충돌이 심해서 초보가 하기에는 쉽지 않더군요 ㅠ.ㅠ
이럴때 쓰라고 있는게 Firefox Firebug 입니다.
진서기님 안녕하시렵니까? ㅎㅎ

가끔 크롬 개발자 툴도 써보면, firebug 보다 더 우수한 기능들이 있음을 저는 알게 되었습니다. 일단 속도가 FF 보다 더 빨라서요..
2012-07-03 (화) 09:44:02
아이큐..ㅠㅠ
2012-07-03 (화) 23:01:14
------ ^^ cshop님 덕분에 깔끔히 해결됐습니다~ ------
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
12-09-05 조회 7,342
12-08-31 조회 5,742
12-08-30 조회 6,522
12-08-22 조회 1.2만
12-08-09 조회 5,403
12-08-02 조회 3,594
12-07-30 조회 3,919
12-07-15 조회 3,454
12-07-10 조회 3,453
12-07-06 조회 3,353
12-07-06 조회 3,284
12-07-03 조회 3,927
12-07-03 조회 3,413
12-07-02 조회 3,324
12-06-25 조회 3,774
12-06-20 조회 3,133
12-06-15 조회 3,633
12-06-14 조회 2,997
12-06-08 조회 3,805
12-06-07 조회 3,785
12-06-05 조회 5,643
12-06-05 조회 3,272
12-06-04 조회 3,690
12-06-01 조회 3,950
12-06-01 조회 4,631
12-06-01 조회 3,555
12-05-30 조회 3,105
12-05-28 조회 3,050
12-05-23 조회 3,156
12-05-18 조회 3,085
12-05-16 조회 3,127
12-05-16 조회 3,075
12-05-16 조회 4,386
12-05-16 조회 2,918
12-05-16 조회 2,917
12-05-16 조회 3,288
12-05-16 조회 3,049
12-05-16 조회 2,899
12-05-15 조회 3,122
12-05-15 조회 2,744
12-05-15 조회 3,055
12-05-15 조회 3,494
12-05-15 조회 3,227
12-05-15 조회 2,595
12-05-14 조회 2,644
12-05-14 조회 2,808
12-05-14 조회 2,747
12-05-14 조회 3,069
12-05-14 조회 2,805
12-05-11 조회 3,198
12-05-11 조회 2,725
12-05-11 조회 2,614
12-05-11 조회 2,728
12-05-11 조회 3,237
12-05-11 조회 2,479
12-05-10 조회 3,887
12-05-10 조회 2,734
12-05-10 조회 2,667
12-05-10 조회 2,812
12-05-10 조회 4,422
12-05-10 조회 2,455
12-05-10 조회 2,569
12-05-10 조회 2,419
12-05-10 조회 2,668
12-05-10 조회 3,127
12-05-10 조회 3,402
12-05-10 조회 2,633
12-05-10 조회 2,751
12-05-10 조회 3,222
12-05-10 조회 2,739
12-05-08 조회 2,909
12-05-08 조회 2,834
12-05-08 조회 2,854
12-05-08 조회 3,235
12-05-08 조회 4,401
12-05-03 조회 2,749
12-05-03 조회 2,891
12-05-03 조회 2,658
12-05-03 조회 3,730
12-05-03 조회 2,733
12-05-02 조회 2,746
12-04-27 조회 2,707
12-04-27 조회 2,784
12-04-27 조회 2,718
12-04-26 조회 2,671
12-04-26 조회 2,991
12-04-26 조회 2,993
12-04-26 조회 2,661
12-04-26 조회 2,987
12-04-26 조회 3,593
12-04-26 조회 2,857
12-04-26 조회 3,530
12-04-26 조회 2,598
12-04-26 조회 2,917
12-04-26 조회 2,656
12-04-26 조회 2,902
12-04-26 조회 2,659
12-04-26 조회 3,057
12-04-26 조회 3,113
12-04-26 조회 2,929