Twittern Button einfügen

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Titanic
Mitglied
Beiträge: 328
Registriert: 24.11.2012 18:15
Kontaktdaten:

Twittern Button einfügen

Beitrag von Titanic »

Falls die Frage hier falsch sein sollte,dann bitte verschieben!

Ich möchte ein Twitter Button hinzufügen,sodass man den Link vom Forum bei Twitter in der Timeline hat (dort wo die ganzen Tweets sind).Habe es erstmal mit Firebug so getestet:

Der Code lautet:

Code: Alles auswählen

<div style="text-align: left;" class="twitter-btn" data-module-loaded="http://www.nova-villa.de/fec/www.nova-villa.de/2.19.11/js/social/twitter">
<iframe id="twitter-widget-0" class="twitter-share-button twitter-tweet-button twitter-share-button twitter-count-horizontal" frameborder="0" scrolling="no" allowtransparency="true" src="http://platform.twitter.com/widgets/tweet_button.1400006231.html#_=1400343568149&count=horizontal&id=twitter-widget-0&lang=de&original_referer=http%3A%2F" title="Twitter Tweet Button" data-twttr-rendered="true" style="width: 131px; height: 20px;">
Mit Firebug funktioniert der Code.Der Link zum Forum wird bei mir auf Twitter auch angezeigt.Habe es allerdings noch nicht eingebaut.
Ist das soweit richtig oder muss noch was anderes hinzugefügt werden?

MfG

Titanic
Zuletzt geändert von Titanic am 17.05.2014 23:29, insgesamt 2-mal geändert.
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 12122
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Twittern Button einfügen

Beitrag von Crizzo »

Hi,

wieso verpackst du das ganze denn in einen <div>-Element? Das ist doch ein einzelner Button. Wenn er irgendwo hin soll, wo schon andere Buttons sind, bietet sich eher eine <ul> oder <ol> oder ähnliches an. Als ein Blockelement für einen Link-Button.

Grüße
Titanic
Mitglied
Beiträge: 328
Registriert: 24.11.2012 18:15
Kontaktdaten:

Re: Twittern Button einfügen

Beitrag von Titanic »

Kannst Du mir den Code Posten,wie es mit <ul> oder mit <ol> aussieht?Dann kann ich es bie mir mal einbauen und testen.
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 12122
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Twittern Button einfügen

Beitrag von Crizzo »

Wo soll der Button denn hin?
Titanic
Mitglied
Beiträge: 328
Registriert: 24.11.2012 18:15
Kontaktdaten:

Re: Twittern Button einfügen

Beitrag von Titanic »

Es sollte links vor der Themensuche hin.Aber nicht direkt davor.
Titanic
Mitglied
Beiträge: 328
Registriert: 24.11.2012 18:15
Kontaktdaten:

Re: Twittern Button einfügen

Beitrag von Titanic »

PUSH!
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 12122
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Twittern Button einfügen

Beitrag von Crizzo »

Zeig mir.mal einen Screenshot mit Pfeil. ;)
Benutzeravatar
HabNurNeFrage
Ehemaliges Teammitglied
Beiträge: 1627
Registriert: 17.01.2010 20:22
Wohnort: An der Ostsee
Kontaktdaten:

Re: Twittern Button einfügen

Beitrag von HabNurNeFrage »

Hi @ Titanic,

vergiss die iFrame-Lösung, denn die ist nicht strict und erlaubt Twitter das ständige Ausschnüffeln Deiner User.
Genauso dieses JavaScript Twitter-Button-Widget, das auch schnüffelt wie nix Gutes.
Beide verpassen allen auch sofort ein Cookie, was zusätzliche Schnüffelei begünstigt und keinen Vorteil bietet.
Im Gegenteil: Die Nutzung von iFrame oder/und Widget machen sogar das Ändern der Nutzungsbedingungen/Datenschutzrichtlinie notwendig.

Letztlich kannst Du mit einem simplen, selbst erstellten Bild, das mit dem Twitter-Share Link versehen ist, genau das gleiche Ergebnis erzielen.
Gut, es werden nicht die 16K Leute angezeigt, die Deine Threads schon gezwitschert haben.
Aber das macht wahrscheinlich auch nichts, solange überall nur sehr wenige Tweets gemacht wurden... :wink:

