ELLSEUN'S BLOG ::

'스킨'에 해당되는 글 10건

2006/10/23 네이버 블로그 스킨을 배껴와 봅시다.. (8)
2006/06/09 드디어 테터 1.0.5로 갈아타다~ (10)
2006/06/09 테터 1.0.x 네이버 스킨 살포시 배포해봅니다.; (20)
2006/04/02 방명록에 스킨 관련 글을 남겨 주신 분들을 위해... (15)
2006/03/09 봄 맞이 스킨 테마 변경~ (14)
2006/03/06 테터 클래식 스킨 수정 (27)
2006/03/03 테터툴즈 클래식 스킨 공개 (34)
2006/02/10 이번엔 제라 스킨테마다;; (6)
2006/02/07 마비노기 새로운 NPC로 스킨테마변경 (6)
2006/01/13 스킨 변경! (12)

네이버 블로그 스킨을 배껴와 봅시다..

http://item.naver.com/ 에 접속하여 맘에 드는 스킨을 찜해둡니다.

위 위치에서 소스보기를 클릭하여 소스를 봅니다.

전체를 선택하여(Ctrl + A) 복사합니다.(Ctrl + C)
편의상 EditPlus 에 붙혀넣기(Ctrl + V) 합니다.

naver_skin.css 를 불러옵니다.

이제 네이버에서 복사해온 소스랑 naver_skin.css소스랑 비교해보시면 다 된겁니다.;

1. 우선 배경 이미지 부터 해보겠습니다.

네이버 소스 : 34번째 라인
naver_skin.css : 16번째 라인

http://경로/1142498_pattern.jpg
부분을 복사하여, 익스플로워 주소창에 붙혀넣기 후 그림을 photo에 적절한 이름으로 저장합니다. 예) 19_pattern.jpg
http://경로/1142498_top.jpg
부분도 저장합니다. 예) 19_top.jpg

이제 naver_skin.css부분을 수정합니다.

이제 다른 부분을 차근히 하시면 됩니다.

/* title */ 34번째 라인

title 부분은 color부분만 수정합니다.

그 아래 부분은 전체 복사 해서 naver_skin.css 같은 부분을 바꿔치기 합니다.

/* opacity 주기 */

이런 식으로..
naver_skin.css 에 있는 주석을 보면서 바꿔치기를 하면 됩니다^^
간단하죠?; 괜히 설명만 더 어렵게 한듯 하네요 -_-;
다 하신후, 계정에 올리시면 되겠씁니다.-ㅁ-

티스토리 사용자 분들은.. 경로만 살짝 변경해주면 됩니다.
skin.html 에서
<link rel="stylesheet" href="./style.css">
<link rel="stylesheet" href="./images/naver_skin.css">
<script language="JavaScript" src="./images/naver_skin.js"></script>
으로 바꿔주시고요.
naver_skin.css 부분에서 배경 이미지 부분에서 ./photo 부분만 빼주시면 되겠네요..

naver_skin.css에서 네이버소스랑 달리, 제가 추가한것도 있고, 뺀것도 있습니다.
유의하시어 수정하시기 바랍니다.^^

Posted by 엘션

TAG 네이버, 스킨

Trackback 0 Comment 8

드디어 테터 1.0.5로 갈아타다~

mod_rewrite문제로 설치 못하고 있다가..
어제 메일보낸걸 봤는지 솜이가 설정해준거 같다~

흠 아직까지 큰 문제는 없는거 같은데..
이전 주소 체제가 문제네..

머 걍 냅두든가-_- 귀찮다.. 졸리고-ㅁ- 하아암..

blog.cysn.com 으로 서브도멘으로 블로그 했고...
www.cysn.com 은 blog.cysn.com 으로 연결되게 해놨다..
스킨도 어제 배포한거로 바꿨고~
아 날씨 좋네-ㅁ-

Posted by 엘션

TAG blog.cysn.com, 스킨, 테터툴즈 1.0.5

Trackback 0 Comment 10

테터 1.0.x 네이버 스킨 살포시 배포해봅니다.;

더이상 미루다간; 돌 맞을거 같아서(__;)

