Registriere dich hier, um versteckte Bereiche sehen zu können, Highscores zu speichern oder Fragen zu stellen!

AddThis Button zentrieren

Einstellungen, Fragen und Antworten, das Hilfe-Forum für phpBB3 Foren von http://www.phpBB8.de und Forumo!
Kostenloses phpbb2 Forum
phpbb2 Forum Hosting
www.phpbb6.de
phpbb9 ist das Support Forum für unsere Hosting Services.Hilfe nur für Foren von Kostenloses-Forum.be, Userboard.org, plusBB, phpbb8.de, phpbb6.de, Gratis-Board.de und Forumo.de.
Du hast dein Forum nicht bei uns? Dann schaue dich um und siehe was du selbst völlig kostenlos machen könntest, gucke dir auch andere interessante Foren aus unserem Netzwerk an!
Du erhältst hier Tipps und Problemlösungen zu deinem Forum bei uns!

phpbb3
phpBB3 Forum Hosting
www.phpbb8.de
AbonnentenAbonnenten: 1
LesezeichenLesezeichen: 1
Zugriffe: 2114

AddThis Button zentrieren

Beitrag#1von Premium Mitglieder Donna » 13.10.2011 15:33

Hallo,

gibt es eine Möglichkeit diesen Button mittig zu setzen?

Ich habe vieles versucht, aber bei dem Button funktioniert es einfach nicht. Bei dem +1 Button ist es kein Problem, aber bei dem Sharebutton klappt es irgendwie nicht :denk:
LG Donna

Der Himmel dürfte aus klimatischer Sicht angenehmer sein als die Hölle. Allerdings vermute ich, dass die Hölle in gesellschaftlicher Hinsicht weit interessanter ist.

- Jean Baptiste Molière -
Benutzeravatar
Premium Mitglieder Donna
Foren-Guru
Foren-Guru
 
Beiträge: 366
Registriert: 03.2011
Barvermögen: 4.841,77 Points
Bank: 11.871,70 Points
Wohnort: Düsseldorf
Danke gegeben: 140
Danke bekommen: 28x in 18 Posts
Geschlecht: weiblich
Forenstyle: subsilver Brown

Re: AddThis Button zentrieren

Beitrag#2von tups » 13.10.2011 17:39

Ja, die gibt es...
setze ganz am Anfang, also bevor der Code anfängt, folgendes ein
Code: Alles auswählen
<div align="center">

und am Ende, nach dem Code
Code: Alles auswählen
</div>
Bild
Benutzeravatar
tups
Supporter im Ruhestand
Supporter im Ruhestand
 
Beiträge: 7019
Registriert: 06.2009
Barvermögen: 100.578,29 Points
Bank: 125.442,55 Points
Danke gegeben: 561
Danke bekommen: 1770x in 1468 Posts
Geschlecht: männlich
Forenstyle: X-Silver

Re: AddThis Button zentrieren

Beitrag#3von Premium Mitglieder Donna » 13.10.2011 18:35

Hallo tups,

das hatte ich schon versucht aber der Button ist trotzdem auf der linken Seite geblieben.
Ich habe es aber trotzdem gerade nochmal ausprobiert... nichts passiert, der Button bleibt auf der linken Seite :denk:
LG Donna

Der Himmel dürfte aus klimatischer Sicht angenehmer sein als die Hölle. Allerdings vermute ich, dass die Hölle in gesellschaftlicher Hinsicht weit interessanter ist.

- Jean Baptiste Molière -
Benutzeravatar
Premium Mitglieder Donna
Foren-Guru
Foren-Guru
 
Beiträge: 366
Registriert: 03.2011
Barvermögen: 4.841,77 Points
Bank: 11.871,70 Points
Wohnort: Düsseldorf
Danke gegeben: 140
Danke bekommen: 28x in 18 Posts
Geschlecht: weiblich
Forenstyle: subsilver Brown

Re: AddThis Button zentrieren

Beitrag#4von tups » 13.10.2011 21:12

Du willst ja beide Button mittig haben, also den +1 und den Share Button.

Dann poste doch mal das komplette Script, für beide Button, so wie du es bei dir im Footer eingefügt hast.
Aber bitte nichts weglassen.
Bild
Benutzeravatar
tups
Supporter im Ruhestand
Supporter im Ruhestand
 
Beiträge: 7019
Registriert: 06.2009
Barvermögen: 100.578,29 Points
Bank: 125.442,55 Points
Danke gegeben: 561
Danke bekommen: 1770x in 1468 Posts
Geschlecht: männlich
Forenstyle: X-Silver

Re: AddThis Button zentrieren

Beitrag#5von Premium Mitglieder Donna » 13.10.2011 21:22

