XpressEngine과 관련된 팁이나 강좌를 소개하는 게시판입니다.
자신이 생각하기에는 아주 사소한 내용이라도 누군가에게는 큰 도움이 될 수 있습니다.
XE 원 소스 코드를 수정하는 팁은 당장은 도움이 될지 몰라도 결국 XE 업그레이드를 하지 못하게 되니 팁을 올리시는 분이나 팁을 적용하시는 분이나 모두 주의 부탁드립니다.
글 수 988
![[레벨:3]](http://www.xpressengine.com/modules/point/icons/default/3.gif "포인트:1040point (36%), 레벨:3/30"){kind=icon}
SensePlus1이것도 팁이 될수 있는지 모르겠군요~
눈팅만 하다가 큰 맘먹고 올립니다.
레이아웃을 조금 수정하고, xml파일에 top_menu 항목을 집어넣어서~
레이아웃에서 톱메뉴 항목을 만들어서 관리할 수 있게 만드는 방법입니다.
아래 그림과 같이 톱메뉴 만드는 방법입니다.
우선 레이아웃의 info.xml 파일을 열어서
맨끝으로 이동하면 그림과 같이 <menus> 관련 스크립트가 있습니다.
그곳에 그림과 같이 만듭니다.
다음으로 Layout.html파일을 수정합니다.
수정/삽입하였으면, 관리자 설정화면으로 가서
메뉴관리에~ 상단톱메뉴를 만들 메뉴항목을 만듭니다.
레이아웃 수정된 곳에 메뉴를 보시면, 아래와 같이 최상단메뉴가 활성화 되어서 나타납니다.
그곳에 위의 top메뉴를 설정하시면, 맨 위에서 보시는봐와 같이 나옴니다.
이제 막 레이아웃 파일 열어서 분석하는 과정이라, 많이 알지는 못합니다.
제로님과 개발에 참여하시는 분들에게 너무나도 감사하게 생각하고, 응원 열심히 할께요~
힘내세요~
눈팅만 하다가 큰 맘먹고 올립니다.
레이아웃을 조금 수정하고, xml파일에 top_menu 항목을 집어넣어서~
레이아웃에서 톱메뉴 항목을 만들어서 관리할 수 있게 만드는 방법입니다.
아래 그림과 같이 톱메뉴 만드는 방법입니다.
우선 레이아웃의 info.xml 파일을 열어서
맨끝으로 이동하면 그림과 같이 <menus> 관련 스크립트가 있습니다.
그곳에 그림과 같이 만듭니다.
다음으로 Layout.html파일을 수정합니다.
수정/삽입하였으면, 관리자 설정화면으로 가서
메뉴관리에~ 상단톱메뉴를 만들 메뉴항목을 만듭니다.
레이아웃 수정된 곳에 메뉴를 보시면, 아래와 같이 최상단메뉴가 활성화 되어서 나타납니다.
그곳에 위의 top메뉴를 설정하시면, 맨 위에서 보시는봐와 같이 나옴니다.
이제 막 레이아웃 파일 열어서 분석하는 과정이라, 많이 알지는 못합니다.
제로님과 개발에 참여하시는 분들에게 너무나도 감사하게 생각하고, 응원 열심히 할께요~
힘내세요~
댓글 '6'
![[레벨:2]](http://www.xpressengine.com/modules/point/icons/default/2.gif "포인트:680point (71%), 레벨:2/30"){kind=icon}
minnim![[레벨:9]](http://www.xpressengine.com/modules/point/icons/default/9.gif "포인트:7920point (36%), 레벨:9/30"){kind=icon}
팔공산적용해보니 잘 작동하는군요, 좋은팁 감사합니다. 그런데 css작업을 언급해 주지 않아서 좀 해맸습니다.(고수가 아닌 사람의 비애)
제가 적용한 css예제입니다. 참조하세요.
해당 레이아웃스킨의 css를 열어서 아래의 부분을 첨가해주시면 됩니다.
여기서 상부의 소스중
#bodyWrap { width:980px; margin:0em auto 0 auto; }
는 top메뉴의 위치가 최상단에 가게 하는 것이므로, 자신에게 맞게 수정하시면 되고요.
아래의 소스를 삽입하면 됩니다.
그리고 참고로 기존의 홈피가 만들어져 있는 경우는 해당스킨의 layout.html을 변경해 주어도 작동이 안됩니다.
cash파일들 다 지우고 하시던지 아님 레이아웃편집에서 직접 소스삽입하면 바로 적용됩니다.
제가 적용한 css예제입니다. 참조하세요.
해당 레이아웃스킨의 css를 열어서 아래의 부분을 첨가해주시면 됩니다.
/* Site Layout - Body Wrap */
body { background:#FFFFFF url(../images/default/bgBody.gif) repeat-x left top; }
#bodyWrap { width:980px; margin:0em auto 0 auto; }
/* super top 메뉴 위치*/
#topmenu { text-align:right; padding:0px 0px 0px 0px; clear:both;}
#topmenu li { display:inline; padding:0px 0px 0px 0px; no-repeat left center;}
#topmenu li.first-child { background:none;}
#topmenu li a { font-weight:bold; color:#636567; font:12px Tahoma, "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; text-decoration:none;}
#topmenu li address { display:inline; }여기서 상부의 소스중
#bodyWrap { width:980px; margin:0em auto 0 auto; }
는 top메뉴의 위치가 최상단에 가게 하는 것이므로, 자신에게 맞게 수정하시면 되고요.
아래의 소스를 삽입하면 됩니다.
그리고 참고로 기존의 홈피가 만들어져 있는 경우는 해당스킨의 layout.html을 변경해 주어도 작동이 안됩니다.
cash파일들 다 지우고 하시던지 아님 레이아웃편집에서 직접 소스삽입하면 바로 적용됩니다.
그리고 보니, CSS에 대해서 설명이 너무 부족했었네요~
지적해 주셔서 감사합니다.~
80sam 님의 글 처럼 적용 스킨의 CSS을 위처럼 수정하면 됩니다.
참고로, 기본 xe_official 디렉토리를 다른 이름으로 복사해서 별도로,
자신만의 레이아웃를 만들어 사용하는것이 좋겠지요~ ^^;
지적해 주셔서 감사합니다.~
80sam 님의 글 처럼 적용 스킨의 CSS을 위처럼 수정하면 됩니다.
참고로, 기본 xe_official 디렉토리를 다른 이름으로 복사해서 별도로,
자신만의 레이아웃를 만들어 사용하는것이 좋겠지요~ ^^;
![[레벨:4]](http://www.xpressengine.com/modules/point/icons/default/4.gif "포인트:1915point (58%), 레벨:4/30"){kind=icon}
규민
좋은 팁 감사합니다~!!