묻고답하기
[해결]혹시 왕초보인 저를 레이아웃 고치는 방법 가르쳐주실분~
2009.05.22 04:17
다름이 아니라 기본 xe 레이아웃을 네이버 스타일로 변경해서 사용하고 싶은데 어디를 어떻게 수정을 해야하는지 몰라서요.
레이아웃 스킨을 다운받아서 적용하고 사용하는 것은 하겠는데 이왕이면 기본 레이아웃으로 하나씩 고쳐보며 배웠으면 하는 바램입니다.
어느 곳에도 이런 강좌를 찾기가 쉽지가 않네요;;
위 이미지를 보면
1번 바탕을 자르거나 무색으로 적용하기.
2번 검색을 4번 위치로 이동시켜 확대하기.(언어선택을 원하는 위치로 이동시키는 방법 등)
3번의 색상을 변경하기.
제발 꼭 배웠으면 합니다.
답변이 있기를 바라며...
댓글 4
-
yohan666
2009.05.22 05:40
-
4번은 웹미니 레이아웃을 이용하면 검색창에 4번 위치에 있습니다.
레이아웃 자료실 둘러보시면 검색창이 4번 위치에 있는 레이아웃이 많습니다. -
진아아빠
2009.05.22 09:35
설명 들어갑니다..
사용하시는 에디터를 이용하여 XE /LAYOUTS/XE_OFFICIAL/CSS/BLACK 파일을 열기
즉 귀하가 사용하고 계시는 레이아웃의 CSS 파일을 열라는 말씀....아래와 같이 보이면...1번 바탕을 자르거나 무색으로 적용하기.
( 아래의 적색글씨 부분을 없에면 무색으로 칼라코드를 넣으면 칼라가 변경되고,,, 적당한 그림파일 주소를 넣으면 그림이 올라옵니다)/* Site Layout - Body Wrap */
body { background:#000;}
#bodyWrap { position:relative; width:980px; margin:0 auto; padding:1.5em 0 0 0;}/* Site Layout - Header */
#header { position:relative; width:980px; height:120px;
background:url(../images/black/bgHeader.jpg) no-repeat right top;
margin-bottom:10px; z-index:99;}
#header h1 { position:absolute; top:32px; left:25px;}2번 검색을 4번 위치로 이동시켜 확대하기.(언어선택을 원하는 위치로 이동시키는 방법 등
아래 부분을 수정해 주시면 됩니다.
#isSearch { position:absolute; top:48px; right:15px; width:214px; text-align:right;}
#isSearch .searchOrder { display:none;}3번의 색상을 변경하기.
아래의 적색글씨 부분을 변경하면 됩니다. 즉 그림으로 지정하든지 아니면 칼라로 지정하면 됩니다.#gnb { position:absolute; top:82px; left:0; height:38px; overflow:hidden; white-space:nowrap; margin-bottom:10px;}
#gnb li { list-style:none; float:left; background:url(../images/black/bgGnbVr.gif) no-repeat left center; padding-left:2px;
position:relative; left:-2px; white-space:nowrap;}
#gnb li a { display:block; float:left; padding:13px 15px 0 15px; height:25px; color:#a6a6a6; white-space:nowrap; text-decoration:none; }
#gnb li a:hover,
#gnb li a:focus { color:#ffffff;}
#gnb li.on a { font-weight:bold; color:#ffffff; background:url(../images/black/bgGnbOn.gif) no-repeat center top;} -
와우~ 소중한 답변 정말 진심으로 감사드립니다.
이렇게 빨리 답변을 얻을줄 몰랐네요. ^^;
진아아빠님의 자세한 설명 감사드리며 바로 적용을 해보면서 공부해보겠습니다.
다시 한번 소중한 답변을 주셔서 감사드립니다.
행복한 하루되세요^^
1번파일을 GIF로 포토샵에서 바탕을 지워서 적용하시면 될것 같은데요?
나머지는 CSS공부를 하셔야 할듯 싶습니다...