티스토리, 공유버튼 꾸미기~

 

   

 

 

Only 아이콘 & 중앙 정렬!

 

 

 

 

 

 

Demo & Code

 

 

[Demo] 티스토리, 공유버튼 꾸미기

 

 

/* Javascript */

function _0x509d(){var _0x3eb0d7=['querySelectorAll','forEach','4PvBoCS','페이스북으로\x20공유하기','addEventListener','9nstZxy','innerText','카카오톡으로\x20공유하기','12jxzqVZ','3196692WLaREy','setAttribute','315158YcrNkQ','2116077DAUEVd','44488037bBoLRQ','1186415kBwAsv','2ApGlPV','13119992RzWtuZ','21PYsNYs','카카오스토리로\x20공유하기','URL\x20복사하기','1141670RSNEZv','title'];_0x509d=function(){return _0x3eb0d7;};return _0x509d();}var _0x1c6b08=_0x19bb;function _0x19bb(_0x28d863,_0x514376){var _0x509d09=_0x509d();return _0x19bb=function(_0x19bba0,_0x548c88){_0x19bba0=_0x19bba0-0xfd;var _0x354a16=_0x509d09[_0x19bba0];return _0x354a16;},_0x19bb(_0x28d863,_0x514376);}(function(_0x314b8b,_0x5e73cd){var _0x2b4cf4=_0x19bb,_0x37d62d=_0x314b8b();while(!![]){try{var _0xa175d4=parseInt(_0x2b4cf4(0x109))/0x1*(-parseInt(_0x2b4cf4(0x105))/0x2)+parseInt(_0x2b4cf4(0x106))/0x3+parseInt(_0x2b4cf4(0x112))/0x4*(-parseInt(_0x2b4cf4(0x108))/0x5)+-parseInt(_0x2b4cf4(0x103))/0x6*(parseInt(_0x2b4cf4(0x10b))/0x7)+parseInt(_0x2b4cf4(0x10a))/0x8*(-parseInt(_0x2b4cf4(0xff))/0x9)+-parseInt(_0x2b4cf4(0x10e))/0xa+-parseInt(_0x2b4cf4(0x107))/0xb*(-parseInt(_0x2b4cf4(0x102))/0xc);if(_0xa175d4===_0x5e73cd)break;else _0x37d62d['push'](_0x37d62d['shift']());}catch(_0x498b0e){_0x37d62d['push'](_0x37d62d['shift']());}}}(_0x509d,0xce3e5),document[_0x1c6b08(0xfe)]('DOMContentLoaded',function(){setTimeout(()=>{var _0x5caf97=_0x19bb;document[_0x5caf97(0x110)]('#tistorySnsLayer\x20.bundle_post\x20a')[_0x5caf97(0x111)](function(_0x3160db,_0x529edd){var _0x41d7ef=_0x5caf97;_0x3160db[_0x41d7ef(0x100)]='';switch(_0x529edd){case 0x0:_0x3160db['setAttribute'](_0x41d7ef(0x10f),_0x41d7ef(0xfd));break;case 0x1:_0x3160db[_0x41d7ef(0x104)](_0x41d7ef(0x10f),_0x41d7ef(0x101));break;case 0x2:_0x3160db[_0x41d7ef(0x104)](_0x41d7ef(0x10f),_0x41d7ef(0x10c));break;case 0x3:_0x3160db[_0x41d7ef(0x104)]('title','트위터로\x20공유하기');break;case 0x4:_0x3160db[_0x41d7ef(0x104)]('title',_0x41d7ef(0x10d));break;}});},0x3e8);}));

 

 

/* CSS */

#tistorySnsLayer { border-radius:3px; left:50% !important; transform:translateX(-50%) !important; }
#tistorySnsLayer .bundle_post { width:auto; height:auto; padding:16px }
#tistorySnsLayer .bundle_post a span { background: none; }
#tistorySnsLayer .bundle_post a:hover { background: none }
#tistorySnsLayer .bundle_post .ico_postbtn.ico_arrbt { left: 50% !important; transform: translateX(-50%) !important }
#tistorySnsLayer .bundle_post a { display: initial }

/* 아이콘 폰트를 적용하거나 */
#tistorySnsLayer .bundle_post a { font-family:icomoon !important; font-size:24px !important; color:#151515 }
#tistorySnsLayer .bundle_post a:nth-child(1):before { ... }
#tistorySnsLayer .bundle_post a:nth-child(2):before { ... }
#tistorySnsLayer .bundle_post a:nth-child(3):before { ... }
#tistorySnsLayer .bundle_post a:nth-child(4):before { ... }
#tistorySnsLayer .bundle_post a:nth-child(5):before { ... }

/* 기존의 방식처럼 백그라운드 이미지를 적용하거나 */
#tistorySnsLayer .bundle_post a:nth-child(1):before { background: url(...) no-repeat; }
#tistorySnsLayer .bundle_post a:nth-child(2):before { ... }
#tistorySnsLayer .bundle_post a:nth-child(3):before { ... }
#tistorySnsLayer .bundle_post a:nth-child(4):before { ... }
#tistorySnsLayer .bundle_post a:nth-child(5):before { ... }