살포시 배포해 봅니다.-ㅁ-;
사실 3월 말경에 다 끝냈는데.. 이제서야..;
테스트를 못해봤다는 핑계로 미루다가.. 결국엔 테스트 못해보고 배포합니다.;
헌정님을 비롯한 방명록에 글 남겨주신분들께 너무 죄송스러워서;;
그래서!; 버그가 많을거라고 예상됩니다.
원래는 제 계정에 테터 1.0대를 깔고 써보고 배포하려 했는데..
아무튼; 스킨 설치법은 다 아실거라 믿고요^^;
버그 알려주시면 빨리 빨리 수정하도록 노력하겠습니다..

2006.11.26일 배포를 중단합니다.-ㅁ-; 넘 관리를 소홀해서..

Posted by 엘션

TAG 스킨

Trackback 0 Comment 20

방명록에 스킨 관련 글을 남겨 주신 분들을 위해...

네.. 실상 많은 요청은 아니었지만..;
나름대로 압박(?)을 느끼어 짬짬이 작업해왔었습니다.-_-;
메뉴부분 자바에서 막혀서 정체되어 있다가; 두키형님의 도움으로 해결되어,
조만간 선보일수도 있을거 같습니다.;

귀차니즘 레벨 5이상 발동 되면 안할지도 모릅니다.

Posted by 엘션

TAG 스킨

Trackback 0 Comment 15

봄 맞이 스킨 테마 변경~

2시간 유저의 손을 잡고 강제로 끌고 가는 나오과장..(..)

이제 봄도 오고 날씨도 따땃한데, 스킨이 너무 칙칙한거 같아서

;
산뜻하게 바꿔봤다.. 산뜻하긴 한가...
이번 테마는 나오과장~ 근데 왜 과장인지는 모르겠다.

a

그나저나.. 이제 테터 0.96x / 클래식 --> 1.0 마이그레이터도 나왔고..
요번주말 지나고 옮겨볼까나~

Posted by 엘션

TAG 나오, 봄, 스킨, 테마

Trackback 0 Comment 14

테터 클래식 스킨 수정

원래는 혼자 쓸려고 만든 스킨이어서.. 기타 변경이 수월하지가 않습니다.;
그래서 대충 다시 수정했습니다.

skin.html

naver_skin.css

위 파일을 새로 받으시고요, 덮어씌우시기 바랍니다.
수정하신분들은 추가로 수정하셔야;; 아니면 그냥 쓰셔도^^;
기타 자잘한 부분 몇개 수정했습니다.

아 그리고 먼저 배포할땐 skin_keyword.html 파일을
수정안한걸 그대로 배포했었네요-_-;

skin_keyword.html

벌써 여러번 말하지만; 혼자 쓰려고 만든 스킨이라-ㅁ-
그리고 프로필, 기타 왼쪽 레이어를 오른쪽으로 정렬한것도 같이 올려봅니다.
필요하신분은 받으신 후에, 먼저skin.html을 left_skin.html으로 변경하시고
받으신 파일 right_skin.html을 skin.html으로 변경하시면 됩니다.

right_skin.html

Mr.zin님이 문의하신 넓이 늘리는 방법은
naver_skin.css 를 보시면

main_table01은 전체적인 넓이를

top_table01은 title, admin 버튼 부분이 있는 넓이

printPost1은 포스팅이 나오는 부분의 넓이입니다.

nc_table1, nc_table2는 왼쪽 레이어 부분입니다.

그리고 43번라인에 있는 opacity2,3도 같은 늘려주시기 바랍니다.
수치를 늘릴경우에는 지금 있는 수치에서 비율에 맞게 늘리셔야 됩니다.

Posted by 엘션

TAG 스킨

Trackback 0 Comment 27

테터툴즈 클래식 스킨 공개

제 블로그에서 쓰고 있는..
테터툴즈 클래식 스킨을 공개합니다.
사실 네이버 블로그 스킨을 구현한다고 한 스킨이라..
배포가 조금 꺼려졌지만.. 심심해서 배포해볼까 합니다.- _-;
이미 테터 1.0.1 이 나온마당에 많은 분들이 안쓰실거 같아 하는감도 없지 않아 있..

