facebook mit intro teilen und zurück zur seite verlinken
<p>ich suche nach einer möglichkeit, meiner joomla 3.x-site einen facebook-freigabeknopf hinzuzufügen, der facebook folgendes hinzufügt.</p><ol> <li>artikelbild</li> <li>artikelüberschrift</li> <li>link zurück zur artikel-url</li> </ol><p>dieses bild zeigt das gewünschte layout (links und grün hervorgehoben) und das aktuelle layout (rechts und rot hervorgehoben).</p><p><img src="https://i.stack.imgur.com/axflz.png" alt="enter image description here"></p><p>irgendwelche vorschläge zu erweiterungen oder codeänderungen?</p><p>vielen dank!</p>
<p><strong> über facebook breitbild-layout </strong></p><p>facebook wählt das layout anhand mehrerer interner parameter aus, um ansichten, klickrate usw. zu maximieren.</p><p>es gibt keine feste regel.</p><p>es gibt jedoch mehrere <strong> empfehlungen </strong>, die zu erfüllen sind:</p><ul> <li>das seitenverhältnis ist sehr spezifisch: die bildbreite muss das 1,91-fache der höhe betragen.</li> <li>für den newsfeed empfiehlt facebook miniaturbilder mit einer größe von 400 × 209 pixel.</li> <li>bilder, die kleiner als diese abmessungen sind, werden auf 154 × 154 oder 90 × 90 pixel verkleinert.</li> <li>auf mobilgeräten beträgt die empfohlene bildgröße von facebook 560 × 292. bilder, die kleiner sind, werden auf 100 × 100 pixel verkleinert.</li> </ul><p><strong> über links zurück zu ihrer site </strong></p><p>es gibt verschiedene möglichkeiten, informationen einzureichen:</p><ul> <li>wenn sie "offizielle" facebook-widgets (und die zugehörigen joomla! -erweiterungen) implementieren, sind sie auf die implementierten funktionen beschränkt. zum beispiel <strong> facebook-kommentare </strong>: <a href="https://developers.facebook.com/docs/plugins/comments/">https://developers.facebook.com/docs/plugins/comments/</a> </li> <li>implementieren einer facebook-app und automatisches posten ihrer eigenen links oder posts mit der facebook-api. z.b. allgemeine definition des facebook-posts: <a href="https://developers.facebook.com/docs/graph-api/reference/v2.0/post">https://developers.facebook.com/docs/graph-api/reference/v2.0/post</a> </li> </ul><p><strong> über open graph-tags </strong></p><p>sie können ihrer seite open graph-tags hinzufügen. auf diese weise können sie besser definieren, wie facebook die seite "liest".</p><p><strong> über open graph-aktionen </strong></p><p>wenn sie posts mit einer app senden, gibt es neue open graph-aktionen, die beschreiben, wie der inhalt generiert wurde (facebook weist benutzergenerierten medien mehr platz für newsfeeds zu):</p><ul> <li><strong> explicit sharing-aktion </strong>, um ihre beiträge als ausdrücklich von einem benutzer geteilt zu markieren (facebook-zustimmung erforderlich)</li> <li><strong> aktion "benutzergeneriertes foto" </strong>, um fotos als vom benutzer generierte fotos zu markieren. selfies (facebook-zustimmung erforderlich)</li> </ul><p><strong> referenzen </strong>:</p><ul> <li>facebook "offizielle" widgets: <a href="https://developers.facebook.com/products/sharing/">https://developers.facebook.com/products/sharing/</a> </li> <li>toller artikel: <a href="http://www.jonloomer.com/2013/09/11/facebook-link-thumbnail-image-dimensions/">http://www.jonloomer.com/2013/09/11/facebook-link-thumbnail-image-dimensions/</a> </li> <li>allgemeine beispiele: <a href="http://www.extly.com/autotweetng-documentation-faq/577-facebook-post-layouts-how-to-choose-autotweetng-format.html">http://www.extly.com/autotweetng-documentation-faq/577-facebook-post-layouts-how-to-choose-autotweetng-format.html</a> </li> <li>og tags <a href="https://developers.facebook.com/docs/opengraph/getting-started">https://developers.facebook.com/docs/opengraph/getting-started</a> </li> <li>og-aktionen: <a href="https://developers.facebook.com/docs/opengraph/using-actions/v2.0#photos">https://developers.facebook.com/docs/opengraph/using-actions/v2.0#photos</a> </li> <li>facebook hat ein offizielles plugin für wp, die gleichen informationen darüber, was getan werden kann, gelten auch für joomla https. der quellcode des plugins ist sehr nützlich. <a href="http://developers.facebook.com/docs/wordpress/">http://developers.facebook.com/docs/wordpress/</a> </li> </ul>
<p>dies kann eine paginierung sein oder auch nicht, aber hier ist, wie ich paginierung in meiner web-app mache:</p><pre><code>|&lt; first, &lt;&lt; previous, page [5] of 12, next &gt;&gt;, last &gt;| </code></pre><p>die äußeren vier optionen sind links, während die <code>page [5] of 12</code> ist ein formular mit dem [5] als eingabefeld. für benutzer mit aktiviertem javascript verstecke ich die schaltfläche "senden" und sende das formular beim ereignis "unfokus" oder drücke den tastendruck. der benutzer hat die option, wie viele zeilen er anzeigen möchte, die er aus einem dropdown-menü auswählen kann: 10, 20, 50, 100, alle. zusätzlich zur paginierung biete ich auch das sortieren und filtern der ergebnisse an, obwohl dies möglicherweise nicht in jeder situation sinnvoll ist.</p><p><strong>bearbeiten</strong>:</p><p>hier ist ein ausschnitt aus einem modell unserer web-app, um ihnen eine bessere vorstellung zu geben. in dieser version wurden die wörter in den schaltflächen weggelassen, werden jedoch nach einer leichten verzögerung als tooltip beim hover angezeigt. möglicherweise stellen sie jedoch fest, dass das beibehalten der wörter zu einer höheren benutzerfreundlichkeit führt.</p><p><img src="https://i.stack.imgur.com/vzbu0.png" alt="virtuosi media&#39;s pagination example"></p><p>ein paar andere dinge, auf die sie hinweisen sollten:</p><ul> <li>die schaltflächen "erste" und "vorherige" wurden deaktiviert, da es sich um die erste seite handelt.</li> <li>das blau zeigt aktive schaltflächen an (ich muss dieses spezielle thema durch eine farbprüfung ausführen, um sicherzustellen, dass farbenblinde benutzer einen unterschied feststellen können).</li> <li>die tasten bleiben immer erhalten, auch wenn sie deaktiviert sind. dies gibt der schnittstelle konsistenz.</li> <li>aufgrund der skalierung habe ich ein eingabefeld anstelle eines dropdown-auswahlfelds ausgewählt. wenn sie 3000 seiten haben, möchten sie nicht nach unten scrollen, um eine seite zu finden</li> <li>die paginierung ist in einer singulären visuellen komponente gruppiert, um ähnlichkeit im zweck anzuzeigen.</li> </ul> Hallo,
  
