한눈에스킨 접은글(더보기) CSS 꾸미기

 

현재 사용하고 있는 #한눈에스킨의 접은글 기능은 

단순히 더보기 회색 텍스트로만 보여서 티가 나지 않았어요 

 

 

참고글 : 

 

티스토리 꾸미기 | 북클럽 스킨 접은글[더보기] 버튼 꾸미기(최신버전)

접은글(더보기) 버튼 꾸미기티스토리에서 기본 제공하는 접은글은 가독성과 미적 측면에서 부족할 수 있습니다. 또한 본문과 접은 글의 경계가 불분명한 문제가 있습니다. 따라서, 접은 글의 CSS

galam.tistory.com

 

 

기존 더보기 css 에서  새로운 css를 추가해야했는데

아무리   검색해도 btn , moreless 등 조회해도 나오지 않았어요.. 

비슷한 단어들을 검색해봐도 찾지 못했고 

 

 

btn관련한 코드도 조회해봤습니다. 

하지만 건들 수 없었죠..모르니까^.ㅠ 

.container_postbtn .btn_menu_toolbar .txt_state{
	display: flex;
	padding-left: 5px;
}
.container_postbtn .txt_state::before{
	content: "\e866";
  font-family: "Material Icons Outlined";
	font-size: 18px;
  margin-right:2px;
}
.container_postbtn .btn_menu_toolbar {
	height:40px !important;
}
.container_postbtn .postbtn_like {
	display:inline-block;
	border: 0px !important;
	padding: 0px !important;
}
.container_postbtn .btn_post {
	height:40px !important;
	padding:0 5px !important
}
.container_postbtn {
	padding-bottom:15px !important;
	visibility: hidden;
}
.container_postbtn button {
	outline-style: none !important;
}

.container_postbtn .postbtn_ccl {
	float:none !important;
	position:absolute !important;
	right:0 !important;
	top:50% !important
}

 

 


에잇 모르겟다 하고 붙여넣기 했더니, 

정상적으로 접은글(더보기) 버튼이 나왔어요...  

 

다음부터는 스킨 저장해두고 없는 부분이 있다면 한번 붙여넣기 해볼까 싶기도 합니다. 

 

오늘의 배운것 : 접은글(더보기) moreless 

 

 

 

더보기

접은 글

moreless 배웠다.... 

 

 

 

<script language=javascript> <!-- var message=""; function clickIE() { if (document.all) { (message);return false;} } function clickNS(e) { if (document.layers||(document.getElementById&&!document.all)) { if (e.which==2||e.which==3) {(message);return false;}} } if (document.layers){ document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;} else{ document.onmouseup=clickNS;document.oncontextmenu=clickIE;} document.oncontextmenu=new Function("return false") // --> </script>