Trädvy Permalänk
Medlem
Registrerad
Dec 2012

Dela-knappar

Håller på med en sida som ska ha dela-knappar, går det att göra om det här så knapparna finns med på alla sidor men när man delar den så delar den just den sidan den är på? ..ugh, förklara. Just nu delar den ju en specifik sida, om knapparna är på alla sidor nu så kommer den fortfarande dela den specifika sidan, jag vill att den delar sidan knapparna visas på.
Så man slipper skriva in Dela-knapparna på varje sida var för sig och skriva in URL:erna själv.

<style type="text/css"> #share-buttons img { width: 35px; padding: 5px; border: 0; box-shadow: 0; display: inline; } </style> <!-- I got these buttons from simplesharebuttons.com --> <div id="share-buttons"> <!-- Email --> <a href="mailto:?Subject=Simple Share Buttons&amp;Body=I%20saw%20this%20and%20thought%20of%20you!%20 https://simplesharebuttons.com"> <img src="https://simplesharebuttons.com/images/somacro/email.png" alt="Email"> </a> <!-- Facebook --> <a href="http://www.facebook.com/sharer.php?u=https://simplesharebutto..." target="_blank"> <img src="https://simplesharebuttons.com/images/somacro/facebook.png" alt="Facebook"> </a> <!-- Google+ --> <a href="https://plus.google.com/share?url=https://simplesharebuttons...." target="_blank"> <img src="https://simplesharebuttons.com/images/somacro/google.png" alt="Google"> </a> <!-- LinkedIn --> <a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=https:..." target="_blank"> <img src="https://simplesharebuttons.com/images/somacro/linkedin.png" alt="LinkedIn"> </a> <!-- Twitter --> <a href="https://twitter.com/share?url=https://simplesharebuttons.com&..." target="_blank"> <img src="https://simplesharebuttons.com/images/somacro/twitter.png" alt="Twitter"> </a> </div>

Trädvy Permalänk
Medlem
Registrerad
Jul 2011

Det får du nog göra ett JavaScript för.

I övrigt tycker jag du ska använda dig av CSS Image Sprites för bilderna föra dela knapparna. Snabbar på laddningen.

Trädvy Permalänk
Medlem
Registrerad
Dec 2012
Skrivet av beejac:

Det får du nog göra ett JavaScript för.

I övrigt tycker jag du ska använda dig av CSS Image Sprites för bilderna föra dela knapparna. Snabbar på laddningen.

Problemet är att jag håller på med nåt som heter Hypergene, och det enda sättet att ändra är att klicka på en "Source Edit Mode" på hemsidan, för att skriva in koden där. Tror inte det går att göra nåt mer avancerat än så.

Trädvy Permalänk
Medlem
Registrerad
Dec 2012

Till Google+ fungerade den här lösningen:
http://stackoverflow.com/questions/18819116/how-to-create-the...

Så hur gör jag, eller snarare hittar färdiga, liknande till Facebook(på deras Developers page kan man bara skriva in en specifik URL), Twitter, och LinkedIn?

Nu krånglar sidan så kan inte testa, men Twitters ser ut att vara bra också eller hur?

<a href="https://twitter.com/share" class="twitter-share-button" data-lang="sv" data-hashtags="Medborgarportalen">Tweeta</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

Dynamisk! Kan det heta så? Den ska gälla för webbsidan där gilla-knappen är implementerad. Det var ordet jag letade efter, svårt att hitta lösningar när man inte vet vad man är ute efter heter.