메뉴마다 배경색을 다르게 해주고 싶은데 혹시 레이아웃에서 그렇게 해보신 분 계신가요?
레이아웃을 각각 만들어서 메뉴마다 다르게 적용하는 방법 말고
레이아웃 파일 한개에서 소스만으로 그렇게 만들어보고 싶은데 어떻게 하면 가능할까요...
-
메뉴 아이디값을 가지고 case문을 구성하면 되죠. -
몇년 전에 만든 코드인데 이런 식으로 구성했었었네요...
<div style="height:70px;background:#FFF;">
{@ $sub_title = array('center'=>'center','mhboard'=>'center','notice'=>'center','build'=>'center','feedback'=>'center','about'=>'center','theme'=>'center','sitemap'=>'center','traffic'=>'center','phpinfo'=>'center','trash'=>'center','inside'=>'inside','planner'=>'inside','todo'=>'inside','timetable_2008_2'=>'inside','sig'=>'inside','chat'=>'inside','monologue'=>'inside','me'=>'inside','nick'=>'inside','love'=>'inside','2u'=>'inside','propose'=>'inside','ahj'=>'inside','gallery_main'=>'gallery','favimg'=>'gallery','gallery'=>'gallery','people'=>'gallery','myphoto'=>'gallery','style'=>'gallery','manstyle'=>'gallery','todayimage'=>'gallery','KimYeongAe'=>'gallery','photogallery'=>'gallery','project'=>'project','readability'=>'project','hangeul'=>'project','hanja'=>'project','senario'=>'project','lifelog'=>'project','memobook'=>'project','freeimg'=>'project','tip'=>'tip','webtip'=>'tip','photoshop'=>'tip','css_naming'=>'tip','coding'=>'tip','layout'=>'tip','local_layout'=>'tip','source'=>'tip','colortable'=>'tip','images'=>'tip','icon'=>'tip','font'=>'tip','font_download'=>'tip','xe'=>'tip','xe_main'=>'tip','xe_skin'=>'tip','xe_bug'=>'tip','zb4'=>'tip','xe_idea'=>'tip','pds'=>'tip','cgi'=>'tip','webservice'=>'tip','adsense'=>'tip','jwfn'=>'tip','jwfn_template'=>'tip','jwfn_download'=>'tip','jwfn_qna'=>'tip','jwfn_idea'=>'tip','service'=>'collection','book'=>'collection','movie'=>'collection','poem'=>'collection','nakunpoem'=>'collection','music'=>'collection','musicplayer'=>'collection','mov'=>'collection','cf'=>'collection','ani'=>'collection','handwriting'=>'collection','favicon'=>'collection','harmonica'=>'collection','banner'=>'collection','error404'=>'collection','eng_study'=>'collection','eng_agony'=>'collection','news'=>'collection','eng_sentence'=>'collection','eng_voca'=>'collection','eng_wnr'=>'collection','eng_reading'=>'collection','ebs'=>'collection','ebsradio'=>'collection','business'=>'collection','stock'=>'collection','econote'=>'collection','financial_tech'=>'collection','community'=>'community','bbs'=>'community','qna'=>'community','guestbook'=>'community','scrap'=>'community','question'=>'community','todaycomment'=>'community','link'=>'community','campaign'=>'community','savethedeveloper'=>'community','mynote'=>'mynote','attach'=>'mynote','xynex'=>'mynote','history'=>'center','planet'=>'community','june'=>'community','nomorewar'=>'community');}
<!--@if($sub_title[$mid])--><div class='subtitle_{$sub_title[$mid]}'></div><!--@end-->
</div>
;;;
이렇게 메뉴의 mid마다 다른 클래스명을 부여해서 해당 메뉴에서는 다른 배경을 띄우도록 했었는데...
혹시 이런 무식한 방법 말고 조금만 더 스마트하게 가능할까요?;; -
?
레이아웃 파일 한개 말씀하시는거면 <style></style> 사이 background-color 속성값에서 에서 레이아웃 치환자 집어넣고, 레이아웃 상세설정에서 레이아웃 여러개를 생성하믄 되지 않을까요..?
레이아웃 파일이 한개가 아니라 레이아웃 수가 하나믄.. 말씀하신 방법이 낫지 않을까 싶기도 한데.. -
?
이 방법은 결국 레이아웃 설정으로 여러개를 복사해서 만드는 방법인 거죠 ㅎ;
-
특정 mid값이면 특정 배경이 출력되도록 하면 되지 않을.. 는 개인용.. (설정에 mid명 넣는 칸 추가하면 되지만) -
이게 결국 위에 나열한 식을 레이아웃 설정에서 mid명을 작성하는 것과 같죠..
저 위에 적은건 그걸 코드로 레이아웃 소스 안에 다 적어넣은 것이고
팀워크님이 말씀하신 건 그걸 레이아웃 설정에서 직접 작성할 수 있도록 한 것이고..;
조금 더 스마트한 방법을 찾고 있는데 안되면 리쿠님 말씀대로 여러개 복사해서 하는게 나은 것 같고 ㅠ -
메뉴가 gnb메뉴라면 ul.gnb li:nth-child(순번) {처리처리 개소리뺵뺵~}
메뉴가 lnb메뉴라면 ul.lnb_mid명 li:nth-child(순번) {처리처리 개소리뺵뺵~}
그리고 lnb에는 <ul class="inb_{$mid}"> 처리하시면됩니다. ^^ -
이것도 {$mid}라는 클래스로 구분하는 거라 방법 자체는 해당 mid마다 lnb의 css를 적어주는 거라 윗 방법과 크게 다르지는 않아요 ㅎ;
-
ㅎㅎ 그렇군여 ㅋㅋ
-
임의로 색상 관련 변수를 만들어주고,
{@$bgcolor_list = array('orange','cornflowerblue','mediumseagreen','palevioletred','tomato','lightsky')}
메뉴 순번에 따라 배경색을 호출해주면 되지 않을까요?
{@$idx = 0}
<!--@foreach($main_menu->list as $key => $val)-->
<!--@if($val['selected'])-->
{$bgcolor_list[$idx]}
<!--@end-->
{@$idx++}
<!--@end-->
...대강 이런 걸로 뚝딱뚝딱하면 될 것 같기도 하고;;;; -
알려주신 방법 중에 이게 제일 맞는거 같네요.
메뉴 순번에 따라 배경색을 호충하는 식^^;
메뉴 순번 정할 때, 메인메뉴만 선택하는 것이니 서브 메뉴가 몇개이든은 상관없을 것 같고,
옹-_-)b
최곱니다. -
포인트마켓에 올려진 다른 상품 중에서 말씀하시면 다운받을 수 있게 구매자 등록할게요 감사합니다. ㅎ
-
우왕 감사합니다~ ^^/