Das ist der komplette Code, den ich im Template overall_footer.html stehen habe. Ich habe die Codes für den AddThis Button und den +1 Button extra nicht hintereinander eingesetzt, weil sie sonst zu nahe aneinander stehen.


Code: Alles auswählen
<div align="center"><!-- AddThis Button BEGIN -->
<a class="addthis_toolbox addthis_default_style"></a>
<a class="addthis_counter addthis_pill_style"></a>

<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e049374720b5081"></script>
<!-- AddThis Button END --></div>

 


<!-- IF SCRIPT_NAME == 'posting' -->
         <script type="text/javascript" src="http://img.userboard.org/tour/googiespell/AJS.js"></script><script type="text/javascript" src="http://img.userboard.org/tour/googiespell/spell_de.js"></script><link href="http://img.userboard.org/tour/googiespell/rs.css" rel="stylesheet" type="text/css" /><script type="text/javascript">var googie1 = new GoogieSpell("/tour/googiespell/", "/tour/googiespell/ad.php?lang=");
         googie1.setLanguages({'de': 'Deutsch', 'en' : 'Englisch'});
         googie1.lang_chck_spell = "Rechtschreibprüfung starten";
         googie1.lang_rsm_edt = "Rechtschreibprüfung beenden";
         googie1.lang_close = "schliessen";
         googie1.lang_no_error_found = "Kein Fehler gefunden";
         googie1.lang_revert = "zurücksetzen auf";
         googie1.decorateTextarea("message");</script>
<!-- ENDIF -->

<br />
<!-- Dieses Tag in den Head-Bereich oder direkt vor dem schließenden Body-Tag einfügen -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'de'}
</script>

<!-- Dieses Tag dort einfügen, wo die +1-Schaltfläche dargestellt werden soll -->
<g:plusone></g:plusone>
 
   
<!-- IF ADFREE_IMAGE --><div style="text-align:center;padding:4px;"><a href="{U_ADFREE}" title="{L_ADFREE}" target="_blank"><img src="{ADFREE_IMAGE}" alt="{L_ADFREE}" /></a></div><!-- ENDIF -->
   <!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->

</div>



<div id="wrapfooter">
   <!-- IF U_ACP --><span class="gensmall"><big>[ <a href="{U_ACP}">{L_ACP}</a> ]</big></span><br /><br /><!-- ENDIF -->
   <span class="copyright">&copy; <a href="http://www.phpbb.com/">phpBB</a>
   <!-- IF TRANSLATION_INFO -->{TRANSLATION_INFO}<!-- ENDIF -->
   <!-- IF DEBUG_OUTPUT --><br /><bdo dir="ltr">[ {DEBUG_OUTPUT} ]</bdo><!-- ENDIF --></span>
</div>
</div>
LG Donna

Der Himmel dürfte aus klimatischer Sicht angenehmer sein als die Hölle. Allerdings vermute ich, dass die Hölle in gesellschaftlicher Hinsicht weit interessanter ist.

- Jean Baptiste Molière -
Benutzeravatar
Premium Mitglieder Donna
Foren-Guru
Foren-Guru
 
Beiträge: 366
Registriert: 03.2011
Barvermögen: 4.841,77 Points
Bank: 11.871,70 Points
Wohnort: Düsseldorf
Danke gegeben: 140
Danke bekommen: 28x in 18 Posts
Geschlecht: weiblich
Forenstyle: subsilver Brown

Re: AddThis Button zentrieren

Beitrag#6von tups » 14.10.2011 00:22

Das du die Button so an verschiedenen Stellen platziert hast, bringt gar nichts, das sieht geanuso aus als wenn du die beinden Codes direkt untereinander einfügst.

Das zentrieren mit dem Share-Button ist nicht so ganz einfach.

Es gibt aber 2 Möglichkeiten
1) nebeneinander
Aufzeichnen1.JPG

Dies ist jetzt ein Screenshot mit einer Auflösung von 1024x768 (standard Auflösung der meisten User), wenn du jetzt eine höhere Auflösung hast, dann stehen die Button weiter auseinander. Je größer die Auflösung, um so weiter stehen sie auseinander.

2.) untereinander
Aufzeichnen.JPG

Das sieht dann bei jeder Auflösung gleich aus.

Für welche Variante hättest du gerne den Code?
Bild
Benutzeravatar
tups
Supporter im Ruhestand
Supporter im Ruhestand
 
Beiträge: 7019
Registriert: 06.2009
Barvermögen: 100.578,29 Points
Bank: 125.442,55 Points
Danke gegeben: 561
Danke bekommen: 1770x in 1468 Posts
Geschlecht: männlich
Forenstyle: X-Silver

Re: AddThis Button zentrieren

