블로그 서식 공유 #2
손이 많이 가지만 결과물은 뿌듯해요~
달력 다이어리 서식


_다이어리 서식 소개
현재 사용하고 있는 다이어리 서식이에요. 저는 사진에 내부 링크를 걸어서  밑에 있는 텍스트와 연결했는데요. 티스토리에서 내부링크 걸기가 복잡해서 이 서식 추천을 해야할지 말아야 할지.. 암튼 뭔가 특색있는 서식이죠? 사실 이 서식 사용할 때 마다 손은 좀 많이 가지만 하고나면 뿌듯하기도 해요^^; ( 예제 페이지 )

 테이블 상세 속성
테이블 전체 가로길이 : 520 (셀 여백 포함 했을 경우는 530)     
달력 속 이미지 크기 : 70*70 픽셀 (각 칸이 전체 가로길이의 14%)
텍스트 구분 점선줄 : 520*9 픽셀
테이블 크기는 조절 가능해요~



_미리보기
이미지를 클릭하시면 조금 더 큰 사이즈로 보실 수 있습니다.














 
_다운로드
 : 달력(테이블) 소스
 : 1부터 31일까지의 이미지 파일과 점선모양 구분선
  :  포토샵 이미지 파일

다른 블로그에서 이미지 주소를 그대로 사용해도 잘 보이길래 제 블로그의 이미지 절대주소를 그대로 사용했어요. 혹시 필요하실까봐 이미지도 압축 했으니 필요하신분은 가져가세요~



_내부링크 예제
내부링크는 맨 아래 관련글을 참조하시면 되는데요. 제가 이 다이어리를 사용하는 방법을 아래와 같습니다. 

 달력부분에 적용하는 태그 
< TD style="BORDER-RIGHT: #dadada 1px solid;
              BORDER-TOP: #dadada 1px solid;
              BORDER-LEFT: #dadada 1px solid;
              BORDER-BOTTOM: #dadada 1px solid" width="14%" >
< A title = "일기제목"  href = "#diary090328" >
              < IMG src = "http://이미지주소" >
</A>
</TD> 

 일기 본문 부분에 적용하는 태그 
< A name = diary090328 > 여기에 일기를 써요~*



_블로그에 적용하기
html모드에서 소스를 붙여넣기 하신후에 미리보기로 확인하세요. 이미지에 여백이 생기는 경우에는 스킨 → html/css 편집에서 style.css의 맨 밑에 아래 코드를 추가합니다. 서식에 <div class=img_diary>라는 옵션을 주었기 때문에 이미지 사이에 여백이 생기지 않아요.
.img_diary img { border:0px; padding:0 0; }



아무리 생각해도 설명이 너무 복잡하죠? 제가 쓰고도 그렇네요-_ㅠ 위에 써놓은 저런 복잡한 말을 어떻게 이해하라는 거냐!! 하신분들은 아래의 무조건 따라하기를 클릭하세요.흐흐-  '달력 다이어리 서식 적용' 무조건 따라하기!!




오늘도 즐겁고 신나는 하루~ (@≥ㅂ≤@)/

  1. Favicon of http://guseul.me BlogIcon 구슬 :D 2009.04.22 00:54 신고

    정말 좋은 일 하고 계신거 아세요?????
    티스토리가 나서서 해주지 않는 부분들 스킨이나 서식이요~
    이렇게 만들어 배포해주는 고생을 하시는 분이 계시니
    이젠 티스토리 유저가 많아지는 일만 남았어요 ㅎㅎ
    블로그 서식 팀블로그를 만들어 보는건 어떨까요?
    너무 일이 커지나..^^;;

    • Favicon of https://funfungirl.tistory.com BlogIcon 뻔뻔한유네씨 2009.04.22 14:16 신고

      흐흐- 감사해요. 티스토리에서 서식공유 기능을 만들어주면 참 좋을텐데 말이죠. 팀블로그는,, 아무래도 지금 이 블로그를 안정적으로(?) 잘 운영했을 때나 생각해 볼 수 있을 것 같아요. (전 여기 업데이트도 헉헉댄답니다-_ㅋㅋ)

      +)새 곡 녹음하시면 알려주세요. 들으러 갈께요~

  2. Favicon of https://sinnanjyou2009.tistory.com BlogIcon 신난제이유2009 2009.04.22 00:56 신고

    와우, 드디어 공개를!!! 멋집니다!!
    생각했던 것에 비해 은근 복잡하다는 생각도 들지만,
    꼭 잘 사용하도록 할께요. ^ㅁ^ 꺄아꺄아.
    이번주에는 일기장을 장착해 봐야겠어요. 이히히.

    • Favicon of https://funfungirl.tistory.com BlogIcon 뻔뻔한유네씨 2009.04.22 14:18 신고

      그쵸? 이 다이어리가 처음엔 초큼 많이 번거롭긴해요.
      근데 계속 쓰다보면 일기 업데이트 정도는 쉭쉭- 해버려요ㅋㅋㅋ 부디 성공적인 일기장 장착이 되길 바랄께요!!

  3. Favicon of https://kimboram.com BlogIcon 긍정의 힘 2009.04.24 09:19 신고

    우어어어어~이 소스도 공개하시다니!!
    뻔뻔한유네씨님 멋지세용~^-^
    일기 보면서 늘 어떻게 만드셨을까 그랬는데...
    저도 일기 쓰게되면 요고요고 데려다가 쓸께용~♥
    감사합니다~^0^

  4. Favicon of https://nameldk.tistory.com BlogIcon 이름이동기 2009.04.24 09:59 신고

    우와....이런걸 !!!!!!!
    대단하십니다요 ~ ~

  5. Favicon of https://n9704.tistory.com BlogIcon peter.h 2009.06.08 22:19 신고

    좋은 서식 감사합니다 !! 트랙백만 걸고 글을 못남겼네요 ^^;;;

  6. Favicon of http://ellestory.tistory.com BlogIcon Ellestory 2010.01.18 19:34

    우와~! 근근히 티스토리 하면서 아쉬웠던 부분이었는데,
    얼른 해봐야겠어요...^^ 감사합니다.

비밀글 (Serect)
댓글 달기 (Submit)