방명록에 적긴 좀 무리가 있어서 그냥 포스팅합니다. 도움이 되었으면 좋겠네요. ^^;

이건 딱히 심플바이올렛 스킨에만 국한된 내용은 아닙니다.
skin.html 파일을 보시면 아시겠지만, 사이드바에 들어갈 요소들은 특정 태그가 감싸고 있으니까요.


어쨌든 simpleviolet 사이드바에 빠져 있는 링크 요소 추가 코드입니다.

<s_sidebar_element>
<!-- links -->
<div id="links" class="sidebar">
<img src="./images/menu_icon.gif" aligh="absmiddle" /> <img src="./images/links.gif"/>
<ul>
<s_link_rep>
<li><a href="[샵샵_link_url_샵샵]" target="_blank">[샵샵_link_site_샵샵]</a></li>
</s_link_rep>
</ul>
</div>
</s_sidebar_element>


1행이 사이드바 시작하는 부분
2행은 스킨-사이드바 설정에서 설명이 나오는 부분
3행부터 본격적인 링크 관련 부분이고, 마지막행에서 사이드바의 한 요소를 마무리 짓는다고 생각하시면 쉽습니다. ^^

+ 07/07/12 13:17
코드가 제대로 안나와서 수정했습니다.

+ 07/07/12 21:45
링크 출력 부분이랑 스타일시트에 없는 클래스가 있어서 다시 수정했습니다.
샵샵은 ##으로 알아서 고쳐 쓰시면 될 겁니다.
Posted by 하루나기™

댓글을 달아 주세요

  1. Favicon of http://samstyle.tistory.com/ BlogIcon samstyle 2007.07.12 22:07 Address Modify/Delete Reply

    링크까지는 나오는데 글시가 안나오네요.. ㅠㅠ
    그 html에서 글씨까지 같이 뒤로 써주어야 하나요??
    기계는 절 싫어하나봅니다. ㅠㅠ

  2. Favicon of http://samstyle.tistory.com/ BlogIcon samstyle 2007.07.12 22:15 Address Modify/Delete Reply

    글씨는 나오는데
    [샵샵_link_site_샵샵] [샵샵_link_site_샵샵] [샵샵_link_site_샵샵]

    이렇게 나오네요
    이건 또 무슨 조화인지 자꾸 신경을 써주시는데 잘 못 알아듣네요 제가 ㅠㅠ

  3. Favicon of http://samstyle.tistory.com/ BlogIcon samstyle 2007.07.12 22:38 Address Modify/Delete Reply

    감사합니다. 마지막에 수정해 주신거 또 이해못하다가 이제 이해하고
    수정했습니다.
    역시 어렵군요 ㅠㅠ
    저도 좀 꾸미고 싶은데 힘드네요 ㅎㅎ
    감사합니다.

    • Favicon of http://tach.ivyro.net/tt BlogIcon 하루나기™ 2007.07.12 23:00 Address Modify/Delete

      해결이 됐음 된거쥬. ^^;
      태터 관련 사이트에서도 종종 이런 식으로 써유.
      똑같이 쓰니까...태터가 그냥 먹어버리더라구유. 그래서 그냥 샵샵이라고...^^;

      어쨌든 해결도 됐으니 즐거운 블로깅 하서유. ^^)//

스킨 :: 태터센터의 스킨 자료실이나 제작자 블로그에서 다운받을 수 있음.
제작자 블로그 :: http://fotowall.net/

이미지 제작 :: 하루나기

스킨에 들어 있는 이미지와 차이점 ::
크기가 다르다는 것? Orz

:: 참고 ::
사이드바에 들어가는 이미지들임.
원래 사이드바 타이틀의 이미지의 크기는 74x11인데, 74x23으로 세로 길이를 늘렸음.
타이틀에 맞게 메뉴 아이콘 역시 23픽셀로 맞췄음.
파일명은 원래 스킨에 들어있던 이미지들과 같은 이름으로 하되, 몇몇 추가된 이미지는 그냥 적당히 이름 붙였음.
(태그라든가 카운터라든가...)
이미지 넣는 것은 skin.html을 참고하면 쉽게 넣을 수 있을 것임.
Archives의 경우, 세로 길이를 늘렸으므로 버튼도 엇비슷하게 맞춰줘야 하는데,
style.css에서 .archive_button를 검색한 후, padding-top을 8픽셀로 바꿔주면 적당히 잘 맞는 것 같음.

