[이윰] SNS 아이콘 툴팁 추가와 효과 바꾸기

페이지 정보

루루아빠 3,462 2015.10.01 21:09

평점

  • 평점 : 0점 (0명 참여)

본문

각 스킨/sns.skin.html 을 열어 다음과 같이 수정한다.

수정 전

<ul class="board-view-sns social-icons social-icons-color">
    <li><a href="{_facebook_url}" target="_blank" data-original-title="Facebook" class="rounded-x social_facebook"></a></li>
    <li><a href="{_twitter_url}" target="_blank" data-original-title="Twitter" class="rounded-x social_twitter"></a></li>
    <li><a href="{_gplus_url}" target="_blank" data-original-title="Google Plus" class="rounded-x social_googleplus"></a></li>
    <!--{? C.G5_IS_MOBILE && config.cf_kakao_js_apikey}-->
    <li><a href="javascript:kakaolink_send('{_sns_msg}', '{_longurl}');" data-original-title="Kakao" class="rounded-x social_kakao"></a></li>
    <!--{/}-->
    <li><a href="{_kakaostory_url}" target="_blank" data-original-title="Kakao Story" class="rounded-x social_kakaostory"></a></li>
    <li><a href="{_band_url}" target="_blank" data-original-title="Band" class="rounded-x social_band"></a></li>
</ul>
수정 후

<!-- <ul class="board-view-sns social-icons social-icons-color"> --><!-- 루루아빠 수정 / 원본 -->
<ul class="board-view-sns social-icons">
    <li class="tooltips" data-placement="top" data-toggle="tooltip" data-original-title="페이스북"><a href="{_facebook_url}" target="_blank" data-original-title="Facebook" class="rounded-x social_facebook"></a></li>
    <li class="tooltips" data-placement="top" data-toggle="tooltip" data-original-title="트위터"><a href="{_twitter_url}" target="_blank" data-original-title="Twitter" class="rounded-x social_twitter"></a></li>
    <li class="tooltips" data-placement="top" data-toggle="tooltip" data-original-title="구글+"><a href="{_gplus_url}" target="_blank" data-original-title="Google Plus" class="rounded-x social_googleplus"></a></li>
    <!--{? C.G5_IS_MOBILE && config.cf_kakao_js_apikey}-->
    <li class="tooltips" data-placement="top" data-toggle="tooltip" data-original-title="카카오"><a href="javascript:kakaolink_send('{_sns_msg}', '{_longurl}');" data-original-title="Kakao" class="rounded-x social_kakao"></a></li>
    <!--{/}-->
    <li class="tooltips" data-placement="top" data-toggle="tooltip" data-original-title="카카오스토리"><a href="{_kakaostory_url}" target="_blank" data-original-title="Kakao Story" class="rounded-x social_kakaostory"></a></li>
    <li class="tooltips" data-placement="top" data-toggle="tooltip" data-original-title="밴드"><a href="{_band_url}" target="_blank" data-original-title="Band" class="rounded-x social_band"></a></li>
</ul>

 
추천인
  • 추천해 주세요
6
루루아빠 - 회원등급 : 최고관리자 - 포인트 : 1,294,164
레벨 97
경험치 1,397,066

Progress Bar 1%

- 가입일 : 2015-03-04 03:24:54
- 서명 : KNOW YOUR LIMITS BUT NEVER STOP TRYING TO EXCEED THEM !!
- 자기소개 : 루루의 자랑 루루아빠랍니다~~

댓글

첫 번째 댓글을 남겨 주세요

Total 7482638 페이지
제목 글쓴이 날짜 조회 추천
그누•영카트  🏆 영카트 5.3.2.8 shadow2fox 2019.03.19 2,068 0
그누•영카트  🏆 영카트 5.1.14 패치 루루아빠 2016.03.08 2,457 0
이윰  🏆 Eyoom Builder 3.0.9 패치 shadow2fox 2019.03.25 2,445 0
CSS  🏆 div 클래스에 :last-child css 스타일 적용하기 루루아빠 2016.03.15 2,239 0
그누•영카트  🏆 영카트 5.3.2.8.1 shadow2fox 2019.04.23 2,036 0
그누•영카트  🏆 첨부 이미지 가운데로 정렬하기 루루아빠 2015.04.23 2,721 0
jQuery  🏆 Theia Sticky Sidebar 사용시 모달(modal)이 사이드바 아래로 내려가는 문제 해결하기 루루아빠 2016.03.16 3,493 0
이윰  🏆 일반 회원과 특정 레벨 회원을 나타내는 변수 루루아빠 2015.04.23 2,734 0
에디터  🏆 smarteditor2 로 사진 첨부시 에디터 크기에 맞게 리사이즈 루루아빠 2015.04.23 3,342 0
이윰  🏆 게시글 보기시 본문에 포함된 주석 감추기 shadow2fox 2019.05.01 1,880 0
이윰  🏆 이윰 조건문 변수 모음 루루아빠 2015.04.23 2,772 0
그누•영카트  🏆 그누보드 5.1.15 패치 루루아빠 2016.03.21 3,089 0
그누•영카트  🏆 영카트 5.1.15 패치 루루아빠 2016.03.21 2,568 0
이윰  🏆 내글반응 페이지 내 전체 선택 체크박스 올바르게 적용하기 shadow2fox 2019.05.06 2,012 0
에디터  🏆 CKeditor4.x 에디터 상 엔터를 쉬프트+엔터 바꾸기 루루아빠 2015.04.24 3,171 0
이윰  🏆 글 작성시 익명으로만 글 작성하게 하기 루루아빠 2016.03.29 2,812 0
이윰  🏆 메인일때만 사이드 레이아웃을 없애기 루루아빠 2015.04.24 2,666 0
이윰  🏆 Eyoom Builder 1.2.3 패치 루루아빠 2016.03.29 2,913 0
에디터  🏆 CKeditor4.x 에 폰트 추가하기 루루아빠 2015.04.28 3,147 0
이윰  🏆 Eyoom Builder 1.2.4 패치 루루아빠 2016.04.23 2,488 0