با این ماژول، شما می توانید این امکان را در اختیار کاربران قرار دهید تا مطالب وب سایت شما را با دوستانشان در فیس بوک، توییتر و ... به اشتراک بگذارند.
دانلود
آموزش نصب
1- فایل استایل (style.css) خود را باز کنید و در انتهای آن اضافه کنید :
2- فایل main.tpl قالب خود را باز کنید
کد زیر را پیدا کنید:
3- فایل shortstory.tpl و fullstory.tpl قالب خودتان را باز کنید و کد زیر را در ابتدای آن قرار دهید :
4- فایل social.js داخل فایل ضمیمه شده را باز کنید (همان فایلی که داخل ضمیمه بود و به دایرکتوری js درون قالب خود قرار دادید) و به دنبال کلمه " Default " بگردید و آن را با نام قالب خود عوض کنید (نام قالب شما، همان نام دایرکتوری است که محتوای قالبتان در درون آن قرار دارد. می توانید نام آن را در تنظیمات مدیریت نیز مشاهده کنید).
#social {
position: fixed;
top: 150px;
left: 0;
overflow:hidden;
width:24px;
height:330px;
opacity: 0.55;
background: #F3F8FC;
padding: 6px 6px 0;
border: 1px solid #CFDEEF;
border-left: none;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
-webkit-box-shadow: inset -1px 1px 0 #FFF, inset 0 -1px 0 #FFF;
-moz-box-shadow: inset -1px 1px 0 #FFF, inset 0 -1px 0 #FFF;
box-shadow: inset -1px 1px 0 #FFF, inset 0 -1px 0 #FFF;
}
#social_block {
position: absolute;
}
#social:hover {
opacity: 1;
}
#social a {
float: left;
width: 24px;
height: 24px;
margin: 0 6px 6px 0;
}
position: fixed;
top: 150px;
left: 0;
overflow:hidden;
width:24px;
height:330px;
opacity: 0.55;
background: #F3F8FC;
padding: 6px 6px 0;
border: 1px solid #CFDEEF;
border-left: none;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
-webkit-box-shadow: inset -1px 1px 0 #FFF, inset 0 -1px 0 #FFF;
-moz-box-shadow: inset -1px 1px 0 #FFF, inset 0 -1px 0 #FFF;
box-shadow: inset -1px 1px 0 #FFF, inset 0 -1px 0 #FFF;
}
#social_block {
position: absolute;
}
#social:hover {
opacity: 1;
}
#social a {
float: left;
width: 24px;
height: 24px;
margin: 0 6px 6px 0;
}
2- فایل main.tpl قالب خود را باز کنید
کد زیر را پیدا کنید:
</head>
قبل کد بالا کد زیر را قرار دهید:<script type="text/javascript" src="{THEME}/js/social.js"></script>
3- فایل shortstory.tpl و fullstory.tpl قالب خودتان را باز کنید و کد زیر را در ابتدای آن قرار دهید :
<div id="social">
<div id="social_block">
<script type="text/javascript">
social();
</script>
</div>
</div>
<div id="social_block">
<script type="text/javascript">
social();
</script>
</div>
</div>
4- فایل social.js داخل فایل ضمیمه شده را باز کنید (همان فایلی که داخل ضمیمه بود و به دایرکتوری js درون قالب خود قرار دادید) و به دنبال کلمه " Default " بگردید و آن را با نام قالب خود عوض کنید (نام قالب شما، همان نام دایرکتوری است که محتوای قالبتان در درون آن قرار دارد. می توانید نام آن را در تنظیمات مدیریت نیز مشاهده کنید).
تصاویر