:: 색생표 ::
메뉴 아이콘 - b4a0ac / 735768
타이틀 이미지 바탕 - f3f3ee
타이틀 이미지 글자 - 이건 적당히...ㅡ3-;

:: 이미지 파일들 ::
사용자 삽입 이미지
사용자 삽입 이미지
사용자 삽입 이미지
사용자 삽입 이미지
사용자 삽입 이미지
사용자 삽입 이미지
사용자 삽입 이미지
사용자 삽입 이미지
사용자 삽입 이미지
사용자 삽입 이미지
사용자 삽입 이미지


:: 묶음 압축 파일 ::
simpleviolet_sidebar74x23_image_by_Harunagi.zip

simpleviolet Skin sidebar Images



티스토리에서 가져오면 생기는 이것...ㅡ3-;;;
Posted by 하루나기™

댓글을 달아 주세요

우선 태그 크라우드(태그 구름)이라는 기능이 정식 버전이 추가된 것은 이미 아는 사람들은 아는 사실.

처음엔 이것이 무엇인지 전혀 몰랐는데, 한국 웹보다 일본 웹사이트를 더 자주 들락거리기에 조금 써보고 알게 됐다.

일본 하테나 사이트들을 돌아다니면 볼 수 있는 소위 키워드와 유사한 기능인데, 하테나의 경우엔 키워드를 클릭하면 관련 포스트, 관련 코멘트, 관련 상품 등이 일괄 검색된다. (사실 그래서 잘 몰랐다.)

우선 정식 버전의 태그 기능과 태그 크라우드 기능은 좀 미흡한 감이 없지 않다. 물론 태그라는 것에 대해 잘 몰랐던 내가 그런 말을 할 수 있을지 의구심을 갖는 사람도 있겠지만, RC3에서 이미 kebie님의 태그 크라우드 패치를 해서 써봤기에 감히 그리 말할 수 있다.

정식 버전에선 랜덤 출력과 전체 태그 출력의 단조로운 구성이라면, kebie님의 패치는 전체 태그 출력, 해당 태그 클릭시 관련 태그 출력, 비공개글의 태그 출력 방지 등으로 구성돼 있다.
(그러나 내 블로그에선 비공개글의 태그 출력 방지 기능이 먹히지 않는다. OTL)

적용하고자 한다면 아래 링크들을 확인해 보자.


개인적으론 잘 모르는 부분이지만, 정식 버전에서 태그 삭제 버그가 있는 모양이다. 해주면 좋고, 간단한 패치이니 클래식 정식 버전 사용자라면 아래 패치도 적용해 주자.



추가적으로 적용한 것들은 아래와 같다.

- 태그 기능 확장 -



내 블로그에 맞게 수정한 것 중에서 정식 버전과 kebie님의 태그 크라우드 패치에선 5단계로 나뉘어진 레벨이 firejune님의 패치를 적용할 땐 7단계로 돼 있길래 별 생각없이 kebie님의 패치도 7단계로 수정했다. (그냥 추가만 해봤는데, 문제는 없는 듯하다. ^^;)

inc.presswork.php에서,

[CODE] // Apply CSS to Font if($pcnt>20) $font='mycloud7'; elseif($pcnt>15) $font='mycloud6'; elseif($pcnt>10) $font='mycloud5'; elseif($pcnt>5) $font='mycloud4'; elseif($pcnt>3) $font='mycloud3'; elseif($pcnt>1) $font='mycloud2'; else $font='mycloud1'; [/CODE]

firejune님의 패치 중 개인적으로 관리자 로그인 확인을 삭제했기 때문에 맞지 않는 부분이 있었는데, 아래와 같이 수정하니 잘 먹혔다. (며칠째 소스만 보고 있었더니 이런 것도 혼자서 잘한다...ㅡ_-)v

index.php에서,

[CODE] if (return_authority()) { $sql = "select count(*), tag, pno from t3_".$dbid."_tag $order"; }else{ $sql = "select count(*), tag.tag, pno from t3_".$dbid."_tag as tag join t3_".$dbid." as content on tag.pno=content.no where content.is_public=1 $order"; } [/CODE]

이 부분을 아래로 수정했다. 까막눈인 내가 이런 서버를 주무르는 소스를 건드린 것이 그저 대단하단 생각...

