토론방

소스관련 카카오톡 공유 이미지 변경에 관한 질문

가장 하단에 카카오톡 공유 이미지 변경을 하고자 합니다.

어떻게 진행해야 하는지 알려주시길 바랍니다.

게시글 공유 URL복사
댓글[1]

열기 닫기

  • P**M 2016-04-05

    카카오톡 이미지에 대한 정의가 되어있지 않습니다. 

    하단 sns 쪽에 고급자용 소스를 여시면 

    <style>
    .sns_share_33263_ {display:block;}
    .sns_share_33263_:after {content:''; display:block; clear:both;}
    .sns_share_33263_ ul {margin:0; padding:0; list-style:none; font-size:0;}
    .sns_share_33263_ li {display:inline-block; overflow:hidden; position:relative; height:40px; padding:10px 0; font-size:0; text-align:center;}
    .sns_share_33263_ li.first-child {display:none;}
    .sns_share_33263_ li p { height:40px; line-height:40px; margin:0; padding:0 10px; font-size:16px; color:#ffffff; vertical-align:middle;}
    .sns_share_33263_ li p span {color:{$farm_skin_set[color]};}
    .sns_share_33263_ li a {display:block; height:40px; line-height:40px; padding:0 5px; font-size:13px; font-family:arial; text-decoration:none;}
    .sns_share_33263_ li a span {display:none; padding:0 10px; color:#888;}
    .sns_share_33263_ li a i {
        display:inline-block; vertical-align:top; width:40px; height:40px; margin:0 3px; padding:0; border:none; text-indent:-9999px;
        background:url('/img_up/shop_pds/ereimom/design/farm_contents_img/sns_ico@1x.png');
        background-repeat:no-repeat;
    }
    @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
        .sns_share_33263_ li a i {
            background:url('/img_up/shop_pds/ereimom/design/farm_contents_img/sns_ico@2x.png');
            background-size:300px 300px;
        }
    }

    .sns_share_33263_ li .facebook_33263_ {background-position:0px -120px;}
    .sns_share_33263_ li .twitter_33263_ {background-position:-40px -120px;}

    @media (min-width:102*px){
        .sns_share_33263_ li {display:inline-block; position:relative; width:25%;}
        .sns_share_33263_ li.first-child {display:inline-block;}
        .sns_share_33263_ li:after {content:''; display:block; position:absolute; right:0; top:0; width:0; height:100%; border-left:1px solid #666; opacity:.5;}
        .sns_share_33263_ li:first-child:before {content:''; display:block; position:absolute; left:0; top:0; width:0; height:100%; border-right:1px solid #666; opacity:.5;}
        .sns_share_33263_ li a span {display:inline-block;}
    }

    @media \0screen{
        .sns_share_33263_ li {display:inline-block; position:relative; width:25%;}
        .sns_share_33263_ li.first-child {display:inline-block;}
        .sns_share_33263_ li:after {content:''; display:block; position:absolute; right:0; top:0; width:0; height:100%; border-left:1px solid #666; opacity:.5;}
        .sns_share_33263_ li:first-child:before {content:''; display:block; position:absolute; left:0; top:0; width:0; height:100%; border-right:1px solid #666; opacity:.5;}
        .sns_share_33263_ li a span {display:inline-block;}
    }
    </style>

    <div class="sns_share_33263_">
        <ul>
          <li>
          <a href="javascript:kakao_api_link('이레아이맘 소개합니다.','/img_up/shop_pds/ereimom/design/app_img/ereimom_img.png','추천사이트','/page/main')">
                  <i class="kakao_33263_"></i>
                <span>카카오톡</span>
            </a></li>

            <li><a href="#" onclick="sendFaceBook('{$shop_name}')"><i class="facebook_33263_"></i><span>페이스북</span></a></li>
            <li><a href="#" onclick="sendTwitter('{$shop_name}')"><i class="twitter_33263_"></i><span>트위터</span></a></li>
        </ul>
    </div>

     

    이런 소스가 나오는데요.. 

    여기에 대한 클래스가 정의가 되어있지 않습니다.

    상단에 파란색 부분에 카카오톡에 대한 정의가 있어야 됩니다. 

     

    파란색 부분에

    .sns_share_33263_ li .kakao_33263_ {background-position:-1600px -120px;}

    이 소스를 삽입을 하시면 제대로 보여지실겁니다. 

     

    감사합니다. 

댓글작성

열기 닫기

댓글작성
top