리뷰/어플,모바일,인터넷

마크쿼리 홈페이지가 사라졌네요. 반응형 티스토리 skeleton 설정하는 법

GeoffKim 2015. 3. 3. 07:28

마크쿼리 홈페이지가 사라졌네요.

그 때문인지 최근 배포한 반응형 웹 스킨은 엄청나게 느립니다.

새 버전 적용 안하시는 것을 강추합니다.

거의 모래시계만 나오고 뜨지를 않습니다.

그때문에 그동안 어렵게 만들어 놓은 것이 다 사라지고 ㅜㅜ

q&a에서 보고 하나씩 따라했던 것들도 지금은 찾을 수가 없어서

아주 답답한 심정입니다.



일단 급한대로 잘 설명해놓은 곳을 링크합니다.




반응형 Skeleton 스킨 수정하기 (4) - 본문 좌,우 여백 조정하기


http://pgtyman.tistory.com/entry/반응형-Skeleton-스킨-수정하기-4-본문-좌우-여백-조정하기



반응형 Skeleton 스킨 수정하기 (1) -블로그 타이틀 만들기, 본문 폭 조절


http://pgtyman.tistory.com/entry/Skeleton-스킨-수정하기-1





반응형 Skeleton 스킨 수정하기 (2)- 본문타이틀 수정변경 및 네비게이션바 고정및 수정


http://pgtyman.tistory.com/entry/반응형-Skeleton-스킨-수정하기-2








마크쿼리 3.0.5ver 스킨 서치바, 상단바, 쇼셜아이콘, 옵션바를 상단바로 옮겨보자


http://dreamingdean.tistory.com/64






타이틀 커버 cover 이미지를 눌렀을 때 홈으로 가게 만드는 법



<figure class="cover"> 부분에 <figure class="cover" onclick="mylink('https://cultpd.com/');"> 색칠된 부분을 추가합니다.


그리고 html코드 제일 하단으로가서 </s_t3> 태그위에


<script type="text/javascript">

    function mylink(home){

    window.location.href = home;}

</script>


이 자바스크립트를 추가해줍니다. 


추가로 커버이미지에 마우스를 올렸을때 손가락 표시를 해주고 싶으시다면 

css부분에 .cover 를 찾아 cursor:pointer; 를 추가해주시면 됩니다.






다음으로 커버이미지가 첫화면에서만 표시되고 그 다음부터는 보이지 않는데

모든 페이지에서 커버 이미지가 나오게 하려면



  .skeleton-mid-banner { padding: 50px 15px 0; }

바로 아랫줄에

  .skeleton-header { display:block;  }

추가하시면 됩니다.



아래와 같이 none으로 된 것을 block로 바꿔주면 커버가 나옵니다!!!


.skeleton-header {

   display:none;

  *padding:0 20px;

  *border-left:1px solid #ccc;

  *border-right:1px solid #ccc;

  background-color: #fff; 

  z-index:1000;