Versuche die Facebook-App zu deinstallieren und wieder installieren.
  
MfG du schreibst deinen text und gibst da, wo du einen namen oder einen ort haben willst @name des freundes/des ortes ein.


was genau hast du denn geschrieben? das muss eigentlich schon klappen, so klappt es nämlich garantiert bei allen andern auch ;)

schreib ganz normal, dann machst du ein @ dann schreibst du den namen z.b. eines freundes und während du noch schreibst, sollte facebook dir auswahlmöglichkeiten geben; da auf die entsprechende klicken, dann ganz normal posten. und komplett selber eingeben musst du auf jeden fall alles, aber durch das @ fügt facebook einen link hinzu.
wichtig: das klappt nur, wenn du mit den personen befreundest bist oder du die orte unter deinen "likes" hast....du musst also zuhaus erst mögen, damit es funktioniert.

beispiel: ist mit @tina müller im @cinestar kino hi@statia,herzlich willkommen in unserer community.tut mir leid, dass es bei dir einen zugriff durch dritte gibt. bitte wundere dich nicht, dass ich deinen post verschoben habe. wir haben das thema bereits vorliegen, daher habe ich ihn hierher verschoben.bitte ändere zuerst direkt deine zugangsdaten, indem du das passwort zurücksetzt. im nachfolgenden link findest du eine anleitung dafür, wie das passwort neu vergeben werden kann:ferne bitte ich dich, wobei dies vom gerät abhängt, alle automatischen logins zu entfernen. logge dich also einmal bewusst aus allen joyn apps aus, in denen du eingeloggt bist. ein schließen der app führt nicht automatisch zum logout aus der app, wodurch andere, wenn sie zugriff auf das gerät haben, beim Öffnen der app inhalte sehen können. so wie gewünscht, geht das ganz einfach = wenn die seitenummer auf seite 3 beginnen soll, dann so= auf die seite 2 mit dem curser gehn- dann -einfügen-manueller umbruch-seitenumbruch-vorlage - erste seite - seitennummer ändern-1 setzen - bestätigen- fertig, nun kann man deckblatt usw. bearbeiten. so nun ist die seite drei die erste seite= einfügen - fußzeile -standard- ok. einfügen-feldbefehl-seitennummer - ok. fertig. das geht natürlich so auch nach dem selbensystem mit der kopfzeile. mfg.m. Hallo Alexbaster,ist das so ein Veluxfenster ?  
  
