본문 바로가기
도움되는이야기/티스토리 블로그

티에디션 반응형스킨 삽입소스

by XaXo 2018. 6. 3.
반응형

현재 사용중인 엠원스토리 님의 반응형 스킨


프롤로그 메인화면 설정을 오늘 했는데 티에디션 편집을 하면서 반응형스킨 티에디션 삽입소스가 매번 수정시마다 필요해서 저장용 작성 ㅎㅎ




일단 티에디션 수정으로 프롤로그 생성까지 했는데 이거 카테고리별로 분리하려니깐 꽤 귀찮음....ㅠㅠ

근데 이렇게 썸네일처럼 보이게 만들고 나니깐 썸네일정리도 해야하는거 아닌가 싶은데 .......


어쩐다......


일단 반응형스킨 티에디션 삽입소스는 하단으로 저장



<style type="text/css">

div#ttCanvas div.tt-panel {padding-top: 10px !important;}

#ttCanvas {width:100% !important;}

#ttCanvas li {padding-bottom: 0 !important;}

#ttCanvas .tt-span-12 .tt-post-title { height:40px; margin:0;}

#ttCanvas .tt-item-title {background:#e5e6e8;padding:5px;}

#ttCanvas .tt-item-title-inner {color:#333 !important; font-size:18px !important;}

#ttCanvas h3.title {font-size: 20px;font-weight: bold;padding-top: 3px;padding-left: 10px;margin-bottom: 5px;margin-top: 5px;}

#ttCanvas .tt-span-12 .tt-post-date {color:#999999 !important;}

#ttCanvas .tt-span-12 .tt-post-summary {padding:0; margin:0; }

#ttCanvas .tt-span-12 .tt-post-comment {color:#999999;}

#ttCanvas .tt-span-12 .tt-post-category {margin-top:4px !important; margin-bottom:10px !important;}

#ttCanvas .tt-span-12 .tt-post-category a {color:#008ae8 !important;}

#ttCanvas .tt-span-6 { width: 354px !important; }

#ttCanvas .tt-span-12 { width: 100% !important; }

@media only screen and (max-width: 1062px) 

{

#ttCanvas .tt-span-6 { width:100% !important; }

#ttCanvas .tt-span-12 { width:100% !important; }

#ttCanvas .tt-span-6 {margin:10px 0 0 0; padding-bottom: 0 !important; border-bottom:1px solid #eeeeee;}

}

</style>

반응형