방금 헨드폰으로 전화드렸었는데
스팸전화이신줄알고 끊으시더라구요...

window7런칭파티 이벤드에 당첨되셨구요,
공지사항 이멜로 보내드렸는데 받으셨나요?
자세한 사항은 02 -6677-0295로 문의해 주시면됩니다^^

어머어머 오라버니.. ㅋㅋ 오라버니가 사악해요?

흠.. 제가 아는 오라버니는 하나도 안사악한데..ㅋ1ㅋ1ㅋ1

(밑에 LA용팔이님이 울오라버니 사악하다고 하시길래..)

남자친구가용. 가격대를 물어보시던데..ㅋㅋ 기준선이 어느정도 되는지 ㅋㅋ

물어보더라구요 ^ ^ 히히~ 지금 주무시려나? 아님 TV시청중?

LA용팔이

사악한 우가~
잘 지내냐? 나다 용가리..
록스한테 메일 받고 생각나서 찾아 왔다..

ㅎㅎ..사진에 그땐 내가 왜 저리 말랐냐..
니도 이제 얼굴에 주름이 자글자글 하네 그랴..
우리들이 만난지 엊그제 같은데...햐...벌써 서른중반이네..
잘 살고 있지? 가족분들도 건강하시고..
맨날 바쁘다는 핑계로 네놈 다시 못찾아가봐서 많이 미안타

여기 거제 촌구석에서 부산 가본지도 까마득한데...
보고싶다 친구야~
올해가기전에 꼭 보자..니도 거제 내려올일 있거든 꼭 미리 연락주고..

불교신문에 근무하는 안직수입니다. 2000년인가 부산에서 만난 적이 있지요. 기억하는지요? 간문에 들어와 이런 저런 소식 읽고 갑니다.
더불어 부탁이 있습니다. 제가 요즘 에세이식의 서적을 한권 준비하고 있습니다. 그 중 님의 이야기를 소재로 한 글도 한편 실을 생각입니다. 원본은 아래와 같습니다. 항상 밝은 웃음 기억하고 있습니다. 행복하고 건강하길....합장
jsahn21@hanmail.net

작은 보물섬

‘lefttoe.net’라는 사이트가 있습니다. 수년전 ‘보물섬’이란 이름으로 개설된 사이트인데, 두 발만 쓸 수 있는 지체장애인 천정욱 님의 홈페이지랍니다.
수년 전 부산의 한 곳에 살고 있는 천정욱 님을 만났습니다. 당시 29살이었으니, 벌써 서른 중반 나이가 됐을 터입니다. 님은 당시 내게 자신의 시 한편을 건넸습니다.
<내 꿈은> 아침에 일어나 / 내 두발로 일어서 / 내 두 팔로 아침 창문을 열어 햇살이 / 내 두 눈을 부시는 것을 느끼는 것. / 가능하다면 / 자전거와 배낭 하나 짊어지고서 / 어디든 어디서든 / 내가 거기에 서 있다는 것을 / 알고 싶은 것 … 그러나 이런 꿈은/ 내게는 / 유리 조각처럼 떨어트리면 / 깨질 것 같은 꿈이란 것을 / 난 안다.
돌보는 이가 없으면 화장실 조차 가기 힘든 불구의 몸이지만, 천씨의 웃음은 밝기만 했습니다.
천씨는 발가락으로 자판을 두드려 홈페이지를 만들고, 세상과 대화를 나눕니다. 그래서 천씨에게 홈페이지는 보물섬입니다.
천씨를 만나고 희망이 얼마나 중요한 것인지 느꼈습니다. 자신의 꿈을 세우고, 꼭 이룰 수 있다는 희망으로, 한발 한발 꿈에 다가간다는 것. 조금 느리면 어떻습니까.
주변을 돌아보면, 남보다 빨리 뛰어가려는 사람들이 많습니다.
오늘은 천천히 방석위에 앉아 기도를 올립니다. 이 시간에 남들이야 바쁘게 움직이던지 말던지. 하루 24시간 가운데 나를 위한 시간도 조금은 내어줘야 하지 않을까요.

잘 지내고 있냐...
정신없이 지내느라 연락도 자주 못하는 구만..
한국 가게 되면 한번 봐야하는데...
이건 뭐 들어갈 기회도 없구나야..
잘 지내거라.....행님이 한번 갈꾸마...
그나저나 넌 홈페이지라도 있다지만..
이놈의 용가리는 어케 연락처도 없구나..
연락처 있슴 연락함 해봐라...ㅋ

