Today :
Yesterday :
Total :
«   2024/12   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
Archives
Today
Yesterday
Total
관리 메뉴
프로필사진 방명록
Today:     Yesterday:     Total:

호기심 가득! 모지모지!

티스토리 반응형#2 모바일 글쓰기,관리자 아이콘 추가 본문

티스토리 | 내맘대로스킨

티스토리 반응형#2 모바일 글쓰기,관리자 아이콘 추가

2016. 3. 17. 22:02
728x90

오랜만에 블로그를 다시하면서 스킨도 변경해봤습니다.

 

 

 

 

요즘 트랜드에 맞게 티스토리 스킨에도 반응형이....

새로추가된 티스토리 반응형#2 스킨이 깔끔하고 좋아보여서 바꿔봤는데...

아직은 불편한게 몇가지 있더군요.

 

그 중에 직접 몇개를 고쳐봤습니다.

그 중 하나...

모바일화면에서 글쓰기와 관리자모드로 바로 들어갈 수 있는 링크가 없다는 문제...

 

아래는 실력이 부족하지만 변경/추가한 내용입니다.

 

티스토리 반응형#2 스킨 모바일 글쓰기와 관리자 아이콘 추가하기

 

 

 

 

일단 결과화면 부터~

아래쪽 보이시나요?

기본 제공하는 아이콘을 이용해서 표시와 위치만 바꿔봤습니다.

사실 제실력으론 더는 못하겠더군요;ㅋ

 

* 오른쪽 방문자수와 총방문자수 붙이는 방법은 나중에 다시 적어볼게요.^^

 

 

기존 CSS를 복사해서 위의 부분에 넣고 살짝 변경만 했습니다. 다시 말하지만 제가 고수는 아니라서;ㅋ

 

우선 위의 줄 368 근처 보시면  .list_control 이 있습니다.

기존의 list_control이 모바일화면에서는 안보이게 설정이 되어있어서 일단 안먹게 해놓고

 /*
 .list_control {display:none}
 */

 

아래 소스를 그 아래에 붙여넣습니다.

 .list_control {position:fixed;bottom:10px;right:0px;z-index:101; width:100px;}
 .navi_on .list_control {left:auto;margin-left:auto;}
 .list_control li{float:left}
 .list_control .ico_skin {display:block;width:48px;height:40px;margin:0 0;background:url(images/ico_skin.png) 0 0 no-repeat}
 .list_control .link_write {background-position:0 -160px}
 .list_control .link_memo {display:none}
 .list_control .link_rss {display:none}
 .list_control .link_manage {background-position:-150px -160px}

 

참고로 방명록과 RSS는 필요없어뵈서 추가하지 않았습니다. {display:none} <-- 안 보이게끔

 

이제, 저장하면 끝~

 

사실 테스트를 다양하게 못해봤습니다. 어디서 잘못될지는 아직 모르겠어요.

그냥 출퇴근할때 모바일에선 특별히 문제는 없었으나....워낙 기기들이 다양해서....

이상한 점 발견하시면 제보해주세요~^^

 

티스토리 반응형#2 스킨에서 방명록과 댓글에 프로필이미지가 적용안되는 건

스킨 업데이트가 되어야 하는건지 도저히 바꾸는 방법을 모르겠네요.

암튼, 예전보단 좋아진 티스토리군요.

 

 

728x90
댓글달고 친해지기 ()