도아님의 "미투데이 팁 미투 로그를 마음대로 꾸미기" 글을 보고 저도 한번 꾸며보고 써봤습니다.

현재 미투로봇이 블로그에 보내는 글의 형식은

<div class="me2day_daily_digest">
   <ul>
      <li>미투에 쓰여진 글<span class="datetime"><a class="datetime">남긴시간</a></span></li>
...
...
   </ul>
   <p>이 글은 <a>닉네임</a>님의 미투데이 <a>날짜</a> 내용입니다</p>
</div>

의 형식으로 되어있습니다.
다시 말해 "div, a, p, ul, li, span, .me2day_daily_digest, .datetime" 들을 적절하게 잘 사용한다면 css로 어느 정도의 모양변화는 가능하단 얘기지요.

css의 자세한 기능은 설명하지 않겠습니다.
사용자 삽입 이미지

현재 제 블로그의 미투데이 글 css부분입니다.

.me2day_daily_digest {
    border:3px solid #eaeaea;
    background:url('images/me2day_icon.jpg') no-repeat right bottom;
}
.me2day_daily_digest ul {
    margin:0;
    padding:0;
    list-style:none;
    border:1px solid #cdcdcd;
}
.me2day_daily_digest li {
    margin:0 5px;
    padding:0 0 0 20px;
    list-style:none;
    line-height:200%;
    border-bottom:1px dotted #cdcdcd;
    background:url('http://me2day.net/images/me2day_icon.gif') no-repeat left 3px;
}
.me2day_daily_digest span.datetime,
.me2day_daily_digest p {
    display:none
}

사용자 삽입 이미지
@ 07. 05. 10
 - 불필요한 css삭제 및 재점검
 - background 이미지 첨부


  1. css 살짝 도용(!)하겠습니다.;;

    2007.05.05 11:37 신고 [ ADDR : EDIT/ DEL : REPLY ]
  2. 저도 살짝 빌리겠습니다.. ;;; ^^;;

    2007.05.07 09:31 신고 [ ADDR : EDIT/ DEL : REPLY ]
  3. 너무 멋지네요. 저도 갖고 갑니다~ +_+

    2007.05.07 10:01 신고 [ ADDR : EDIT/ DEL : REPLY ]
  4. 너무 멋져서 저도 도용합니다.. ^^

    2007.05.07 10:19 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 물론입니다~ 맘껏 사용하세요..ㅎㅎ
      그게 오히려 제겐 즐거움..

      2007.05.07 12:25 신고 [ ADDR : EDIT/ DEL ]

댓글을 달아 주세요