애니빌드.LAB
토론방
소스관련 카카오톡 공유 이미지 변경에 관한 질문
- 장**석
- 2016-04-05 12:03:00
- hit3348
- http://lab.anybuild.co.kr/bbs/qna/5342
가장 하단에 카카오톡 공유 이미지 변경을 하고자 합니다.
어떻게 진행해야 하는지 알려주시길 바랍니다.
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
카카오톡 이미지에 대한 정의가 되어있지 않습니다.
하단 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;}
이 소스를 삽입을 하시면 제대로 보여지실겁니다.
감사합니다.