대부분의 설정은 naver_skin.css을 보시면 아실겁니다.
FireFox에선 한 90프로밖에 안보여요;ㅁ;
그리고 귀차니즘으로 인해 막 만들었기 때문에 소스도 지저분하고요..(..)
웹표준.. 그런거 몰라요..

기타 요구사항이나 마음에 안드시는거 있으시면 가슴속에 꼭 품고 계시고요..
버그나 살포시.. 알려주세요..

cysn_naver.rar

cysn_naver_tree.zip

프로필 메뉴 집어 넣기...

우선 SkyRejoice님의 팁이 필요합니다.
1. index.php 파일에 486번라인 다음으로 아래 내용을 추가합니다.

//아이프레임 지버넣기...
/************************************************** *******************/
if($i_url) {
$d2 = "
<SCRIPT>

</SCRIPT>

<iframe frameborder=0 scrolling='no' width='100%' src='$i_url' onload='resizeFrame(this)'></iframe>
<table style='MARGIN-TOP: 10px' cellSpacing='0' cellPadding='0' border='0'><tr><td></td></tr></table>";
}
/************************************************** *******************/

성공하면 아래와 되겠죠?

2. 스킨에 포함되어있는 naver_skin.js 파일을 수정합니다.

203번라인 다음으로 아래 내용을 추가합니다.

if(serviceCode == 'profile') serviceUrl = 'index.php?i_url=about.php';

218번라인 다음으로 아래 내용을 추가합니다.

menuList[menuList.length] = "프로필";

257번라인 아래 내용을 찾아서

function initMenu() {
   var md = getVar('md');
   var i_url = getVar('i_url');
   var currentActiveIndex = 1;
   if(md == 'keyword') currentActiveIndex = 2;
   if(md == 'local') currentActiveIndex = 3;
   if(md == 'rss') currentActiveIndex = 4;
   if(md == 'tag') currentActiveIndex = 5;
   if(md == 'guest') currentActiveIndex = 6;
   setMenu(currentActiveIndex,"on");
}

아래와 같이 변경해줍니다.

function initMenu() {
   var md = getVar('md');
   var i_url = getVar('i_url');
   var currentActiveIndex = 1;
   if(md == 'keyword') currentActiveIndex = 2;
   if(md == 'local') currentActiveIndex = 3;
   if(md == 'rss') currentActiveIndex = 4;
   if(md == 'tag') currentActiveIndex = 5;
   if(i_url == 'about.php') currentActiveIndex = 6;
   if(md == 'guest') currentActiveIndex = 7;
   setMenu(currentActiveIndex,"on");
}

3. skin.html 을 수정합니다.

97번라인부터 178번라인을 찾아서..

<td id="menu_1" style="cursor:pointer" onclick="goService('blog')">
<table height=31 cellspacing=0 cellpadding=0 border=0 class="tab_bg">
<tr><td height=5></td></tr>
<tr><td class="menu_off itemfont" height=26 nowrap align=center style="padding:0 7 0 7">블로그</td></tr>
</table>
</td>
<td id="menu_bar_2" class="tab_bg" nowrap>
<table cellpadding=0 cellspacing=0 border=0>
<tr><td height=11></td></tr>
<tr><td style='filter:alpha(opacity:40)'><span class="tab_line" >|</span></td>
</tr>
</table>
</td>
<td id="menu_2" style="cursor:pointer" onclick="goService('keyword')">
<table height=31 cellspacing=0 cellpadding=0 border=0 class="tab_bg">
<tr><td height=5></td></tr>
<tr><td class="menu_off itemfont" height=26 nowrap align=center style="padding:0 7 0 7">키로그</td></tr>
</table>
</td>

<td id="menu_bar_3" class="tab_bg" nowrap>
<table cellpadding=0 cellspacing=0 border=0>
<tr><td height=11></td></tr>
<tr><td style='filter:alpha(opacity:40)'><span class="tab_line" >|</span></td>
</tr>
</table>
</td>
<td id="menu_3" style="cursor:pointer" onclick="goService('local')">
<table height=31 cellspacing=0 cellpadding=0 border=0 class="tab_bg">
<tr><td height=5></td></tr>
<tr><td class="menu_off itemfont" height=26 nowrap align=center style="padding:0 7 0 7">위치로그</td></tr>
</table>
</td>

