محتاجة عناصر مستقلة

انا شايفة هنا فى الدعم عناصر حلوة اوى وانا عايزة اركبها عندى فى موقعى

عنصر  أحلى الشبكات الإجتماعية

عنصر  جوجل  وتويتر  وفيس بك

عايزة عنصر اظهار علية الدردشة للزوار

كيف اعرف الزائر ان فية غرفة دردشة فى الموقع

اين الرد

اين الرد

الله كريم  ان شاء الله يردوو

واحدة واحدة اختى

كل سؤال لوحده

يعنى ضعى سؤال واحد وانتظرى اجابتة  ثم قومى بتطبيقة على موقعك ثم ما يلية

لماذا ؟؟

حتى لا يؤثر على استايل موقعك بحيث يتم القضاء على كل عيب ليكون الاستايل متقن التنفيذ  وشكرا

طيب فين المساعدة حد يرد ويجيب واحدة واحدة

اين الرد

اين العناصر

مرحباً أختي
المتوفر حالياً تفضلي
https://help.ahlamontada.com/t1079583-topic
https://help.ahlamontada.com/t1033375-topic
https://help.ahlamontada.com/t785884-topic
https://help.ahlamontada.com/t1041249-topic
https://help.ahlamontada.com/t727119-topic
https://help.ahlamontada.com/t929813-topic
https://help.ahlamontada.com/t827634-topic
https://help.ahlamontada.com/t995370-topic

تمام انا عايزة دة  https://help.ahlamontada.com/t995370-topic

بس دة للفيس بس على عايزة جوجل وتويتر مثلة

اهلا اختي تفضلي القالب كامل تضيفينه كعنصر مستقل

الكود:


<style>
#follow_fdf {
    float: right;
    height: 40px;
    padding: 5px;
}
.social-button {
    background: rgba(0, 0, 0, 0.3) url("http://i18.servimg.com/u/f18/18/21/41/30/fa_fol12.png") no-repeat scroll 0 0;
    border-radius: 3px;
    display: inline-block;
    height: 32px;
    margin: 3px;
    transition: background-color 250ms ease 0s;
    width: 32px;
}
.social-button:hover {
    background-color: #000;
}
.social-button.fb-but {
    background-position: 0 0;
}
.social-button.fb-but:hover {
    background-color: #3b5998;
}
.social-button.tw-but {
    background-position: -32px 0;
}
.social-button.tw-but:hover {
    background-color: #5ea9dd;
}
.social-button.gp-but {
    background-position: -64px 0;
}
.social-button.gp-but:hover {
    background-color: #dd4b39;
}
.social-button.pi-but {
    background-position: -96px 0;
}
.social-button.pi-but:hover {
    background-color: #bb0000;
}
.social-button.yt-but {
    background-position: -128px 0;
}
.social-button.yt-but:hover {
    background-color: #e52c27;
}
.social-button.rs-but {
    background-position: -160px 0;
}
.social-button.rs-but:hover {
    background-color: #faa21b;
}
</style>
<div id="follow_fdf"><a class="social-button fb-but" href="https://www.facebook.com/" target="_blank" title="Facebook"></a><a class="social-button tw-but" href="https://twitter.com/" target="_blank" title="Twitter"></a><a class="social-button gp-but" href="https://plus.google.com/" target="_blank" title="Google+"></a><a class="social-button yt-but" href="https://www.youtube.com/user/" target="_blank" title="Youtube"></a><a class="social-button rs-but" href="/feed/?f=1" target="_blank" title="Update Feed"></a></div>