안녕하세요~
저는 Y대학교 인테리어과를 다니는 학생입니다~
저희아버지께서 인테리어쪽으로 하시는데여 ~~
저도 아버지 뒤를 이어가고싶은데~
아버지께서는 많이 바쁘셔서 저한테 가르쳐주질 않네요..
그래서 제가 학교에서 과제며 열심히 하고 잇는데요..
인테리어에관한 블러그를 한번 만들고자 이렇게 글을 썻어요~
초대장 한장 부탁드려요~~^^

qmfkwlf80807@hanmail.net

안녕하세요.
우연히 티스토리의 블로그에서 좋은 포스트들을 보고 티스토리에 관심을 가지게 됬습니다.
그런데... 블로그를 개설하여 점찍어둔 포스트들을 포스팅 하려고 했더니
블로그 개설이 쉽지 않네요 ^^; 오른쪽 상단에 초대장 보유 명단에 보물섬님도 계시던데
염치불구하고 한번 부탁드립니다 ^^;
여분의 초대장이 있으시다면
frea032@naver.com로 보내주시겠어요?^^
나름대로 바쁜 주부라 열렬한 블로그 활동은 보장할 수 없지만 가늘고 긴[?] 활동은
보장하겠습니다 ^^ 그럼, 평안하세요.

안녕하세요. 전 김성호 라고 합니다.
티스토리가 여러가지 기능면에서 좋은 점이 많은 것 같아서 여기에 보금자리를 틀고 싶은데요.
아무래도 초대장 받기가 쉽지 않네요.

초대장을 가지고계시다기에 이렇게 문득 방문하여 부탁을 드려봅니다.

전 스포츠, 특히 야구를 중심으로 블로그를 꾸려 나가고 싶습니다. 경기 결과도 정리해 보고 한주간의 경기도 결과 및 예측해 보면서 특별히 선전하는 선수들을 보다 자세히 조명해 보고 싶네요. 서울에 살아서 잠실 경기나 목동 경기 밖에는 보기 어렵겠지만... 야구장에서 얻은 생생한 모습들도 함께 여러분들과 공유하고 싶어서요.

그럼 부탁드리겠습니다. 제 이메일 주소는 dbs96961@naver.com입니다.

감사합니다.

안녕하세요?
컴퓨터를 전공하는 학생입니다.
초대장을 한장 얻고 싶어서, 초면에도 불구하고 이렇게 글을 쓰게 되었습니다
제가 블로그를 하고 싶어 하는 이유는,
컴퓨터를 전공하면서 제가 했던 프로젝트(서버,네트워크 구축환경)등 을
블로그에 담고, 혹시 트러블이 발생해 저와 비슷한 고민을 했던 분들께
조금이나마 도움이 되고자 하는 거에요..^^
혹시 초대장 남는데 있으시면


*오늘 날씨가 참 좋네요..^^ 좋은 하루 되세요..^^


초대장한장 부탁드리겠습니다,^^


wjdgns123400@hanmail.net

한리

업로드된 확장자명이 gif가 아니라 GIF였네요..
정말 감사합니다-

한리

답변 감사합니다-
##_title_## 부분에 <img src="./images/calcade.gif" width="100" height="20">를 넣고 파일업로드도 같은 파일명으로 넣었는데도 타이틀 적용이 안되네요-
티스토리 환경설정에서 타이틀을 넣는건 위자드를 이용한 방법 제외하고는 모르겠어서
다시 물으러 왔습니다.. 어디가 잘못된건가요-

<table border="0" width="100%" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" align="left" valign="top">
<img src="./images/calcade.gif" width="100" height="20">
<!--// //-->
</td>
</tr>
<tr>
<td width="100%" align="left" valign="top">

<div id="header">

'티스토리용 Treasure Island 3단 스킨'을 사용해서 정말 만족스럽습니다-
타이틀 부분을 생성하려고하는데 html 이것저것 손대봐도 모르겠네요-
어느 부분을 고쳐야할까요?

kitten

티스토리 스킨 검색하다 여기까지 왔는데 ^^
글보다가 그냥 가기 뭣해서 인사를 드립니다 ^^

좋아하는 가수에 낯익은 이름이 있어서 불쑥 글을 남기네요 흣흣흣

사직야구장 근처 사세요? 저도 야구 좋아합니다. 사는곳이 서울인지라 사직은 1년에 2~3번 갈까말까 하지만요 ㅎㅎㅎㅎㅎㅎ
저두 롯데팬이거든요 ㅋㅋㅋㅋㅋ

아.. 티스토리는 너무 어렵네요 ㅠ.ㅠ
공부를 더 열심히 해야겠습니다.

즐거운 하루 되세요~!!!!!

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

오라버니는 잘 지내시죠?

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