Einfach folgenden Code an die gewünschte Stelle kopieren und Du erhältst das gleiche Ergebnis:
Die aktuelle URL kann im eigenen Twitter-Account gezwitschert werden.

Code: Alles auswählen

<a href="https://twitter.com/share"><img style="vertical-align:middle;margin-left:8px;margin-right:8px;" src="data:image/gif;base64,R0lGODlhRgAUAPcAADMzM21tbW5ubg6Ovx6QvQCMwgCOxACRyQCVzgCY0gCb1w+b0QCc2ACe2i2ZwgCh3gCh3z2hyD+n0D2r1ACi4ACj4QCk4wCl5ACl5QCm5gCn5w+q5gCo6ACp6QCq6wCr7ACr7QCs7g+u6y+v4C+z5S+05y+26k2kxVemxFusy1uty2u513u60k3A6l3E7HzJ53zM6nzM63zP7oGBgY+Pj5GRkZeXl5qamp2dnZ6enqampqenp6+vr7CwsLKysre3t4rA1ZfH2pjH2ZnI2pnS6ZvT6JrX8Kzc77XZ6MDAwMHBwcXFxcfHx8vLy8zMzM7Ozs/Pz9DQ0NHR0dLS0tPT09XV1dnZ2dvb29zc3N3d3d7e3t/f38Xd58jh68jj7sjk7sjk79jg4tnt9ODg4OLi4uTk5OXl5ebm5ufn5+Ts7ujo6Onp6erq6uvr6+zs7O3t7e7u7u/v7+fv8Ofv8ebv8ufw8/Hx8fPz8/T09PX19fb29vf39/j4+Pn5+fr6+vz8/P7+/v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAIEALAAAAABGABQABwj/AANhgeKkoMGDCBMqXMiwIUMoWAKVubIHkMWLGDNq3Mixo8eOe66UkaLnj8mTKFOqXMmypcuXeqQ48UOzps2bOHPq3MmzJ82CfIIKHUq0qNGjSJMqDVpQj1M9cp46nQOExRCoUaVq3cq1q9evegriGYvnhBCyeBwYOFAgAoEgYwHInYu2Lh65eLLgGKvXrt+/ZAveGXxHQoEUae5wQVDhAgQGC7oM7tNHLmXCmAlfljuYc+bPoDMXtEPaTpEGCAaoWPEARAgQGo7cKW1HLukAPew8AcDETo8AtecKt+1brg7ScmnQCP4DQIAntAvGmR5nAoYMDRIo0BCiu4U71KfL/52eY0YcGgBoxJmRI47cPe/hA9gThweAM2cA3HAPAAt4uVXkF0B4Bb1h4BtebADCBxxw8EF3IIxw4IFyGZgEAFPMleEPb1RYYYcAGDhciHLBISIAcMDxoYEFteFiG3DAIEJ3NIbQAREvviiXi1TMJcVcS7Sx445CAuCiXHkkmUeROhrJ5IsFrSGllEiU8CCNIJAQx5RTyiXlGHLV0EYNAK7hpZdmAiDlDgAoYQUANqTZpZpyTlmQGnji6QYYLVwJggl15CmoXHiuIQAAS6jRhJdqEBrFoUk8CkASb/ggFw5vNApAnoRqKmhB+J0RBgoDIECBByF84AIdaITq6mChxodxxxpnqAHrGbCqIesaus56BhuDuYHfrbjeMayxoRZUxrJm2PHFCzHIYIQYdpix7LXYZqvtttx2620ZBZEhrrhnHMiGGeOmq+667Lbr7rvqOvGEFmPUa++9+Oar77789uuvFk9gIUUWWxRs8MEIJ6zwwgw3zHAWU0RURhQOVWzxxRdHUUYgAQEAOw==" alt="*" title="twittern" /></a>
Vorteile: xHTML strict, schnüffelsicher bis zum Teilen, kein Ändern der Nutzis notwendig und an jeder beliebigen Stelle im Template einsetzbar.
Die lange Zeichenfolge ist das Bild selbst, also keine Angst vor dem "Ungetüm" :grin:

LG

