موضوع اليوم هو اضافة تخص مشاركة مواضيع مدونتك على مواقع التواصل سوف تفيد الكثير من الذى لديهم مدونات وهذه الإضافة طلبها منى أحد متابعى المدونة منذ وقت وان اليوم اضعها لكل من متابعى المدونة وهذا الإضافة حاليا يستخدمها الكثيرون على مدوناتهم وانا اليوم اسخدمها لن بشكل مختلف بعض الشئ يمكنك معاينة الإضافة من الرابط التالى نمر لشرح التركيب .
أول هذه هى الأكواد التى سوف تحتاجها فى الإضافة عليك تحميلها اذا لم تستطيع نسخها .
تحميل الأكواد
أول هذه هى الأكواد التى سوف تحتاجها فى الإضافة عليك تحميلها اذا لم تستطيع نسخها .
شرح التركيب
- قم بالبحث أولا على هذا الوسم]]>ثم ضع فوقه الكود التالى .
.share-post i {
background: #009688;
color: #fff;
width: 30px;
text-align: center;
height: 30px;
border-radius: 3px;
line-height: 30px;
cursor: pointer;
}
.share-post {
position: absolute;
top: 5px;
right: 5px;
z-index: 99999999;
}
.post-share a i.fa-linkedin {
background: #4A74A0;
}
.post-share a i.fa-google-plus {
background: #CB2027;
}
.post-share a i.fa-twitter {
background: #4099FF;
}
.post-share a i.fa-facebook {
background: #366299;
}
.post-share > a {
display: inline-block;
width: initial;
padding: 0;
background: rgba(255, 255, 255, 0);
}
.post-share a i {
background: #D03F42;
display: block;
color: #fff;
width: 33px;
margin-left: 1px;
height: 33px;
line-height: 33px;
text-align: center;
border-radius: 50%;
}
.post-share.active {
opacity: 1;
visibility: visible;
}
.post-share {
position: absolute;
bottom: 0;
width: 57%;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.95);
line-height: 194px;
text-align: center;
z-index: 99;
transition: 0.3s;
opacity: 0;
visibility: hidden;
margin-top: 0;
}
.posts-thumb {
position: relative;
z-index: 99999;
}
- الأن قم بالبحث عن هذا الوسم