오라버니 오랜만에 이렇게 댕교가요 ^^
요즘 공부한다고 - ㅁ-;;
일하랴 공부하랴 정신이 없네요

오라버니는 잘 지내시죠?

Theo

정욱님 초대해주셔서 감사합니다.
이제 막 블로그 열어서 포스팅은 한게밖에 못했네요
요즘 좀 기말고사도 좀 있고, 페이퍼 쓸것도 많아서 좀 바쁘네요;;;
블로깅 열심히 하시고 담에 또 들르겠습니다.
이만~

저기 제가 여기 올라온 스킨을 사용해.. 아주 감사히.. 쓰고있습니다...
그런데 사이드바가 매일 닫혀있어요 TㅁT태그도 누루면나오고 ;;; 공지도 누루면내려오고..
다이래서 지금 어떡해야할지 찾고있네요 ㅜㅜ.

블로그 스킨 제작의뢰

안녕하세요, 블로그 스킨 제작의뢰하고자 쪽지를 남깁니다.

전체 메뉴는 3단 구성이구요, 디자인은 다 구성되어 있습니다.

블로그 레이아웃에 대한 div 구성관련 부분에 수정할 부분이 작업의 주가 될 것같습니다.

ps. 최대한 빠른 작업 속도 중요..

작업 가능하시면 연락 바랍니다.


opus77@naver.com
010-8663-4166

봄소리

정욱아 봐죠..
:: 메인메뉴를 따라다니는게 2차 서브메뉴

블루게이트 님의 자바스크립트를 이용해 제 홈페이지 레이아웃에 맞게 수정한 것이니다.
다른 레이아웃에 적용을 위해서는 약간의 수정이 필요한 부분이 있기 합니다만..
일반적으로 제 홈페이지처럼 메인메뉴 하나하나의 크기가 같을 경우 이용하실 수 있는 팁입니다.

수정해야 할 파일은 총 3가지 입니다.
layout.html, .css, official.js 이렇게.. 3가지..

먼저 layout.html의 메인메뉴 부분전체를....요렇게 바꾸어줍니다.

<!--GNB-->
<ul id="gnb">
<!-- main_menu 1차 시작 -->
{@$gnb_count = 0;}
<!--@foreach($main_menu->list as $key => $val)--><!--@if($val['link'])-->
<!--@if($val['selected'])-->
{@ $menu_1st = $val }
<!--@end-->

<li id="gnbli{$gnb_count}" <!--@if($val['selected'])-->class="on"<!--@end--> onmouseover="gnbinToggle({$gnb_count}, this)" ><a href="{$val['href']}" onfocus="this.blur()" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']}</a></li>{@$gnb_count++;}

<!--@end--><!--@end-->
<!-- main_menu 1차 끝 -->
</ul>
<!--//GNB-->

<script type="text/javascript">
var gnb_count = {$gnb_count};
</script>

<!-- 2차 메뉴 -->
{@$gnb_count = 0;}
<!--@foreach($main_menu->list as $mkey => $mval)-->
<!--@if($mval['text'])-->
<!-- 왼쪽 2차 메뉴 -->
<!--@if($mval['selected'])-->
<ol id="gnb{$gnb_count}" class="gnb_sub" style="display:block;">
<!--@if(!$mval['list'])--><li></li><!--@end-->
<!--@foreach($mval['list'] as $key => $val)--><!--@if($val['text'])-->
<li <!--@if($val['selected'])-->class="on"<!--@end-->><a href="{$val['href']}" onfocus="this.blur();" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['text']}</a>
</li>
<!--@end--><!--@end-->
</ol>
<script type="text/javascript">
var gnb_count_now = {$gnb_count};
reset_menu();
</script>
<!--@else-->
<ol id="gnb{$gnb_count}" class="gnb_sub" style="display:none;">
<!--@if(!$mval['list'])--><li></li><!--@end-->
<!--@foreach($mval['list'] as $key => $val)--><!--@if($val['text'])-->
<li><a href="{$val['href']}" onfocus="this.blur();" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['text']}</a>
</li>
<!--@end--><!--@end-->
</ol>
<!--@end-->
{@$gnb_count++;}
<!--@end-->
<!--@end-->

요렇게 그대로 교체주심 되겠습니다.. 교체한 다음 수정을 권장합니다..


그리고 css 파일에..
#gnb { position:absolute; left: 30px; top:20px; overflow:hidden; white-space:nowrap; }
#gnb li { float:left; list-style:none; position:relative; white-space:nowrap;}
#gnb li a { display:block; float:left; padding:12px 0px 0px 0px; background:url(../images/default/bgGnbOff.gif) no-repeat center top; width:82px; height:20px; color:#666666; white-space:nowrap; text-align:center; font-size:1.12em; font-weight:bold; text-decoration:none; }
#gnb li a:hover,
#gnb li a:focus { color:#000000; background:url(../images/default/bgGnbOn.gif) no-repeat center top; }
#gnb li.on a { font-weight:bold; color:#2f2f2f; background:url(../images/default/bgGnbOn.gif) no-repeat center top;}

