반응형



    다음뷰가 서비스 종료되면서 그 자리를 '공감'이 차지하게 되었습니다.


    이제 슬슬 다음뷰 버튼들도 공감버튼으로 대체가 될텐데요, 손가락은 구걸했었는데 공감이라고 못할 것 없습니다!

     - 티스토리 다음뷰 손가락 버튼 자리 옮기는 방법 (손가락 구걸 방법이 소개되어있습니다.)



    초기에는 공감버튼에 선택자를 부여해주지 않아서 CSS로 공감버튼 구걸을 하기에 조금 어려움이 있었는데, 언제부턴가 선택자가 부여가되어서 편하게 적용할 수 있게 되었습니다.


    다만 블로그 분위기를 위해 손가락 구걸보다는 점잖은 스타일로 해봤습니다.


    반응형 스킨 모바일에서는 아래와 같이 나타납니다.




    .


    공감 구걸하기

    간단히 HTML/CSS편집에서 CSS아래쪽에 아래 내용을 붙여넣으시면 됩니다.

    .daum_like_wrapper {

    float: right;

    width: 320px;

    position: relative;

    margin-right: 30%;

    }

    .daum_like_wrapper:before {

    white-space: pre;

    content: '잘 보셨나요? 도움이 되셨다면 \a공감 한번 부탁드립니다. ▶';

    position: absolute;

    top: 1.2em;

    left: -6em;

    text-align: right;

    }

    @media screen and (max-width:620px) {

    .daum_like_wrapper {

    float:none;

    width:100%;

    position: relative;

    margin-right:0;

    padding-top:3.5em;

    }

    .daum_like_wrapper:before {

    white-space: pre;

    content: '잘 보셨나요? 도움이 되셨다면 \a공감 한번 부탁드립니다. ▼';

    position:absolute;

    top: 0;left: 0;right:0;

    text-align: center;

    padding-top:1em;

    }

    }


    반응형
    Posted by 뭐하라

    문제가 있나요?(?)

    내용상 오류가 있음 업데이트 필요 화면이 깨짐 기타 수정이 필요함