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

이건 딱히 심플바이올렛 스킨에만 국한된 내용은 아닙니다.
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 하루나기™

댓글을 달아 주세요