묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
이런식의 메뉴를 만들고 싶습니다만...
아직 초짜라 소스가 엄청나게 더러워졋습니다.
그리고 클릭햇을때 메뉴가 열리는게아니라 페이지를 이동하게햇습니다.
현재 있는곳은 굵고 밑줄로 표현하게햇습니다.
일단은 다 된거같아보이지만 소스가 무지하게 더러워서...
그리고 꼼수도 이용해서 고수분의 힘을 빌리고싶습니다.
메뉴만 해도 제가 꼼수로쓴거라 약 300줄이 넘더군요 =ㅂ=...
5단메뉴로 만들엇더니..
정말 심각하죠..
제가봐도 정말 심각합니다 =ㅂ=
사이트가 느린이유가 아무래도 메뉴때문인듯하네요 ㅠ
하지만 잘작동됩니다 ^^;;[응?]
저기까진좋은데 꼼수란게..
메뉴마다 앞에있는 이미지별로 설정해줘야해서요..
├게시판목록
│├공지사항
│└자유게시판
└사이트정보
저런식으로 메뉴이름을 정해줘야한다는겁니다 =ㅂ=
제가 바라는것은 간단하게 5단메뉴를 블로그 카테고리형식처럼 구현하는방법입니다.
꼭좀 부탁드리겠습니다. 고수님들의 힘이 필요합니다.
[주의-경악] 고수님들 도와주세요. 블로그식메뉴를만들어봣어요.
2008.02.25 18:13
이런식의 메뉴를 만들고 싶습니다만...
아직 초짜라 소스가 엄청나게 더러워졋습니다.
그리고 클릭햇을때 메뉴가 열리는게아니라 페이지를 이동하게햇습니다.
현재 있는곳은 굵고 밑줄로 표현하게햇습니다.
일단은 다 된거같아보이지만 소스가 무지하게 더러워서...
그리고 꼼수도 이용해서 고수분의 힘을 빌리고싶습니다.
메뉴만 해도 제가 꼼수로쓴거라 약 300줄이 넘더군요 =ㅂ=...
5단메뉴로 만들엇더니..
<div class="top">
<div class="widgets_name_background">메뉴</div>
<div class="widgets_name_content" style="width:192px; padding:0px 3px; overflow:hidden;">
<!--@foreach($main_menu->list as $k1 => $v1)-->
<!--@if($v1['text'])-->
<!--@if($v1['selected'])-->
{@
$menu_1nd = $v1['text'];
$menu_op1 = "<b><u>";
$menu_op2 = "</u></b>";
}
<!--@else-->
{@
$menu_op1 = "";
$menu_op2 = "";
}
<!--@end-->
<img src="./images/menu/<!--@if($v1['list'])-->folder<!--@else-->page<!--@end-->.gif" alt="" align="middle" />
<a href="{$v1['href']}" <!--@if($v1['open_window']=='y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$menu_op1}{$v1['text']}{$menu_op2}</a><br />
<!--@if($menu_1nd == $v1['text'])-->
<!--@foreach($v1['list'] as $k2 => $v2)-->
<!--@if($v2['text'])-->
<!--@if(eregi("└",$v2['text']))-->
{@
$v2icon = "joinbottom";
}
<!--@elseif(eregi("├",$v2['text']))-->
{@
$v2icon = "join";
}
<!--@elseif(eregi("├",$v2['text']))-->
{@
$v2icon = "join";
}
<!--@elseif(eregi(" ",$v2['text']))-->
{@
$v2icon = "t";
}
<!--@end-->
{@
$v2['text'] = str_replace("└","",$v2['text']);
$v2['text'] = str_replace("├","",$v2['text']);
$v2['text'] = str_replace(" ","",$v2['text']);
}
<!--@if($v2['selected'])-->
{@
$menu_2nd = $v2['text'];
$menu_op1 = "<b><u>";
$menu_op2 = "</u></b>";
}
<!--@else-->
{@
$menu_op1 = "";
$menu_op2 = "";
}
<!--@end-->
<img src="./images/menu/{$v2icon}.gif" width="18" height="20" alt="" align="middle" />
<img src="./images/menu/<!--@if($v2['list'])-->folder<!--@else-->page<!--@end-->.gif" alt="" align="middle" />
<a href="{$v2['href']}" <!--@if($v2['open_window']=='y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$menu_op1}{$v2['text']}{$menu_op2}</a><br />
<!--@end-->
<!--@if($menu_2nd == $v2['text'])-->
<!--@foreach($v2['list'] as $k3 => $v3)-->
<!--@if($v3['text'])-->
<!--@if(eregi("│",$v3['text']))-->
{@
$v3_1icon = "line";
}
<!--@elseif(eregi(" ",$v3['text']))-->
{@
$v3_1icon = "t";
}
<!--@elseif(eregi("└",$v3['text']))-->
{@
$v3_1icon = "joinbottom";
}
<!--@elseif(eregi("├",$v3['text']))-->
{@
$v3_1icon = "join";
}
<!--@end-->
<!--@if(eregi("└",$v3['text']))-->
{@
$v3_2icon = "joinbottom";
}
<!--@elseif(eregi("├",$v3['text']))-->
{@
$v3_2icon = "join";
}
<!--@elseif(eregi("│",$v3['text'+ '+ ']))-->
{@
$v3_2icon = "line";
}
<!--@elseif(eregi(" ",$v3['text']))-->
{@
$v3_2icon = "t";
}
<!--@end-->
{@
$v3['text'] = str_replace("│","",$v3['text']);
$v3['text'] = str_replace("└","",$v3['text']);
$v3['text'+ '] = str_replace("├","",$v3['text']);
$v3['text'] = str_replace(" ","",$v3['text']);
}
<!--@if($v3['selected'])-->
{@
$menu_3nd = $v3['text'];
$menu_op1 = "<b><u>";
$menu_op2 = "</u></b>";
}
<!--@else-->
{@
$menu_op1 = "";
$menu_op2 = "";
}
<!--@end-->
<img src="./images/menu/{$v3_1icon}.gif" width="18" height="20" align="middle" alt="" />
<img src="./images/menu/{$v3_2icon}.gif" width="18" height="20" align="middle" alt="" />
<img src="./images/menu/<!--@if($v3['list'])-->folder<!--@else-->page<!--@end-->.gif" alt="" align="middle" />
<a href="{$v3['href']}" <!--@if($v3['open_window']=='y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$menu_op1}{$v3['text']}{$menu_op2}</a><br />
<!--@end-->
<!--@if($menu_3nd == $v3['text'])-->
<!--@foreach($v3['list'] as $k4 => $v4)-->
<!--@if($v4['text'])-->
<!--@if(eregi("│",$v4['text']))-->
{@
$v4_1icon = "line";
}
<!--@elseif(eregi(" ",$v4['text']))-->
{@
$v4_1icon = "t";
}
<!--@elseif(eregi("└",$v4['text']))-->
{@
$v4_1icon = "joinbottom";
}
<!--@elseif(eregi("├",$v4['text']))-->
{@
$v4_1icon = "join";
}
<!--@end-->
<!--@if(eregi(" ",$v4['text']))-->
{@
$v4_2icon = "t";
}
<!--@elseif(eregi("│",$v4['text']))-->
{@
$v4_2icon = "line";
}
<!--@elseif(eregi("├",$v4['text']))-->
{@
$v4_2icon = "join";
}
<!--@elseif(eregi("└",$v4['text']))-->
{@
$v4_2icon = "joinbottom";
}
<!--@end-->
<!--@if(eregi("└",$v4['text']))-->
{@
$v4_3icon = "joinbottom";
}
<!--@elseif(eregi("├",$v4['text']))-->
{@
$v4_3icon = "join";
}
<!--@elseif(eregi("│",$v4['text']))-->
{@
$v4_3icon = "line";
}
<!--@elseif(eregi(" ",$v4['text']))-->
{@
$v4_3icon = "t";
}
<!--@end-->
{@
$v4['text'] = str_replace("│","",$v4['text'+ ']);
$v4['text'] = str_replace("└","",$v4['text']);
$v4['text'] = str_replace("├","",$v4['text']);
$v4['text'] = str_replace(" ","",$v4['text']);
}
<!--@if($v4['selected'])-->
{@
$menu_4nd = $v4['text'];
$menu_op1 = "<b><u>";
$menu_op2 = "</u></b>";
$menu_op3 = "</u></b>";
}
<!--@else-->
{@
$menu_op1 = "";
$menu_op2 = "";
$menu_op3 = "";
}
<!--@end-->
<img src="./images/menu/{$v4_1icon}.gif" width="18" height="20" align="middle" alt="" />
<img src="./images/menu/{$v4_2icon}.gif" width="18" height="20" align="middle" alt="" />
<img src="./images/menu/{$v4_3icon}.gif" width="18" height="20" align="middle" alt="" />
<img src="./images/menu/<!--@if($v4['list'])-->folder<!--@else-->page<!--@end-->.gif" alt="" align="middle" />
<a href="{$v4['href']}" <!--@if($v4['open_window']=='y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$menu_op1}{$v4['text']}{$menu_op2}</a><br />
<!--@end-->
<!--@if($menu_4nd == $v4['text'])-->
<!--@foreach($v4['list'] as $k5 => $v5)-->
<!--@if($v5['text'])-->
<!--@if(eregi("│",$v5['text']))-->
{@
$v5_1icon = "line";
}
<!--@elseif(eregi(" ",$v5['text'+ ']))-->
{@
$v5_1icon = "t";
}
<!--@elseif(eregi("└",$v5['text']))-->
{@
$v5_1icon = "joinbottom";
}
<!--@elseif(eregi("├",$v5['text']))-->
{@
$v5_1icon = "join";
}
<!--@end-->
<!--@if(eregi("│",$v5['text']))-->
{@
$v5_2icon = "line";
}
<!--@elseif(eregi(" ",$v5['+ 'text']))-->
{@
$v5_2icon = "t";
}
<!--@elseif(eregi("└",$v5['text']))-->
{@
$v5_2icon = "joinbottom";
}
<!--@elseif(eregi("├",$v5['text']))-->
{@
$v5_2icon = "join";
}
<!--@end-->
<!--@if(eregi(" ",$v5['text']))-->
{@
$v5_3icon = "t";
}
<!--@elseif(eregi("├",$v5['text']))-->
{@
$v5_3icon = "join";
}
<!--@elseif(eregi("│",$v5['text']))-->
{@
$v5_3icon = "line";
}
<!--@elseif(eregi("└",$v5['text']))-->
{@
$v5_3icon = "joinbottom";
}
<!--@end-->
<!--@if(eregi("└",$v5['text']))-->
{@
$v5_4icon = "joinbottom";
}
<!--@elseif(eregi("├",$v5['text']))-->
{@
$v5_4icon = "join";
}
<!--@elseif(eregi("│",$v5['text']))-->
{@
$v5_4icon = "line";
}
<!--@elseif(eregi(" ",$v5['text']))-->
{@
$v5_4icon = "t";
}
<!--@end-->
{@
$v5['text'] = str_replace("│","",$v5['text']);
$v5['text'] = str_replace("└","",$v5['text']);
$v5['text'] = str_replace("├","",$v5['text']);
$v5['text'] = str_replace(" ","",$v5['text']);
}
<!--@if($v5['selected'])-->
{@
$menu_5nd = $v5['text'];
$menu_op1 = "<b><u>";
$menu_op2 = "<b><u>";
$menu_op3 = "</u></b>";
$menu_op4 = "</u></b>";
}
<!--@else-->
{@
$menu_op1 = "";
$menu_op2 = "";
$menu_op3 = "";
$menu_op4 = "";
}
<!--@end-->
<img src="./images/menu/{$v5_1icon}.gif" width="28" height="30" align="middle" alt="" />
<img src="./images/menu/{$v5_2icon}.gif" width="28" height="30" align="middle" alt="" />
<img src="./images/menu/{$v5_3icon}.gif" width="28" height="30" align="middle" alt="" />
<img src="./images/menu/{$v5_4icon}.gif" width="28" height="30" align="middle" alt="" />
<img src="./images/menu/<!--@if($v5['list'])-->folder<!--@else-->page<!--@end-->.gif" alt="" align="middle" />
<a href="{$v5['href']}" <!--@if($v5['open_window']=='y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$menu_op2}{$v5['text']}{$menu_op3}</a><br />
<!--@end-->
<!--@end-->
<!--@end-->
<!--@end-->
<!--@end-->
<!--@end-->
<!--@end-->
<!--@end-->
<!--@end-->
<!--@end-->
<!--@end-->
</div>
</div>
<div class="widgets_name_background">메뉴</div>
<div class="widgets_name_content" style="width:192px; padding:0px 3px; overflow:hidden;">
<!--@foreach($main_menu->list as $k1 => $v1)-->
<!--@if($v1['text'])-->
<!--@if($v1['selected'])-->
{@
$menu_1nd = $v1['text'];
$menu_op1 = "<b><u>";
$menu_op2 = "</u></b>";
}
<!--@else-->
{@
$menu_op1 = "";
$menu_op2 = "";
}
<!--@end-->
<img src="./images/menu/<!--@if($v1['list'])-->folder<!--@else-->page<!--@end-->.gif" alt="" align="middle" />
<a href="{$v1['href']}" <!--@if($v1['open_window']=='y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$menu_op1}{$v1['text']}{$menu_op2}</a><br />
<!--@if($menu_1nd == $v1['text'])-->
<!--@foreach($v1['list'] as $k2 => $v2)-->
<!--@if($v2['text'])-->
<!--@if(eregi("└",$v2['text']))-->
{@
$v2icon = "joinbottom";
}
<!--@elseif(eregi("├",$v2['text']))-->
{@
$v2icon = "join";
}
<!--@elseif(eregi("├",$v2['text']))-->
{@
$v2icon = "join";
}
<!--@elseif(eregi(" ",$v2['text']))-->
{@
$v2icon = "t";
}
<!--@end-->
{@
$v2['text'] = str_replace("└","",$v2['text']);
$v2['text'] = str_replace("├","",$v2['text']);
$v2['text'] = str_replace(" ","",$v2['text']);
}
<!--@if($v2['selected'])-->
{@
$menu_2nd = $v2['text'];
$menu_op1 = "<b><u>";
$menu_op2 = "</u></b>";
}
<!--@else-->
{@
$menu_op1 = "";
$menu_op2 = "";
}
<!--@end-->
<img src="./images/menu/{$v2icon}.gif" width="18" height="20" alt="" align="middle" />
<img src="./images/menu/<!--@if($v2['list'])-->folder<!--@else-->page<!--@end-->.gif" alt="" align="middle" />
<a href="{$v2['href']}" <!--@if($v2['open_window']=='y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$menu_op1}{$v2['text']}{$menu_op2}</a><br />
<!--@end-->
<!--@if($menu_2nd == $v2['text'])-->
<!--@foreach($v2['list'] as $k3 => $v3)-->
<!--@if($v3['text'])-->
<!--@if(eregi("│",$v3['text']))-->
{@
$v3_1icon = "line";
}
<!--@elseif(eregi(" ",$v3['text']))-->
{@
$v3_1icon = "t";
}
<!--@elseif(eregi("└",$v3['text']))-->
{@
$v3_1icon = "joinbottom";
}
<!--@elseif(eregi("├",$v3['text']))-->
{@
$v3_1icon = "join";
}
<!--@end-->
<!--@if(eregi("└",$v3['text']))-->
{@
$v3_2icon = "joinbottom";
}
<!--@elseif(eregi("├",$v3['text']))-->
{@
$v3_2icon = "join";
}
<!--@elseif(eregi("│",$v3['text'+ '+ ']))-->
{@
$v3_2icon = "line";
}
<!--@elseif(eregi(" ",$v3['text']))-->
{@
$v3_2icon = "t";
}
<!--@end-->
{@
$v3['text'] = str_replace("│","",$v3['text']);
$v3['text'] = str_replace("└","",$v3['text']);
$v3['text'+ '] = str_replace("├","",$v3['text']);
$v3['text'] = str_replace(" ","",$v3['text']);
}
<!--@if($v3['selected'])-->
{@
$menu_3nd = $v3['text'];
$menu_op1 = "<b><u>";
$menu_op2 = "</u></b>";
}
<!--@else-->
{@
$menu_op1 = "";
$menu_op2 = "";
}
<!--@end-->
<img src="./images/menu/{$v3_1icon}.gif" width="18" height="20" align="middle" alt="" />
<img src="./images/menu/{$v3_2icon}.gif" width="18" height="20" align="middle" alt="" />
<img src="./images/menu/<!--@if($v3['list'])-->folder<!--@else-->page<!--@end-->.gif" alt="" align="middle" />
<a href="{$v3['href']}" <!--@if($v3['open_window']=='y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$menu_op1}{$v3['text']}{$menu_op2}</a><br />
<!--@end-->
<!--@if($menu_3nd == $v3['text'])-->
<!--@foreach($v3['list'] as $k4 => $v4)-->
<!--@if($v4['text'])-->
<!--@if(eregi("│",$v4['text']))-->
{@
$v4_1icon = "line";
}
<!--@elseif(eregi(" ",$v4['text']))-->
{@
$v4_1icon = "t";
}
<!--@elseif(eregi("└",$v4['text']))-->
{@
$v4_1icon = "joinbottom";
}
<!--@elseif(eregi("├",$v4['text']))-->
{@
$v4_1icon = "join";
}
<!--@end-->
<!--@if(eregi(" ",$v4['text']))-->
{@
$v4_2icon = "t";
}
<!--@elseif(eregi("│",$v4['text']))-->
{@
$v4_2icon = "line";
}
<!--@elseif(eregi("├",$v4['text']))-->
{@
$v4_2icon = "join";
}
<!--@elseif(eregi("└",$v4['text']))-->
{@
$v4_2icon = "joinbottom";
}
<!--@end-->
<!--@if(eregi("└",$v4['text']))-->
{@
$v4_3icon = "joinbottom";
}
<!--@elseif(eregi("├",$v4['text']))-->
{@
$v4_3icon = "join";
}
<!--@elseif(eregi("│",$v4['text']))-->
{@
$v4_3icon = "line";
}
<!--@elseif(eregi(" ",$v4['text']))-->
{@
$v4_3icon = "t";
}
<!--@end-->
{@
$v4['text'] = str_replace("│","",$v4['text'+ ']);
$v4['text'] = str_replace("└","",$v4['text']);
$v4['text'] = str_replace("├","",$v4['text']);
$v4['text'] = str_replace(" ","",$v4['text']);
}
<!--@if($v4['selected'])-->
{@
$menu_4nd = $v4['text'];
$menu_op1 = "<b><u>";
$menu_op2 = "</u></b>";
$menu_op3 = "</u></b>";
}
<!--@else-->
{@
$menu_op1 = "";
$menu_op2 = "";
$menu_op3 = "";
}
<!--@end-->
<img src="./images/menu/{$v4_1icon}.gif" width="18" height="20" align="middle" alt="" />
<img src="./images/menu/{$v4_2icon}.gif" width="18" height="20" align="middle" alt="" />
<img src="./images/menu/{$v4_3icon}.gif" width="18" height="20" align="middle" alt="" />
<img src="./images/menu/<!--@if($v4['list'])-->folder<!--@else-->page<!--@end-->.gif" alt="" align="middle" />
<a href="{$v4['href']}" <!--@if($v4['open_window']=='y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$menu_op1}{$v4['text']}{$menu_op2}</a><br />
<!--@end-->
<!--@if($menu_4nd == $v4['text'])-->
<!--@foreach($v4['list'] as $k5 => $v5)-->
<!--@if($v5['text'])-->
<!--@if(eregi("│",$v5['text']))-->
{@
$v5_1icon = "line";
}
<!--@elseif(eregi(" ",$v5['text'+ ']))-->
{@
$v5_1icon = "t";
}
<!--@elseif(eregi("└",$v5['text']))-->
{@
$v5_1icon = "joinbottom";
}
<!--@elseif(eregi("├",$v5['text']))-->
{@
$v5_1icon = "join";
}
<!--@end-->
<!--@if(eregi("│",$v5['text']))-->
{@
$v5_2icon = "line";
}
<!--@elseif(eregi(" ",$v5['+ 'text']))-->
{@
$v5_2icon = "t";
}
<!--@elseif(eregi("└",$v5['text']))-->
{@
$v5_2icon = "joinbottom";
}
<!--@elseif(eregi("├",$v5['text']))-->
{@
$v5_2icon = "join";
}
<!--@end-->
<!--@if(eregi(" ",$v5['text']))-->
{@
$v5_3icon = "t";
}
<!--@elseif(eregi("├",$v5['text']))-->
{@
$v5_3icon = "join";
}
<!--@elseif(eregi("│",$v5['text']))-->
{@
$v5_3icon = "line";
}
<!--@elseif(eregi("└",$v5['text']))-->
{@
$v5_3icon = "joinbottom";
}
<!--@end-->
<!--@if(eregi("└",$v5['text']))-->
{@
$v5_4icon = "joinbottom";
}
<!--@elseif(eregi("├",$v5['text']))-->
{@
$v5_4icon = "join";
}
<!--@elseif(eregi("│",$v5['text']))-->
{@
$v5_4icon = "line";
}
<!--@elseif(eregi(" ",$v5['text']))-->
{@
$v5_4icon = "t";
}
<!--@end-->
{@
$v5['text'] = str_replace("│","",$v5['text']);
$v5['text'] = str_replace("└","",$v5['text']);
$v5['text'] = str_replace("├","",$v5['text']);
$v5['text'] = str_replace(" ","",$v5['text']);
}
<!--@if($v5['selected'])-->
{@
$menu_5nd = $v5['text'];
$menu_op1 = "<b><u>";
$menu_op2 = "<b><u>";
$menu_op3 = "</u></b>";
$menu_op4 = "</u></b>";
}
<!--@else-->
{@
$menu_op1 = "";
$menu_op2 = "";
$menu_op3 = "";
$menu_op4 = "";
}
<!--@end-->
<img src="./images/menu/{$v5_1icon}.gif" width="28" height="30" align="middle" alt="" />
<img src="./images/menu/{$v5_2icon}.gif" width="28" height="30" align="middle" alt="" />
<img src="./images/menu/{$v5_3icon}.gif" width="28" height="30" align="middle" alt="" />
<img src="./images/menu/{$v5_4icon}.gif" width="28" height="30" align="middle" alt="" />
<img src="./images/menu/<!--@if($v5['list'])-->folder<!--@else-->page<!--@end-->.gif" alt="" align="middle" />
<a href="{$v5['href']}" <!--@if($v5['open_window']=='y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$menu_op2}{$v5['text']}{$menu_op3}</a><br />
<!--@end-->
<!--@end-->
<!--@end-->
<!--@end-->
<!--@end-->
<!--@end-->
<!--@end-->
<!--@end-->
<!--@end-->
<!--@end-->
<!--@end-->
</div>
</div>
정말 심각하죠..
제가봐도 정말 심각합니다 =ㅂ=
사이트가 느린이유가 아무래도 메뉴때문인듯하네요 ㅠ
하지만 잘작동됩니다 ^^;;[응?]
저기까진좋은데 꼼수란게..
메뉴마다 앞에있는 이미지별로 설정해줘야해서요..
├게시판목록
│├공지사항
│└자유게시판
└사이트정보
저런식으로 메뉴이름을 정해줘야한다는겁니다 =ㅂ=
제가 바라는것은 간단하게 5단메뉴를 블로그 카테고리형식처럼 구현하는방법입니다.
꼭좀 부탁드리겠습니다. 고수님들의 힘이 필요합니다.