PS: Testen kannst Du das, indem Du es kopierst, hier einfügst und auf "Test it now" klickst.
Es werden immer die aktuellen Internetadressen (Referer-URLs) getwittert, also bei Dir dann Deine.
| HomeStory.org - the friendly Community | Forum für alle Lebenslagen | <"}))}~ | Nicht nachmachen: Meine phpBB Spielereien |
var shoppen = geld.replace (/geld/g, 'bloedsinn'); if (geld < 1) { return home; };
Titanic
Mitglied
Beiträge: 328
Registriert: 24.11.2012 18:15
Kontaktdaten:

Re: Twittern Button einfügen

Beitrag von Titanic »

Hi HabNurNeFrage,

hab erst jetzt den Code gelesen und mit Firebug getestet.Muß den Code noch an der entsprechenden Stelle einbauen.

Jetzt möchte ich auch noch ein Folgen Button,das rechts von der Themensuche sein soll,einbauen.Nur den Code dazu habe ich nicht.Vielleicht kanst du mir dabei auch helfen?.

MfG

Titanic
Benutzeravatar
HabNurNeFrage
Ehemaliges Teammitglied
Beiträge: 1627
Registriert: 17.01.2010 20:22
Wohnort: An der Ostsee
Kontaktdaten:

Re: Twittern Button einfügen

Beitrag von HabNurNeFrage »

Hi,

Code: Alles auswählen

<a href="http://twitter.com/TWITTER_NAME"><img style="vertical-align:middle;margin-left:8px;margin-right:8px;" src="data:image/gif;base64,R0lGODlhPQAUAPcAADMzM2pqant7ew6Ovx2PvACMwgCOxACRyQCVzgCY0gCb1w+b0QCd2SyYwQCh3zygxz6mzzyq0wCj4QCk4wCm5g+q5gCp6QCr7QCs7g+u6y+v4C+z5S+05y+26kuiw1SjwVmqyXi3z2i21E3A6lzD63vI5nvL6nvO7YCAgI6OjpaWlpqamqKioqampqurq62trbGxsbu7u76+voe90pTD1ZXF15rS55jR6JnW76vb7rLW5cHBwcTExMnJyc7OztHR0dbW1tLa3Nra2t7e3sDY4sTd58Xg68fj7d3l59js8+Hh4eXl5eHp6urq6u3t7eTt8PLy8vb29v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAFIALAAAAAA9ABQABwj/AKX8kBGjoMGDCBMqXMiwoYwfUoT4cBKlosWLGDNq3MixoxMfQnZQ7EiypEmPO2JAWcmypcuXMGPKnNmyIM2bOHPKtMmSiUsmM0LUgMLEp86jMws6WerEAw2mThoYOFDgAYEaSwFo1QoVKteuYMOCVcoUQgEQSJwQQSCBggMGC4pkBWBR7FexeMfGaMK3iQ0GCAaAEOHgAoYLFHI44au1L98XWl8wBtBEyAoAkCk3ycxiMgwAAXo4Lug4AgUKDBIooICh9YTFk7c2cQHgxw8ALpo0ZgFgyG3KtJUoAaBCd+3hAUbHWMJ8iZEKFy5YsGD4sIbmS7SyzK5ZK3fuk7lv9gUA3jj2gtibmMjQuj0GCzewe28+37t98t+1b6+Pnzl67DpwUF1rF2zghHz9LfHZDjsAAMN3LQDggwzeRSgDEMR9p6F/MQjn4RJHjFDdBR084aFwWp2ooFYPDgeAEkKggFmKTXwGwApNuIjiix4W5GEQHwzAlgWHkWDiiUqshOQSKy0hnJIB7ACFEACgIByTUDiZJBRPctljDEOEqYQTR5Rgwgk4JOGEEmG26eabcIbpgwBapSBEnHi2WdCbSvTlZJ6A8rnEUksEimcMMgih6KKMNuroo5BGKumiQDzEAxCTZqrppo0CwQNEITUk6qikMrSDEFIEBAA7" alt="*" title="Folge uns auf Twitter" /></a>
Nur noch TWITTER_NAME darin mit Deinem Account-Namen ersetzen...

LG
| HomeStory.org - the friendly Community | Forum für alle Lebenslagen | <"}))}~ | Nicht nachmachen: Meine phpBB Spielereien |
var shoppen = geld.replace (/geld/g, 'bloedsinn'); if (geld < 1) { return home; };
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“