Beitrag#7von Premium Mitglieder Donna » 14.10.2011 08:31

Ich habe eine Auflösung von 1024x768 und die meisten meiner User auch.

Ich hätte dann gerne den Code für die erste Variante :ja:
LG Donna

Der Himmel dürfte aus klimatischer Sicht angenehmer sein als die Hölle. Allerdings vermute ich, dass die Hölle in gesellschaftlicher Hinsicht weit interessanter ist.

- Jean Baptiste Molière -
Benutzeravatar
Premium Mitglieder Donna
Foren-Guru
Foren-Guru
 
Beiträge: 366
Registriert: 03.2011
Barvermögen: 4.841,77 Points
Bank: 11.871,70 Points
Wohnort: Düsseldorf
Danke gegeben: 140
Danke bekommen: 28x in 18 Posts
Geschlecht: weiblich
Forenstyle: subsilver Brown

Re: AddThis Button zentrieren

Beitrag#8von tups » 14.10.2011 09:34

OK, sollst du haben...

Zuerst entferne die von dir, im overall_footer.html, schon eingeügten Codes für die Button wieder.

Dann füge ganz am Anfang, folgendes ein
Code: Alles auswählen
<div style="float:left; margin-left:390px;">
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style">
<a class="addthis_counter addthis_pill_style"></a></div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e049374720b5081"></script>
<!-- AddThis Button END -->
</div>



<div style="float:right; margin-right:350px;">
<!-- Dieses Tag in den Head-Bereich oder direkt vor dem schließenden Body-Tag einfügen -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'de'}
</script>
<!-- Dieses Tag dort einfügen, wo die +1-Schaltfläche dargestellt werden soll -->
<g:plusone></g:plusone>
</div>


Aber nur mal zur Ansicht..... so sähe es bei einer Auflösung von 1920x1080 aus.
Aufzeichnen.JPG
Bild
Benutzeravatar
tups
Supporter im Ruhestand
Supporter im Ruhestand
 
Beiträge: 7019
Registriert: 06.2009
Barvermögen: 100.578,29 Points
Bank: 125.442,55 Points
Danke gegeben: 561
Danke bekommen: 1770x in 1468 Posts
Geschlecht: männlich
Forenstyle: X-Silver

folgende User möchten sich bei tups bedanken:

Re: AddThis Button zentrieren

Beitrag#9von Premium Mitglieder Donna » 14.10.2011 09:43

Danke tups, das habe ich jetzt so eingebaut.

Aber jetzt verschiebt er mir das Bild für die Werbefreiheit nach links :eyes:

ScreenHunter_01 Oct. 14 09.40.jpg
LG Donna

Der Himmel dürfte aus klimatischer Sicht angenehmer sein als die Hölle. Allerdings vermute ich, dass die Hölle in gesellschaftlicher Hinsicht weit interessanter ist.

- Jean Baptiste Molière -
Benutzeravatar
Premium Mitglieder Donna
Foren-Guru
Foren-Guru
 
Beiträge: 366
Registriert: 03.2011
Barvermögen: 4.841,77 Points
Bank: 11.871,70 Points
Wohnort: Düsseldorf
Danke gegeben: 140
Danke bekommen: 28x in 18 Posts
Geschlecht: weiblich
Forenstyle: subsilver Brown

Re: AddThis Button zentrieren

Beitrag#10von SAK » 14.10.2011 10:16

Code: Alles auswählen
    <div style="float:left; margin-left:390px;">
    <!-- AddThis Button BEGIN -->
    <div class="addthis_toolbox addthis_default_style">
    <a class="addthis_counter addthis_pill_style"></a></div>
    <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e049374720b5081"></script>
    <!-- AddThis Button END -->
    </div>



    <div style="float:right; margin-right:350px;">
    <!-- Dieses Tag in den Head-Bereich oder direkt vor dem schließenden Body-Tag einfügen -->
    <script type="text/javascript" src="https://apis.google.com/js/plusone.js">
      {lang: 'de'}
    </script>
    <!-- Dieses Tag dort einfügen, wo die +1-Schaltfläche dargestellt werden soll -->
    <g:plusone></g:plusone>
    </div>


nach dem schließenden </div> 2mal <br/><br/> einfügen.
Gruss
SAK

Installierte Styles Forum
bo2Soft *


Homepage vom SAK
Bild
Benutzeravatar
SAK
Auszubildender
Auszubildender
 
Beiträge: 30
Registriert: 02.2008
Barvermögen: 267,46 Points
Wohnort: Frankfurt / Main
Danke gegeben: 1
Danke bekommen: 0x in 0 Post
Geschlecht: männlich
Forenstyle: bo2Soft