<td id="menu_bar_4" class="tab_bg" nowrap>
<table cellpadding=0 cellspacing=0 border=0>
<tr><td height=11></td></tr>
<tr><td style='filter:alpha(opacity:40)'><span class="tab_line" >|</span></td>
</tr>
</table>
</td>
<td id="menu_4" style="cursor:pointer" onclick="goService('rss')">
<table height=31 cellspacing=0 cellpadding=0 border=0 class="tab_bg">
<tr><td height=5></td></tr>
<tr><td class="menu_off itemfont" height=26 nowrap align=center style="padding:0 7 0 7">이웃로그</td></tr>
</table>
</td>

<td width=100% align=right class="tab_bg" nowrap>

<td id="menu_bar_5" class="tab_bg" nowrap>
<table cellpadding=0 cellspacing=0 border=0>
<tr><td height=11></td></tr>
<tr><td style='filter:alpha(opacity:40)'><span class="tab_line" >|</span></td>
</tr>
</table>
</td>
<td id="menu_5" style="cursor:pointer" onclick="goService('tag')">
<table height=31 cellspacing=0 cellpadding=0 border=0 class="tab_bg">
<tr><td height=5></td></tr>
<tr><td class="menu_off itemfont" height=26 nowrap style="padding:0 7 0 7" align=absmiddle>태그</td></tr>
</table>
</td>
<td id="menu_bar_6" class="tab_bg" nowrap>
<table cellpadding=0 cellspacing=0 border=0>
<tr><td height=11></td></tr>
<tr><td style='filter:alpha(opacity:40)'><span class="tab_line" >|</span></td>
</tr>
</table>
</td>
<td id="menu_6" style="cursor:pointer" onclick="goService('guest')">
<table height=31 cellspacing=0 cellpadding=0 border=0 class="tab_bg">
<tr><td height=5></td></tr>
<tr><td class="menu_off itemfont" height=26 nowrap align=center style="padding:0 7 0 7">안부게시판</td></tr>
</table>
<script language="javascript">initMenu()</script>
</td>
</td>

아래와 같이 변경합니다..

<td id="menu_1" style="cursor:pointer" onclick="goService('blog')">
<table height=31 cellspacing=0 cellpadding=0 border=0 class="tab_bg">
<tr><td height=5></td></tr>
<tr><td class="menu_off itemfont" height=26 nowrap align=center style="padding:0 7 0 7">블로그</td></tr>
</table>
</td>
<td id="menu_bar_2" class="tab_bg" nowrap>
<table cellpadding=0 cellspacing=0 border=0>
<tr><td height=11></td></tr>
<tr><td style='filter:alpha(opacity:40)'><span class="tab_line" >|</span></td>
</tr>
</table>
</td>
<td id="menu_2" style="cursor:pointer" onclick="goService('keyword')">
<table height=31 cellspacing=0 cellpadding=0 border=0 class="tab_bg">
<tr><td height=5></td></tr>
<tr><td class="menu_off itemfont" height=26 nowrap align=center style="padding:0 7 0 7">키로그</td></tr>
</table>
</td>

<td id="menu_bar_3" class="tab_bg" nowrap>
<table cellpadding=0 cellspacing=0 border=0>
<tr><td height=11></td></tr>
<tr><td style='filter:alpha(opacity:40)'><span class="tab_line" >|</span></td>
</tr>
</table>
</td>
<td id="menu_3" style="cursor:pointer" onclick="goService('local')">
<table height=31 cellspacing=0 cellpadding=0 border=0 class="tab_bg">
<tr><td height=5></td></tr>
<tr><td class="menu_off itemfont" height=26 nowrap align=center style="padding:0 7 0 7">위치로그</td></tr>
</table>
</td>

<td id="menu_bar_4" class="tab_bg" nowrap>
<table cellpadding=0 cellspacing=0 border=0>
<tr><td height=11></td></tr>
<tr><td style='filter:alpha(opacity:40)'><span class="tab_line" >|</span></td>
</tr>
</table>
</td>
<td id="menu_4" style="cursor:pointer" onclick="goService('rss')">
<table height=31 cellspacing=0 cellpadding=0 border=0 class="tab_bg">
<tr><td height=5></td></tr>
<tr><td class="menu_off itemfont" height=26 nowrap align=center style="padding:0 7 0 7">이웃로그</td></tr>
</table>
</td>