[CODE] $sql = "select count(*), tag, pno from t3_".$dbid."_tag $order"; [/CODE]


기타 신규 포스트, 코멘트, 트랙백에 'New'마크 달기라든가 달력 이동 버튼을 연, 월로 구분한 것이라든가 아카이브 목록에 게시글 수 출력이라든가 하는 부분들은 아마도 태터 공식홈에서 구할 수 있으리라 본다.


혼자서 끙끙대다가 결국 kebie님의 큰 도움으로 관리자 로그인 체크를 빼고 태그를 적용했다. firejune님의 패치는 kebie님의 패치와 연관이 있는데, 수정하여 보내주신 소스를 참고해서 한 부분을 수정했더니 잘 먹혀서 다행스럽다.

다시 한번 해결에 큰 도움을 주신 kebie님께 고마움을 전하고 싶다.


이제 키워드 파일이랑 카테고리를 무난하게 분류해서 적용하는 거랑 그런 자질구레한 것들만 남은 것 같다. 스킨을 직접 만들어 쓰는 것도 벅차지만 웹상에서 얻은 지식만으로 이 정도까지 해낸 것은 조금의 위안을 삼아도 되지 않을까? (웃음)
Posted by 하루나기™

댓글을 달아 주세요

  1. Favicon of http://kebie.linuxstudy.pe.kr/blog.html BlogIcon kebie 2006.02.14 22:20 Address Modify/Delete Reply

    잘된다니 다행입니다. 즐거운 블로깅 하세요~ :)

  2. Favicon of http://blog.ggamsso.wo.tc/ BlogIcon 깜쏘 2006.02.15 01:29 Address Modify/Delete Reply

    쓸만한 녀석 저도 긁어갑니다. 정보 감사합니다.
    삽질의 세계가 보이는 군요. OTL...

■ 이것저것 수정하거나 도움을 받은 내용 스크랩해둠.

* 트랙백 주소 원클릭 복사하기 (06.02.12 적용)
[트랙백 주소 원클릭 복사]


* 아카이브 5개월 목록 제한 없애기
[아카이브 5개월 목록 제한 패치]


* 아카이브 5개월 목록 제한 패치 및 셀렉트 박스로 바꾸기 (06.02.12 적용)
[아카이브 5개월 목록 제한 패치+셀렉트 박스]


* 링크 부분 셀렉트 박스로 바꾸기 (06.02.12 적용)
[즐겨찾기 셀렉트 박스로]


* 태그 크라우드(구름) 활용하기 (06.02.14 적용)
[kebie님의 태그 구름 활용하기]


* 태그 기능 확장하기 (06.02.14 적용)
[firejune님의 태그 기능 확장하기]


* 이미지 팝업 출력 수정 (06.02.12 적용)
- 창보다 큰 원본 이미지를 마우스로 스크롤할 수 있도록 수정. 이미지 크기에 맞게 창 크기 자동 조절)
[firejune님의 이미지 팝업창 패치]


* 키워드 검색창 설치하고 관리하기
[firejune님의 키워드 관리하기]

* 포스트, 코멘트 등에 New 아이콘 붙이기 (06.02.12 적용)
[신규 글에 New 아이콘 붙이기]

* 글쓰기에 이모티콘 넣기 (06.02.14 적용)
[유진아비님의 테터 글쓰기 이모티콘 추가하기]
Posted by 하루나기™

댓글을 달아 주세요

  1. 하양 구름 2006.01.22 01:52 Address Modify/Delete Reply

    파이어 준 님께 많군요 전 귀찮기도 하고 정식 버전이 나오면 그때나 스킨을 쓱싹 할 생각 그런데 트랙백 카피는 파이어폭스에서 적용이 안되는 군요 흑 ㅜㅜ

    • Favicon of http://tach.ivyro.net/ BlogIcon 하루나기™ 2006.01.22 12:53 Address Modify/Delete

      스킨 만들고는 있는데, 이 스킨으로는 이것저것 테스트를 해보는 거라서요^^
      치환자도 테스트하고, 소스 수정한 것도 테스트해 보구요^^
      개인적으론 킹 레코드 홈페이지가 참 깔끔해 보여서 그런 느낌으로 해볼까 생각 중입니다. 붉은 바탕이...꽤나 맘에 드네요.
      (트랙백 카피..스크립트는 불여우 등을 지원하는 거라던데 적용이 잘 안되네요..^^;)