Re: AddThis Button zentrieren

Beitrag#11von tups » 14.10.2011 10:30

Sy, da ich bei mir im Testforum das Bild für Werbefrei nicht hatte, habe ich das nicht gesehen..... sorry. :ichnicht:

Aber jetzt :hust:
Das kommt alles durch den verf...... Addthis Button, der wirft alles durcheinander.
Aber nu haben wir es ja.....

Da musst du noch eine Kleinigkeit ändern, und zwar folgendes

Suche nach
<!-- IF ADFREE_IMAGE --><div style="text-align:center;padding:4px;"><a href="{U_ADFREE}" title="{L_ADFREE}" target="_blank"><img src="{ADFREE_IMAGE}" alt="{L_ADFREE}" /></a></div><!-- ENDIF -->
<!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->

</div>


und das ersteze dann mit
Code: Alles auswählen
<div style="width:420px; margin:0 auto;">
<!-- IF ADFREE_IMAGE --><div style="text-align:center;padding:4px;"><a href="{U_ADFREE}" title="{L_ADFREE}" target="_blank"><img src="{ADFREE_IMAGE}" alt="{L_ADFREE}" /></a></div><!-- ENDIF -->
</div>
   <!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->

</div>


Wenn du aber nach den Button etwas Leerraum haben willst, füge anstelle der Änderung einfach direkt über <!-- IF ADFREE_IMAGE --> 2 oder 3 Mal <br> ein.
Bild
Benutzeravatar
tups
Supporter im Ruhestand
Supporter im Ruhestand
 
Beiträge: 7019
Registriert: 06.2009
Barvermögen: 100.578,29 Points
Bank: 125.442,55 Points
Danke gegeben: 561
Danke bekommen: 1770x in 1468 Posts
Geschlecht: männlich
Forenstyle: X-Silver

folgende User möchten sich bei tups bedanken:

Re: AddThis Button zentrieren

Beitrag#12von Premium Mitglieder Donna » 14.10.2011 13:52

super... jetzt sieht es perfekt aus :thumbsup:

Vielen Dank für Deine große Hilfe :blume: :thumbsup:

ScreenHunter_04 Oct. 14 13.48.jpg



@SAK
Danke auch für Deine Antwort :-)
LG Donna

Der Himmel dürfte aus klimatischer Sicht angenehmer sein als die Hölle. Allerdings vermute ich, dass die Hölle in gesellschaftlicher Hinsicht weit interessanter ist.

- Jean Baptiste Molière -
Benutzeravatar
Premium Mitglieder Donna
Foren-Guru
Foren-Guru
 
Beiträge: 366
Registriert: 03.2011
Barvermögen: 4.841,77 Points
Bank: 11.871,70 Points
Wohnort: Düsseldorf
Danke gegeben: 140
Danke bekommen: 28x in 18 Posts
Geschlecht: weiblich
Forenstyle: subsilver Brown

Re: AddThis Button zentrieren

Beitrag#13von Flora » 16.08.2012 12:59

noch ein Vorschlag um den Button an eine andere Stelle im Portal zu platzieren :

eine inaktive Portal-Box nehmen ( Beispiel Link zu uns ), den dortigen Code unter Styles - Templates - blocks/block_link_to_us.html entfernen, neuen Code reinkopieren - hier der Link von meinem Gartentreff:

Code: Alles auswählen
<center><a href="http://www.phpbb8.de/adfree.phpbb3?fid=28716" target="_blank"><img src="http://img.userboard.org/images/management/de/Button_klein_Bild_braun_hilf.png" alt="Floras-Gartentreff.de Werbefrei" title="Floras-Gartentreff.de Werbefrei" width="221" height="71" border="0"></a></center>


Dann zum ACP - Portal gehen, Blöcke verschieben/verändern, aktivieren und die Box einfach umbenennen.
Dann nur die umbenannte Box verschieben wohin man sie haben möchte. Fertig. :thumbsup:
Benutzeravatar
Flora
 
Highscores: 267


Zurück zu "phpBB3: Hilfestellungen bei der Benutzung"


 

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 6 Gäste

Besucher kamen durch folgende Suchbegriffe auf diese Seite:

addthis phpbb3 forum

addthis zentrieren

addthis button mittig setzen button mittig setzen button mittig positionieren button zentrieren add this button zentrieren add this zentrieren addthis buttons zentrieren addthis button addthis mittig 1 button zentrieren phpbb3 login nicht zentriert button im footer mittig link und button mittig ausrichten addthis code mittig einfügen jbuttons mittig untereinander button zenrieren in div addthis sytle mittig html addthis mitttig html button in div zentriert html button in div zentrieren addthis in phpbb addthis button mittig addthis button ausblenden