현재위치(네이버 ui factory skin) 정보
레이아웃 현재위치(네이버 ui factory skin)본문
우선 먼저 도움을 주신
한별아빠님 fm25님 감사드립니다!!
왕초보인 제가 꼭 필요하던 자료입니다!
저처럼 필요하신분 있을것같아 저도 올립니다..ㅎㅎ
스킨은 네이버널리 ui factory 스킨을 썼습니다.
html- head.php 혹은 필요한 페이지에 아래 코드를 붙여주세요!
//////////////////////////////////
<!--패스 -->
<div class="pathbar" id="path">
<strong class="tit">현재위치://</strong>
<ol>
<?php
if ($group) {
echo '<li class="path2 path"><span>';
echo $group['gr_subject'];
echo '</span></li>';
}
if ($board) {
echo '<li class="path3 path"><span>';
echo $board['bo_subject'];
echo '</span></li>';
}
if ($sca) {
echo '<li class="path4 path"><span>';
echo $sca;
echo '</span></li>';
}
?>
</ol>
</div>
<!--//패스 끝 -->
//////////////////////////////////
css- /css/default.css에 아래 스타일을 삽입해주세요!
/*패스 설정 */
#path{overflow:hidden;height:25px;margin:0px 0 0;background:url(http://static.naver.com/groupware/2010/bg_progress.gif);border-right:1px solid #e3e3e3;font-family:'돋움',dotum;font-size:11px;line-height:15px;letter-spacing:-1px;position:absolute;top:-28px;width:100%;left:0;}
#path .tit{float:left;position:relative;z-index:1000;width:74px;height:20px;margin:0;padding:5px 0 0;background:url(http://static.naver.com/groupware/2010/bg_progress_tit.gif) no-repeat;font-size:11px;color:#fff;line-height:15px;text-align:center}
#path ol{float:left;margin:0;padding:0}
#path li,#path li span{background:url(http://static.naver.com/groupware/2010/bg_progress_item.gif) no-repeat;font-size:11px;white-space:nowrap}
#path li{float:left;margin:0 0 0 -13px;padding:0 0 0 13px;background-position:-287px 0}
#path li span{display:inline-block;height:20px;padding:5px 28px 0 13px;background-position:100% top}
#path li.on{position:relative;z-index:10;background-position:0 100%;color:#fff}
#path li.on span{background:url(http://static.naver.com/groupware/2010/bg_progress_item.gif) no-repeat 100% 100%}
#path li.last,#path li.last span{background:none}
#path .right{position:absolute;top:6px;right:10px;color:#444}
//////////////////////////////////////
script- (ie7,ie8 때문에 스크립트로 현재페이지 설정을 해주었습니다. )
<script>$("#homepath li").last().addClass("pathbold");
이상 허접한...자료입니다..
ㅠㅠ 도움이 되시는분들 있길바래요~~
그럼 다들 좋은하루보내세요~!
////추ㄱ ㅏ
게시판이아닌 자체 생성 페이지에는
$group[gr_subject] = "안내";
$board[bo_subject] = "찾아오는길";
를 넣으면된데요....!!
한별아빠님 fm25님 감사드립니다!!
왕초보인 제가 꼭 필요하던 자료입니다!
저처럼 필요하신분 있을것같아 저도 올립니다..ㅎㅎ
스킨은 네이버널리 ui factory 스킨을 썼습니다.
html- head.php 혹은 필요한 페이지에 아래 코드를 붙여주세요!
//////////////////////////////////
<!--패스 -->
<div class="pathbar" id="path">
<strong class="tit">현재위치://</strong>
<ol>
<?php
if ($group) {
echo '<li class="path2 path"><span>';
echo $group['gr_subject'];
echo '</span></li>';
}
if ($board) {
echo '<li class="path3 path"><span>';
echo $board['bo_subject'];
echo '</span></li>';
}
if ($sca) {
echo '<li class="path4 path"><span>';
echo $sca;
echo '</span></li>';
}
?>
</ol>
</div>
<!--//패스 끝 -->
//////////////////////////////////
css- /css/default.css에 아래 스타일을 삽입해주세요!
/*패스 설정 */
#path{overflow:hidden;height:25px;margin:0px 0 0;background:url(http://static.naver.com/groupware/2010/bg_progress.gif);border-right:1px solid #e3e3e3;font-family:'돋움',dotum;font-size:11px;line-height:15px;letter-spacing:-1px;position:absolute;top:-28px;width:100%;left:0;}
#path .tit{float:left;position:relative;z-index:1000;width:74px;height:20px;margin:0;padding:5px 0 0;background:url(http://static.naver.com/groupware/2010/bg_progress_tit.gif) no-repeat;font-size:11px;color:#fff;line-height:15px;text-align:center}
#path ol{float:left;margin:0;padding:0}
#path li,#path li span{background:url(http://static.naver.com/groupware/2010/bg_progress_item.gif) no-repeat;font-size:11px;white-space:nowrap}
#path li{float:left;margin:0 0 0 -13px;padding:0 0 0 13px;background-position:-287px 0}
#path li span{display:inline-block;height:20px;padding:5px 28px 0 13px;background-position:100% top}
#path li.on{position:relative;z-index:10;background-position:0 100%;color:#fff}
#path li.on span{background:url(http://static.naver.com/groupware/2010/bg_progress_item.gif) no-repeat 100% 100%}
#path li.last,#path li.last span{background:none}
#path .right{position:absolute;top:6px;right:10px;color:#444}
//////////////////////////////////////
script- (ie7,ie8 때문에 스크립트로 현재페이지 설정을 해주었습니다. )
<script>$("#homepath li").last().addClass("pathbold");
이상 허접한...자료입니다..
ㅠㅠ 도움이 되시는분들 있길바래요~~
그럼 다들 좋은하루보내세요~!
////추ㄱ ㅏ
게시판이아닌 자체 생성 페이지에는
$group[gr_subject] = "안내";
$board[bo_subject] = "찾아오는길";
를 넣으면된데요....!!
추천
3
3
댓글 전체
상당히 깔끔하군요... 감사합니다
감사합니다!
한별아빠님하고, fm25 님이 다 알려주신거예요 ㅎ.ㅎ 저처럼 필요하셧던분들이 계실것같아서 네이버널리 스킨 깔아서 올렷어요~!
한별아빠님하고, fm25 님이 다 알려주신거예요 ㅎ.ㅎ 저처럼 필요하셧던분들이 계실것같아서 네이버널리 스킨 깔아서 올렷어요~!
감사합니다
그누보드5 루트에
1. head.php 맨 아래줄에 코드를 넣고
2. /css/default.css에 코드를 넣고
3. <script>$("#homepath li").last().addClass("pathbold"); 를 어디다가 넣나요?
head.php에 넣었더니 아래 메세지가 떠서요. ㅠ
---------------------------
웹 페이지 메시지
---------------------------
gnu_url 변수가 선언되지 않았습니다. js/sideview.js
---------------------------
확인
---------------------------
그래서 혹시나 하는 마음에 js/sideview.js 파일을 만들어서
<script>$("#homepath li").last().addClass("pathbold");
를 넣었더니 그래도 마찬가지로 위에 자바스크립 메세지가 뜨더군요. ㅠ
참고로 IE 10입니다.
1. head.php 맨 아래줄에 코드를 넣고
2. /css/default.css에 코드를 넣고
3. <script>$("#homepath li").last().addClass("pathbold"); 를 어디다가 넣나요?
head.php에 넣었더니 아래 메세지가 떠서요. ㅠ
---------------------------
웹 페이지 메시지
---------------------------
gnu_url 변수가 선언되지 않았습니다. js/sideview.js
---------------------------
확인
---------------------------
그래서 혹시나 하는 마음에 js/sideview.js 파일을 만들어서
<script>$("#homepath li").last().addClass("pathbold");
를 넣었더니 그래도 마찬가지로 위에 자바스크립 메세지가 뜨더군요. ㅠ
참고로 IE 10입니다.
<script>$("#homepath li").last().addClass("pathbold"); </script>
</script> 닫는 태크가 빠져있습니다.
</script> 닫는 태크가 빠져있습니다.
이거 이상한데요??
아무런 반응도 없을뿐더러 소스상에 #homepath 와 pathbar라는 css도 없는데~ 소스 자체가 이상한거 같아요
아무런 반응도 없을뿐더러 소스상에 #homepath 와 pathbar라는 css도 없는데~ 소스 자체가 이상한거 같아요
현재 페이지표시 필요했는데 감사합니다~^^
깔끔한 스킨입니다