다크모드
로그인
회원가입
EOND
이온디 소개
프로젝트 찾기
이온디 프로젝트
이온디 포트폴리오
팀 프로젝트
프리랜서 찾기
프리랜서
소통방
소모임
구인&구직
스토어
라이믹스•XE
워드프레스
그누보드
아임웹
홈페이지 제작
컨텐츠 관리 시스템(CMS)
웹팁
소프트웨어팁
호스팅
서버관리팁
호스팅 신청
자유게시판
질문•답변
FAQ
서버관리팁
호스팅 신청
자유게시판
질문•답변
FAQ
호스팅
서버관리팁
호스팅 신청
자유게시판
가입인사
랭킹뷰
위키
출석부
메모로그
지식인
질문•답변
FAQ
질문•답변
-
가
+
상단 2차메뉴 질문좀 하겠습니다 :)
1
Habile
2009.02.05 15:27
0
https://eond.com/164941
주소복사
안녕하세요 ? 정낙훈님.
제 홈페이지를 리뉴얼좀 하다가 막히는 부분이 있어 끄적입니다 :) ..
다름이 아니라 ..2차 서브메뉴부분 ..에서 ..
왼쪽과 오른쪽 이미지를 어떻게 구현 하죠 ?
어떻게 설명이 잘 안되네요 ..
2차메뉴가 (소통의 창구 질문과답변 방명록 ) 이렇게 있다면
() 이부분을 어떻게 .. 넣죠 ?
...말을 어떻게.. 잘 할수가 없어서 ㅠㅠ ...
그럼 수고 하십시오 ~ ^^ ;
0
0
0
0
댓글
1
댓글작성칸으로
이온디
2009.02.05 22:11
베스트
링크복사
2차 서브메뉴에서 왼쪽과 오른쪽 이미지
<!-- The sub menu -->
{@ $idn = 1 }
<!--@foreach($main_menu->list as $key => $val)--><!--@if($val['link'])-->
<!--2차메뉴-->
<div id="submenu_{$idn}" class="submenu" style="display:none;" onmouseout="mouseOut(event, this, {$idn})">
<span class="bg_submenuLeft"></span>
<span class="bg_submenuRepeat">
<!--@foreach($val['list'] as $key1 => $val1)--><!--@if($val1['link'])-->
<!--@if($val1['selected'])--><!--@end-->
<li <!--@if($val['selected'])-->class="on"<!--@end--> class="iePngFix"><a href="{$val1['href']}" <!--@if($val1['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val1['link']}</a></li>
<!--@end-->
<!--@end-->
</span>
<span class="bg_submenuRight"></span>
</div>
<!--@end-->
{@$idn++}
<!--@end-->
<span class="bg_submenuLeft"></span>
<span class="bg_submenuRepeat">
<span class="bg_submenuRight"></span>
이 3개의 레이어가 왼쪽, 가운데 내용부분, 오른쪽 그림을 표시하는데요,
CSS파일에서 찾아보면,
.bg_submenuLeft {float:left;width:15px;height:37px;background:url(../images/default/bg_submenuLeft.png) no-repeat;
_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layouts/eondBlu/images/default/bg_submenuleft.png', sizingMethod='crop');}
.bg_submenuRepeat {float:left;padding-top:5px;min-width:200px;height:37px;background:url(../images/default/bg_submenuRepeat.png) repeat-x;text-align:middle;vertical-align:middle;
_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layouts/eondBlu/images/default/bg_submenu500.png', sizingMethod='crop');} /* width:254px; */
.bg_submenuRight {float:left;width:25px;height:37px;background:url(../images/default/bg_submenuRight.png) no-repeat;
_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layouts/eondBlu/images/default/bg_submenuRight.png', sizingMethod='crop');
}
이런 식이에요. ^^; 위 메뉴에서 TIP&PDS>XPRESS ENGINE>XE 스킨에 보면 소스 올려놓았으니 참고하세요.
질문•답변
전체
라이믹스XE
워드프레스
그누보드
HTML/CSS/JS
PHP
디자인
구글애드센스
호스팅
카페24
제로보드
기타
git
SEO
-
가
+
번호
제목
글쓴이
등록일
190
[라이믹스XE]
코드직접삽입위젯을 구매했는데요..
1
t3***46
라이믹스XE
라이믹스XE
라이믹스XE
라이믹스XE
10/24
라이믹스XE
189
[기타]
포인트 충전 부탁드립니다.
1
t3***46
기타
기타
기타
기타
10/22
기타
188
[라이믹스XE]
애드센스 위젯 문의드립니다.
1
t3***46
라이믹스XE
라이믹스XE
라이믹스XE
라이믹스XE
10/19
라이믹스XE
187
[기타]
아이디 비번 찾기가 메일이 안와요..
2
t4***90
기타
기타
기타
기타
10/13
기타
186
[라이믹스XE]
누리고 상품관리 썸네일 안 나오는 현상
eond
라이믹스XE
라이믹스XE
라이믹스XE
라이믹스XE
09/30
라이믹스XE
185
[라이믹스XE]
Excel 등록
6
t3***96
라이믹스XE
라이믹스XE
라이믹스XE
라이믹스XE
09/29
라이믹스XE
184
[라이믹스XE]
이온디님 안녕하세요
1
t4***23
라이믹스XE
라이믹스XE
라이믹스XE
라이믹스XE
09/16
라이믹스XE
183
[라이믹스XE]
게시판 스킨
t4***95
라이믹스XE
라이믹스XE
라이믹스XE
라이믹스XE
09/14
라이믹스XE
182
[기타]
추가 문의요 ㅠㅜ
1
t4***95
기타
기타
기타
기타
09/07
기타
181
[기타]
포인트 충전에서 카카오페이 결제를 했는데...
1
t4***95
기타
기타
기타
기타
09/06
기타
180
[그누보드]
그누보드 플러그인 세팅 오류 및 견적 문의^^
so****18
그누보드
그누보드
그누보드
그누보드
08/31
그누보드
179
[git]
After changing branch in phpstorm, the directory is not visible
eond
git
git
git
git
07/30
git
로그인 해주세요.
자유게시판
글쓰기
저장함
쪽지
전체글보기
인기글
인기멤버
태그
즐겨찾는 게시판
메뉴명
메뉴명
메뉴명
전체 게시판
이온디 소개
프로젝트 찾기
이온디 프로젝트
이온디 포트폴리오
팀 프로젝트
프리랜서 찾기
프리랜서
소통방
소모임
구인&구직
스토어
라이믹스•XE
워드프레스
그누보드
아임웹
홈페이지 제작
컨텐츠 관리 시스템(CMS)
웹팁
소프트웨어팁
호스팅
서버관리팁
호스팅 신청
자유게시판
질문•답변
FAQ
마이페이지
로그인을 해주세요
로그인하기
브라우저를 닫더라도 로그인이 계속 유지될 수 있습니다. 로그인 유지 기능을 사용할 경우 다음 접속부터는 로그인할 필요가 없습니다. 단, PC방, 학교, 도서관 등 공공장소에서 이용 시 개인정보가 유출될 수 있으니 꼭 로그아웃을 해주세요.
댓글 1
댓글작성칸으로{@ $idn = 1 }
<!--@foreach($main_menu->list as $key => $val)--><!--@if($val['link'])-->
<!--2차메뉴-->
<div id="submenu_{$idn}" class="submenu" style="display:none;" onmouseout="mouseOut(event, this, {$idn})">
<span class="bg_submenuLeft"></span>
<span class="bg_submenuRepeat">
<!--@foreach($val['list'] as $key1 => $val1)--><!--@if($val1['link'])-->
<!--@if($val1['selected'])--><!--@end-->
<li <!--@if($val['selected'])-->class="on"<!--@end--> class="iePngFix"><a href="{$val1['href']}" <!--@if($val1['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val1['link']}</a></li>
<!--@end-->
<!--@end-->
</span>
<span class="bg_submenuRight"></span>
</div>
<!--@end-->
{@$idn++}
<!--@end-->
<span class="bg_submenuLeft"></span>
<span class="bg_submenuRepeat">
<span class="bg_submenuRight"></span>
이 3개의 레이어가 왼쪽, 가운데 내용부분, 오른쪽 그림을 표시하는데요,
CSS파일에서 찾아보면,
_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layouts/eondBlu/images/default/bg_submenuleft.png', sizingMethod='crop');}
.bg_submenuRepeat {float:left;padding-top:5px;min-width:200px;height:37px;background:url(../images/default/bg_submenuRepeat.png) repeat-x;text-align:middle;vertical-align:middle;
_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layouts/eondBlu/images/default/bg_submenu500.png', sizingMethod='crop');} /* width:254px; */
.bg_submenuRight {float:left;width:25px;height:37px;background:url(../images/default/bg_submenuRight.png) no-repeat;
_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layouts/eondBlu/images/default/bg_submenuRight.png', sizingMethod='crop');
}
이런 식이에요. ^^; 위 메뉴에서 TIP&PDS>XPRESS ENGINE>XE 스킨에 보면 소스 올려놓았으니 참고하세요.