رفتن به مطلب

منوی شناور دکمه های تماس و شبکه های مجازی


پست های پیشنهاد شده

عرض سلام و خداقوت خدمت همه دوستان و اساتید گرامی

یه مورد که خیلی این روز ها نیاز هست ، دکمه های شناور یا تماس مستقیم یا دکمه شبکه های مجازی هست

میخواستم ببینم از اساتید و دوستان عزیز کسی میدونه این سایت از چه افزونه یا کدی جهت نمایش دکمه های شناورش استفاده میکنه ؟ 

battri.com 

سمت چپ سایت رو ببینید

ممنون میشم راهنمایی کنید

ویرایش شده توسط Hassan Hesampour
لینک به ارسال

سلام

سوال اینه که میخواید آدرس شبکه اجتماعی خودتون رو بذارید یا اینکه کاربراتون بخوان مطالب سایتتون رو در شبکه های اجتماعی به اشتراک بذارن؟

اگر فقط میخواید آدرس خودتون رو به اشتراک بذارید که با یک کد ساده html میشه انجام داد مثال

<ul>
  <li><a href="#">instagram</a></li>
  <li><a href="#">Telegram</a></li>
  <li><a href="#">...</a></li>
</ul>

اگر هم بخواید کاربران به اشتراک بذارن هم با کد میشه ولی خب باید ادرس اشتراک گذاری تک تک شبکه های اجتماعی رو بدونید

مثال

<!-- Facebook -->
<a href="http://www.facebook.com/sharer.php?u=http://www.example.com" target="_blank">Share to FaceBook</a>

<!-- Twitter -->
<a href="http://twitter.com/share?url=http://www.example.com&text=Simple Share Buttons&hashtags=simplesharebuttons" target="_blank">Twitter</a>

<!-- Google+ -->
<a href="https://plus.google.com/share?url=http://www.example.com" target="_blank">Google+</a>

<!-- Digg -->
<a href="http://www.digg.com/submit?url=http://www.example.com" target="_blank">Digg</a>

<!-- Reddit -->
<a href="http://reddit.com/submit?url=http://www.example.com&title=Simple Share Buttons" target="_blank">Reddit</a>

<!-- LinkedIn -->
<a href="http://www.linkedin.com/shareArticle?mini=true&url=http://www.example.com" target="_blank">LinkedIn</a>

<!-- Pinterest -->
<a href="javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());">Pinterest</a>

<!-- StumbleUpon-->
<a href="http://www.stumbleupon.com/submit?url=http://www.example.com&title=Simple Share Buttons" target="_blank">StumbleUpon</a>

<!-- Email -->
<a href="mailto:?Subject=Simple Share Buttons&Body=I%20saw%20this%20and%20thought%20of%20you!%20 http://www.example.com">Email</a>

<!-- Pinterest -->
<a href="http://pinterest.com/pin/create/button/?url={URI-encoded URL of the page to pin}&media={URI-encoded URL of the image to pin}&description={optional URI-encoded description}" class="pin-it-button" count-layout="horizontal">
    <img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" />
</a>

 این مورد هم به کارتون میاد

https://github.com/bradvin/social-share-urls/

و اگر برای اشتراک گذاری از افزونه استفاده کنید

https://wordpress.org/plugins/shared-counts/
https://wordpress.org/plugins/sassy-social-share/
https://wordpress.org/plugins/add-to-any/
https://wordpress.org/plugins/wp-to-buffer/
https://wordpress.org/plugins/simple-social-icons/
https://wordpress.org/plugins/social-icons-widget-by-wpzoom/

افزونه های زیادی موجوده کافیه جستجو کنید

لینک به ارسال

ممنون از پاسخگوییتون

مهندس جان شما اون سایتی که من معرفی کردم رو دیدید ؟ 

بی زحمت یه نگاه به سایتش بندازید

سمت چپ صفحه دکمه های شناور رو ببینید

من دقیقا یه همچین چیزی میخوام ، شما بی زحمت یه چک کنید متوجه منظورم میشید.

لینک به ارسال
در 58 دقیقه قبل، Hassan Hesampour گفته است :

ممنون از پاسخگوییتون

مهندس جان شما اون سایتی که من معرفی کردم رو دیدید ؟

بله چک کردم

این یک نمونه هست

فقط باید استایل دهی رو تغییر بدید

https://codepen.io/karloespiritu/pen/pJNRqV

 

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...