다크모드
로그인
회원가입
EOND
프로젝트
기술지원
간편의뢰
견적상담
고객후기
사이드프로젝트
스토어
라이믹스
워드프레스
그누보드
아임웹
카페24
문서
호스팅
서버관리팁
호스팅 신청
자유게시판
질문•답변
FAQ
홈페이지 제작
컨텐츠 관리 시스템(CMS)
웹팁
소프트웨어팁
프리랜서
프리랜서 찾기
소통방
소모임
구인&구직
지역별 프리랜서
서버관리팁
호스팅 신청
자유게시판
질문•답변
FAQ
호스팅
서버관리팁
호스팅 신청
자유게시판
가입인사
랭킹뷰
위키
출석부
메모로그
지식인
홍보
질문•답변
FAQ
질문•답변
-
가
+
상단 2차메뉴 질문좀 하겠습니다 :)
1
Habile
2009.02.05 15:27
1
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 스킨에 보면 소스 올려놓았으니 참고하세요.
newcomment
질문•답변
전체
라이믹스XE
워드프레스
그누보드
HTML/CSS/JS
PHP
디자인
구글애드센스
호스팅
카페24
제로보드
기타
git
SEO
-
가
+
번호
제목
글쓴이
등록일
25
[라이믹스XE]
마이노트 1.4.4 사용후기&질문&건의사항.
4
ap*le
라이믹스XE
라이믹스XE
라이믹스XE
라이믹스XE
02/20
라이믹스XE
24
overdrive 설명 좀
xy*ex
04/11
23
홈페이지 우측 멤버순위,최근가입멤버,최근로그인등을 탭형태로 구성하려면 어떻게 해야하나요?
li***bc
11/03
22
약이야기..
1
ym***47
09/02
21
ㅠㅠ 자료실의 글..
1
ir****04
08/17
20
[가입인사]안녕하세요 .^^
1
ow***28
12/01
19
아이프레임 내의 플래시의 여백 지정은 어떻게?
xy*ex
02/13
18
레이어 닫기, 마우스 오버 레이어 감추기
xy*ex
02/05
»
상단 2차메뉴 질문좀 하겠습니다 :)
1
kl****30
02/05
16
나만의 학습전략을 가지고 계신가요??
xy*ex
10/02
15
시스템 끊김 현상
xy*ex
09/16
14
파일 복사하는 프로그램 이름이 뭐였죠?
1
xy*ex
09/09
로그인 해주세요.
자유게시판
글쓰기
저장함
쪽지
전체글보기
인기글
인기멤버
태그
즐겨찾는 게시판
메뉴명
메뉴명
메뉴명
전체 게시판
프로젝트
기술지원
간편의뢰
견적상담
고객후기
사이드프로젝트
스토어
라이믹스
워드프레스
그누보드
아임웹
카페24
문서
호스팅
서버관리팁
호스팅 신청
자유게시판
질문•답변
FAQ
홈페이지 제작
컨텐츠 관리 시스템(CMS)
웹팁
소프트웨어팁
프리랜서
프리랜서 찾기
소통방
소모임
구인&구직
지역별 프리랜서
마이페이지
로그인을 해주세요
로그인하기
브라우저를 닫더라도 로그인이 계속 유지될 수 있습니다. 로그인 유지 기능을 사용할 경우 다음 접속부터는 로그인할 필요가 없습니다. 단, 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 스킨에 보면 소스 올려놓았으니 참고하세요.