Da ist (zumindest bei uns )so ein schwarzer Riegel unten links den man verschieben kann-falls der klemmt ?hilft etwas Öl und er lässt sich nach kurzer Zeit wieder verschieben(nach links zum Fenster verschliessen ). @doublek hallo und schön, dass du hier in der joyn community dabei bist. :)schau dazu bitte mal in den folgenden artikel: infos zur gerätelisteliebe grüße,florian Nachtrag:


hier ist ein Portal mit sehr vielen Möglichkeiten - viele der Noten-Downloads sind kostenlos.


<http://www.notenseiten.de/Download.php>


Und wenn ihr mir noch verratet, in welcher Fußgängerzone ihr spielen werden, komm ich vorbei und werf 'nen Groschen in den Flötenkasten ;-) <h2>moderne html5-techniken zum ändern von klassen</h2><p>moderne browser haben <a href="https://developer.mozilla.org/en-us/docs/dom/element.classlist"><strong>classlist</strong></a> hinzugefügt, das methoden zur verfügung stellt, mit denen klassen leichter ohne bibliotheken bearbeitet werden können:</p><pre><code>document.getelementbyid("myelement").classlist.add('myclass'); document.getelementbyid("myelement").classlist.remove('myclass'); if ( document.getelementbyid("myelement").classlist.contains('myclass') ) document.getelementbyid("myelement").classlist.toggle('myclass'); </code></pre><p>leider funktionieren diese in internet explorer vor version 10 nicht, obwohl es ein <a href="http://en.wikipedia.org/wiki/shim\_(computing)">shim</a> gibt, um die unterstützung für ie8 und ie9 hinzuzufügen, die unter <a href="https://developer.mozilla.org/en-us/docs/dom/element.classlist">diese seite</a> verfügbar ist. es wird jedoch immer mehr <a href="http://caniuse.com/#feat=classlist">unterstützt</a> .</p><h2>einfache browserübergreifende lösung</h2><p>die standard-javascript-methode zur auswahl eines elements ist <a href="https://developer.mozilla.org/en-us/docs/dom/document.getelementbyid"><code>document.getelementbyid("id")</code></a> . dies wird in den folgenden beispielen verwendet. sie können elemente natürlich auch auf andere weise erhalten. in der richtigen situation können sie stattdessen einfach <code>this</code> verwenden ins detail geht dies nicht in den rahmen der antwort.</p><h3>so ändern sie alle klassen für ein element:</h3><p>um alle vorhandenen klassen durch eine oder mehrere neue klassen zu ersetzen, legen sie das classname-attribut fest:</p><pre><code>document.getelementbyid("myelement").classname = "myclass"; </code></pre><p>(sie können eine durch leerzeichen getrennte liste verwenden, um mehrere klassen anzuwenden.)</p><h3>so fügen sie einem element eine zusätzliche klasse hinzu:</h3><p>um einem element eine klasse hinzuzufügen, ohne vorhandene werte zu entfernen/zu beeinflussen, fügen sie ein leerzeichen und den neuen klassennamen wie folgt hinzu:</p><pre><code>document.getelementbyid("myelement").classname += " myclass"; </code></pre><h3>so entfernen sie eine klasse aus einem element:</h3><p>um eine einzelne klasse zu einem element zu entfernen, ohne andere potenzielle klassen zu beeinflussen, ist ein einfacher regex-ersetzen erforderlich:</p><pre><code>document.getelementbyid("myelement").classname = document.getelementbyid("myelement").classname.replace ( /(?:^|\s)myclass(?!\s)/g , '' ) /* code wrapped for readability - above is all one statement */ </code></pre><p>eine erklärung dieser regex lautet wie folgt:</p><pre><code>(?:^|\s) # match the start of the string, or any single whitespace character myclass # the literal text for the classname to remove (?!\s) # negative lookahead to verify the above is the whole classname # ensures there is no non-space character following # (i.e. must be end of string or a space) </code></pre><p>das flag <code>g</code> weist das ersetzen an, nach bedarf zu wiederholen, falls der klassenname mehrmals hinzugefügt wurde.</p><h3>so prüfen sie, ob eine klasse bereits auf ein element angewendet wurde:</h3><p>der gleiche reguläre ausdruck, der oben zum entfernen einer klasse verwendet wurde, kann auch zur überprüfung verwendet werden, ob eine bestimmte klasse vorhanden ist:</p><pre><code>if ( document.getelementbyid("myelement").classname.match(/(?:^|\s)myclass(?!\s)/) ) </code></pre><p><br/></p><h3>zuweisen dieser aktionen zu onclick-ereignissen:</h3><p>es ist zwar möglich, javascript direkt in die html-ereignisattribute (z. b. <code>onclick="this.classname+=' myclass'"</code>) zu schreiben, dies wird jedoch nicht empfohlen. insbesondere bei größeren anwendungen wird durch die trennung von html-markup von javascript-interaktionslogik ein wartungsfähigerer code erzielt.</p><p>der erste schritt dazu ist das erstellen einer funktion und das aufrufen der funktion im onclick-attribut. beispiel:</p><pre><code>&lt;script type="text/javascript"&gt; function changeclass(){ // code examples from above } &lt;/script&gt; ... &lt;button onclick="changeclass()"&gt;my button&lt;/button&gt; </code></pre><p><sub><em>(es ist nicht erforderlich, dass dieser code in skript-tags enthalten ist. dies ist lediglich der kürze halber als beispiel gedacht. das einschließen von javascript in eine andere datei ist möglicherweise geeigneter.)</em></sub></p><p>der zweite schritt besteht darin, das onclick-ereignis aus dem html-code in javascript zu verschieben, beispielsweise mit <a href="https://developer.mozilla.org/en-us/docs/dom/element.addeventlistener">addeventlistener</a> </p><pre><code>&lt;script type="text/javascript"&gt; function changeclass(){ // code examples from above } window.onload = function(){ document.getelementbyid("myelement").addeventlistener( 'click', changeclass); } &lt;/script&gt; ... &lt;button id="myelement"&gt;my button&lt;/button&gt; </code></pre><p>(beachten sie, dass der window.onload-teil erforderlich ist, damit der inhalt dieser funktion <em>ausgeführt wird, nachdem der html-code</em> vollständig geladen wurde. andernfalls ist das myelement möglicherweise nicht vorhanden, wenn der javascript-code aufgerufen wird, sodass die zeile fehlschlägt .)</p><p><br/></p><h2>javascript frameworks und bibliotheken</h2><p>der obige code ist alles in standard-javascript enthalten. es ist jedoch üblich, entweder ein framework oder eine bibliothek zu verwenden, um allgemeine aufgaben zu vereinfachen und von behobenen fehlern und edge-fällen zu profitieren, an die sie beim schreiben des codes nicht denken.</p><p>während einige leute es für übertrieben halten, ein ~ 50 kb-framework für das einfache ändern einer klasse hinzuzufügen, ist die überlegung, wenn sie umfangreiche javascript-arbeiten ausführen oder etwas, das ungewöhnliches cross-browser-verhalten hat, eine überlegung wert.</p><p><em>(in groben zügen handelt es sich bei einer bibliothek um eine reihe von werkzeugen, die für eine bestimmte aufgabe entwickelt wurden, während ein framework im allgemeinen mehrere bibliotheken enthält und eine reihe von aufgaben ausführt.)</em></p><p>die obigen beispiele wurden im folgenden mit <a href="http://jquery.com">jquery</a> wiedergegeben, wahrscheinlich der am häufigsten verwendeten javascript-bibliothek (obwohl es auch andere gibt, die es zu untersuchen gilt).</p><p>(beachten sie, dass <code>$</code> hier das jquery-objekt ist.)</p><h3>klassen mit jquery ändern:</h3><pre><code>$('#myelement').addclass('myclass'); $('#myelement').removeclass('myclass'); if ( $('#myelement').hasclass('myclass') ) </code></pre><p>darüber hinaus bietet jquery eine verknüpfung zum hinzufügen einer klasse, wenn sie nicht angewendet wird, oder zum entfernen einer klasse, die folgendes ausführt:</p><pre><code>$('#myelement').toggleclass('myclass'); </code></pre><p><br/></p><h3>zuweisen einer funktion zu einem klickereignis mit jquery:</h3><pre><code>$('#myelement').click(changeclass); </code></pre><p>oder, ohne eine id zu benötigen:</p><pre><code>$(':button:contains(my button)').click(changeclass); </code></pre><p><br/></p> so viel ich weiß, kann sowas das programm audacity.
ist ne kostenlose freeware.
kannst du hier downloaden: http://www.chip.de/downloads/c1\_downloads\_13010690.html

du musst einfach den entsprechenden teil deiner aufnahme markieren, dann gehst du im menü auf effekte und schließlich auf rückwärts.


ich hoffe, ich konnte dir damit helfen.
lg julia