<td id="menu_bar_5" class="tab_bg" nowrap>
<table cellpadding=0 cellspacing=0 border=0>
<tr><td height=11></td></tr>
<tr><td style='filter:alpha(opacity:40)'><span class="tab_line" >|</span></td>
</tr>
</table>
</td>
<td id="menu_5" style="cursor:pointer" onclick="goService('tag')">
<table height=31 cellspacing=0 cellpadding=0 border=0 class="tab_bg">
<tr><td height=5></td></tr>
<tr><td class="menu_off itemfont" height=26 nowrap align=center style="padding:0 7 0 7">태그</td></tr>
</table>
</td>

<td width=100% align=right class="tab_bg" nowrap>

<td id="menu_bar_6" class="tab_bg" nowrap>
<table cellpadding=0 cellspacing=0 border=0>
<tr><td height=11></td></tr>
<tr><td style='filter:alpha(opacity:40)'><span class="tab_line" >|</span></td>
</tr>
</table>
</td>
<td id="menu_6" style="cursor:pointer" onclick="goService('profile')">
<table height=31 cellspacing=0 cellpadding=0 border=0 class="tab_bg">
<tr><td height=5></td></tr>
<tr><td class="menu_off itemfont" height=26 nowrap style="padding:0 7 0 7" align=absmiddle>프로필</td></tr>
</table>
</td>
<td id="menu_bar_7" class="tab_bg" nowrap>
<table cellpadding=0 cellspacing=0 border=0>
<tr><td height=11></td></tr>
<tr><td style='filter:alpha(opacity:40)'><span class="tab_line" >|</span></td>
</tr>
</table>
</td>
<td id="menu_7" style="cursor:pointer" onclick="goService('guest')">
<table height=31 cellspacing=0 cellpadding=0 border=0 class="tab_bg">
<tr><td height=5></td></tr>
<tr><td class="menu_off itemfont" height=26 nowrap align=center style="padding:0 7 0 7">안부게시판</td></tr>
</table>
<script language="javascript">initMenu()</script>
</td>
</td>

4. about.php 파일을 수정하여 tt/폴더 안에 업로드 합니다.
about.php 파일은 파일명만 변경 하지 마시고, 마음대로 수정하셔도 됩니다.

Kwan02님이 질문하신 프로필 메뉴 넣는 방법을 내침김에 만들어 봤습니다..;

따라하실분이 몇분이나 되실지;;

위의 설명 방법이 형편없다고 생각하시는분만 보세요..(..)

잘 안되거나, 기타 문의사항 있으시면 댓글 남겨주세요

Posted by 엘션

TAG 스킨, 테터툴즈 클래식, 프로필

Trackback 1 Comment 34

ELLSEUN'S BLOG

'스킨'에 해당되는 글 10건

네이버 블로그 스킨을 배껴와 봅시다..

TRACKBACK http://blog.cysn.com/trackback/190

드디어 테터 1.0.5로 갈아타다~

TRACKBACK http://blog.cysn.com/trackback/161

테터 1.0.x 네이버 스킨 살포시 배포해봅니다.;

TRACKBACK http://blog.cysn.com/trackback/159

방명록에 스킨 관련 글을 남겨 주신 분들을 위해...

TRACKBACK http://blog.cysn.com/trackback/145

봄 맞이 스킨 테마 변경~

TRACKBACK http://blog.cysn.com/trackback/139

테터 클래식 스킨 수정

TRACKBACK http://blog.cysn.com/trackback/136

테터툴즈 클래식 스킨 공개

TRACKBACK http://blog.cysn.com/trackback/132

이번엔 제라 스킨테마다;;

TRACKBACK http://blog.cysn.com/trackback/120

마비노기 새로운 NPC로 스킨테마변경

TRACKBACK http://blog.cysn.com/trackback/118

스킨 변경!

TRACKBACK http://blog.cysn.com/trackback/103

카테고리

공지사항

태그목록

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

글 보관함

달력

링크

« » 2010.03
일	월	화	수	목	금	토
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31