미투데이의 글배달 기능 셋팅해놨더니 글 정렬이 엉망으로 왔다.

네이버 블로그로는 어떻게 배달되는진 모르겠지만,
티스토리로 배달되는 미투데이 글들은 읽기도 난해하게 배달되어 왔다.

조금 검색을 해보니 나만 그런 문제가 있었던 것은 아니었나보다.

이런저런 블로그들을 눈팅한 끝에 결론은 미투데이에서 배달되어 오는 글들은
몇 가지 태그로 분류되어 있으며, style.css 파일을 수정해 꾸밀 수 있다는 것.

그 과정을 요약하면 다음과 같다.



1) 우선 관리자 페이지로 들어가 CSS 파일을 연다.









2) style.css 의 제일 하단에 아래의 소스코드를 추가한다.


/* me2day style setup */



/* 배달되는 글의 전체 테두리 */

.me2day_daily_digest {

    border:1px solid #eaeaea;

}


.me2day_daily_digest ul {

    margin:0;

    padding:0;

    list-style:none;

    border:1px dotted #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://static1.me2day.com/images/new_sub/img_btn_me2day_icon_purple_c3.gif') no-repeat left 3px;

}


/* 날짜 표시부 옵션 */

.me2day_daily_digest ul li .datetime a {

font-size: 90%;

padding-left: 10px;

color:#5A32B4;

}


/* 미투데이 글 태그 표시부 옵션 */

.me2day_daily_digest ul li .me2_tags {

padding-left: 10px;

font-size: 90%;

color: #BDBDBD;

}


/* 미투데이 글 중 이미지 표시부 옵션 */

.me2day_daily_digest ul li img {

border: 1px dotted #DB9CFF;

margin-left: 50px;

}




이렇게 세팅하면 아래의 포스팅과 같은 모양으로 배달된다.


CSS를 다 설명할 순 없으니, 관련 옵션들은 찾아보시고 본인의 입맛에 맛게 설정해서 

미투데이 글 역시 하나의 예쁜 포스팅이 되도록 꾸며봅시다. :)


저작자표시 비영리

+ Recent posts

티스토리툴바