.gnb_sub { position:absolute; top:55px; left:30px; height:24px; overflow:hidden; white-space:nowrap; }
.gnb_sub li { float:left; list-style:none; background:url(../images/default/sub_part.gif) no-repeat left center; padding-left:2px; position:relative; left:-2px; white-space:nowrap;}
.gnb_sub li a { display:block; float:left; padding:6px 15px 0 15px; height:18px; color:#ffffcc; font-weight:bold; white-space:nowrap; text-decoration:none; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
.gnb_sub li a:hover,
.gnb_sub li a:focus { color:yellow; }
.gnb_sub li.on a, .gnbin li.on a:hover { font-weight:bold; color:yellow; background:url(../images/default/arrow_3.gif) no-repeat center bottom; }

요렇게 해주면 되겠습니다.. 이건 제 홈페이지 소스를 그대로 붙인것이니 자신의 홈페이지에 맞게 세부적으로 수정을 하시면 될겁니다.


마지막으로 가장 중요한 js파일..!
기본 소스에다 아래소스를 추가해주시면 되겠습니다.

// 롤오버 2차메뉴 만들기
// Brower
var browserType='';

if(navigator.userAgent.indexOf("MSIE" >-1) {
browserType = 'IE';
} else if(navigator.userAgent.indexOf("Firefox" >-1) {
browserType = 'FF';
} else {
browserType = 'OTHER';
}

function gnbinToggle(id, gnbblock) {
if(browserType == 'FF') {
gnbinToggleFF(id, gnbblock);
} else {
gnbinToggleIE(id, gnbblock);
}
}

// Local Navigation Toggle
function gnbinToggleIE(id, gnbblock) {

for(num=0; num<gnb_count; num++) {
document.getElementById('gnb'+num).style.display='none'; // 2차 메뉴
document.getElementById('gnbli'+num).setAttribute('className', 'off'); // 1차 메뉴
}

var sub_1 = document.getElementById('gnbli'+id); // 1 차메뉴
var sub_2 = document.getElementById('gnb'+id); // 2 차메뉴
document.getElementById('gnb'+id).style.display = 'block';
gnbblock.className = "on";

var sub_2_left =sub_1.offsetWidth * (id+0.5) - sub_2.offsetWidth /2;

// 2차메뉴 크기에 따른 위치 조절
if (sub_2_left < 0)
sub_2_left = 0;
else if( (sub_2_left + sub_2.offsetWidth) > 700 )
sub_2_left=(700 - sub_2.offsetWidth);
sub_2.style.marginLeft = sub_2_left + 'px';
}

// Local Navigation Toggle
function gnbinToggleFF(id, gnbblock) {

for(var num=0; num<gnb_count; num++) {
document.getElementById('gnb'+num).style.display='none'; // 2차 메뉴
document.getElementById('gnbli'+num).className = null; // 1차 메뉴
}

var sub_1 = document.getElementById('gnbli'+id); // 1 차메뉴
var sub_2 = document.getElementById('gnb'+id); // 2 차메뉴
document.getElementById('gnb'+id).style.display = '';
gnbblock.className = "on";

var sub_2_left =sub_1.offsetWidth * (id+0.5) - sub_2.offsetWidth /2;

// 2차메뉴 크기에 따른 위치 조절
if (sub_2_left < 0)
sub_2_left = 0;
else if( (sub_2_left + sub_2.offsetWidth) > 700 )
sub_2_left=(700 - sub_2.offsetWidth);
sub_2.style.marginLeft = sub_2_left + 'px';
}

function reset_menu()
{

var sub_1 = document.getElementById('gnbli'+gnb_count_now); // 1 차메뉴
var sub_2 = document.getElementById('gnb'+gnb_count_now); // 2 차메뉴
var sub_2_left =sub_1.offsetWidth * (gnb_count_now+0.5) - sub_2.offsetWidth /2;

// 넓이가 0미만일경우 0
if (sub_2_left < 0)
sub_2_left = 0;
else if( (sub_2_left + sub_2.offsetWidth) > 700 )
sub_2_left=(700 - sub_2.offsetWidth);
sub_2.style.marginLeft = sub_2_left + 'px';
}


----------------------------------------------------------------------------------------------------------------

이상 이네요..
이정도면 플래시 메인메뉴 구성을 플래시 메뉴 못지않게 구성하실 수 있으리라 생각됩니다.
따로 핑크로 색칠된 700이라는 숫자의 의미는 따라다닐 2차서브메뉴의 끝값입니다.
우야노닷컴을 예로 들면 전체 크기는 980px이지만..
검색창 부분으로 250px정도 되기 때문에 검색창까지 2차메뉴가 이동하지 못하도록 크기값을 700으로 준겁니다.

서브매뉴 위치 수정해주라

김정수

오해는 하지마시고 들어주세요 ^^;;

페이지 초기 로딩시 시간이 제법? 걸리는이유는 스킨에 문제가 있는건지.

아니면 초기화면 내용의 트래픽이 많아서 그런지?

왜 그럴까요 ㅡㅡa

김정수

어디서 다운받을수있나요?^^;
cover view

김정수

안녕하세요 티스토리 스킨찾다가 우연히 들렀네요^^ 스킨을 한 20번을 변경한것같네요 ㅠㅠ 그르다가 님의 스킨을보고 딱이네 싶어서 이렇게 글남깁니다.
일단 스킨 감사하고요

질문이 하나있는데 사이드에 포토뷰 는 어떻게 삽입하는건지?
답변 부탁드릴께요 ^^
그럼 즐거운 하루되세요

눈을 오데둘지 모르것다.
나같은 사람 여기 웬종일있어도 오데가 오덴지 모르겠는걸...
그놈의 감기가 와 안떨어지노...
울신랑 술먹고 여지껏 안들어온다.12시 안에 들어오도록 노력한다더니.. 전화해도 안받네..
어느노래방서 아지매 끌어안고 노래부르고 있는지...
내 일카고 산다.
그래도 울신랑 있으면 시중든다고 여기들어올시간 없는디...
그거 하나 좋네.
오늘 저녁 이인간 빤스속 검사좀 허야것다.
감기 빨랑 나라...

잘지내재.... 종구랑 니랑 한 본다는게 힘드네.... 바쁘다는 핑계로 다솜 정모도 잘 못나가고... 다음 정모땐 꼭 나갈테니 그때 보자... 홈피 잘 만들었네..그런데 글짜가 너무 크게 보인다... 내컴이 이상하나..ㅋㅋㅋ

안녕하세요 ...

오빠 게시판은.. 현재는 대충

HOME
총동아리 : 총동소개, 조직도, 공약과 이행상황
알림마당 : 새소식, 총동일정, 총동게시판,
참여마당 : 동아리소개, 동아리모습(사진방으로), 공연신청, 공연홍보, 질문및건의
운 영 위 : 운영게시판, 자유게시판, 운영위자료실,
자료마당 : 사진자료실, 총동자료실

http://www.sch22fun.com/index.htm
요건 올해 총학생회 홈핀데 ^^

내가 욕심이 많아...

이왕이면 학교이미지랑 같이 담아서 홈피 만들어졌으면 해서..^^

헤헤~~^^

http://schedu.intelnet.co.kr/index.php
여기 참조해서 이런씩으로 해주면 될꺼같애

지금은 우리가 24대 총동아리 시작을 여는거구.
총동 운영이 웃긴게.. 전대에 이어서 사업이 시작되는게 아니라서.^
1년간 우리사업이야..
^^;;
필요한 총동회장 포부관련된글을 받아서....
보내줄께.. 형식은 저런씩으로 해주면 될꺼 같애
ㅋㄷ^^ 쌩유해.

근데 왜? 네이트온 친구에서 사라졌엉?;

아래 글 읽다가 병렬삼촌소식을 듣게 되네...
욕창이라니.. 몸이 많이 안좋으셨나봐... 마음이 안좋당...
오빠는 잘지내구 있엉?

오빠두 몸이 많이 안좋은가봐.. 요즘은 선희언니 연주언니도 예전 같지 않아성.. 자주 아프더라

오빠 요즘도 홈페이지 만들면,,
나 하나 부탁하려고. 그랬찌..
학교 총동아리 홈페이진데.. 뭐 공지란이랑 집행부만 쓰고 보는 게시판.
소리함 자유게시판 정도에. 타동아리 클러 까페랑 링크만 해 주면되는데.
어떠셈? 조카들 과자값버는 기분으로..

SAYLY

이올린에서 보고 들어왔습니다.
제가 블로그 초보라 왼쪽 이메일아래에 있는 MY SIGN의 각 그림들은 어디서 보고 구할수있는지 알수있을까요? ^^

삼촌도 싸이월드 하는지는 몰랐어요..

삼촌.. 사랑함다..

민들레

욱이, 안녕~

별오빠 그래도 욕창이 많이 나아져서 한번씩 컴앞에 앉아있기도 하는가보더라.

너무 걱정안해도 될거야.

너는 잘 지내니?

너 안본지도 오래구나.

웃는 니 사진 보니 후훗..왠지 기분이 좋네.