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
FollowersFollowers: 1
BookmarksBookmarks: 1
Views: 2061

AddThis Button zentrieren

Post#1by 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 -
User avatar
Premium Mitglieder Donna
Foren-Guru
Foren-Guru
 
Posts: 366
Joined: 03.2011
Cash on hand: 4,841.77 Points
Bank: 11,872.25 Points
Location: Düsseldorf
Thanks: 140
Thanked: 28 times in 18 posts
Gender: Female
Forenstyle: subsilver Chronic

Re: AddThis Button zentrieren

Post#2by tups » 13.10.2011 17:39

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

und am Ende, nach dem Code
Code: Select all
</div>
Image
User avatar
tups
Supporter im Ruhestand
Supporter im Ruhestand
 
Posts: 7019
Joined: 06.2009
Cash on hand: 100,578.29 Points
Bank: 125,443.10 Points
Thanks: 561
Thanked: 1770 times in 1468 posts
Gender: Male

Re: AddThis Button zentrieren

Post#3by 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 -
User avatar
Premium Mitglieder Donna
Foren-Guru
Foren-Guru
 
Posts: 366
Joined: 03.2011
Cash on hand: 4,841.77 Points
Bank: 11,872.25 Points
Location: Düsseldorf
Thanks: 140
Thanked: 28 times in 18 posts
Gender: Female
Forenstyle: subsilver Chronic

Re: AddThis Button zentrieren

Post#4by 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.
Image
User avatar
tups
Supporter im Ruhestand
Supporter im Ruhestand
 
Posts: 7019
Joined: 06.2009
Cash on hand: 100,578.29 Points
Bank: 125,443.10 Points
Thanks: 561
Thanked: 1770 times in 1468 posts
Gender: Male

Re: AddThis Button zentrieren

Post#5by 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: Select all
<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 -->



<!-- 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>

<!-- ENDIF -->
   <span class="copyright">&copy; <a href="http://www.phpbb.com/">phpBB</a>
   <!-- IF TRANSLATION_INFO -->{TRANSLATION_INFO}<!-- ENDIF -->
   <!-- IF DEBUG_OUTPUT -->
<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 -
User avatar
Premium Mitglieder Donna
Foren-Guru
Foren-Guru
 
Posts: 366
Joined: 03.2011
Cash on hand: 4,841.77 Points
Bank: 11,872.25 Points
Location: Düsseldorf
Thanks: 140
Thanked: 28 times in 18 posts
Gender: Female
Forenstyle: subsilver Chronic

Re: AddThis Button zentrieren

Post#6by 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?
Image
User avatar
tups
Supporter im Ruhestand
Supporter im Ruhestand
 
Posts: 7019
Joined: 06.2009
Cash on hand: 100,578.29 Points
Bank: 125,443.10 Points
Thanks: 561
Thanked: 1770 times in 1468 posts
Gender: Male

Re: AddThis Button zentrieren

Post#7by 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 -
User avatar
Premium Mitglieder Donna
Foren-Guru
Foren-Guru
 
Posts: 366
Joined: 03.2011
Cash on hand: 4,841.77 Points
Bank: 11,872.25 Points
Location: Düsseldorf
Thanks: 140
Thanked: 28 times in 18 posts
Gender: Female
Forenstyle: subsilver Chronic

Re: AddThis Button zentrieren

Post#8by 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: Select all
<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
Image
User avatar
tups
Supporter im Ruhestand
Supporter im Ruhestand
 
Posts: 7019
Joined: 06.2009
Cash on hand: 100,578.29 Points
Bank: 125,443.10 Points
Thanks: 561
Thanked: 1770 times in 1468 posts
Gender: Male

The following user would like to thank tups for this post

Re: AddThis Button zentrieren

Post#9by 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 -
User avatar
Premium Mitglieder Donna
Foren-Guru
Foren-Guru
 
Posts: 366
Joined: 03.2011
Cash on hand: 4,841.77 Points
Bank: 11,872.25 Points
Location: Düsseldorf
Thanks: 140
Thanked: 28 times in 18 posts
Gender: Female
Forenstyle: subsilver Chronic

Re: AddThis Button zentrieren

Post#10by SAK » 14.10.2011 10:16

Code: Select all
    <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
Image
User avatar
SAK
Auszubildender
Auszubildender
 
Posts: 30
Joined: 02.2008
Cash on hand: 267.46 Points
Location: Frankfurt / Main
Thanks: 1
Thanked: 0 time in 0 post
Gender: Male
Forenstyle: bo2Soft

Re: AddThis Button zentrieren

Post#11by 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: Select all
<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.
Image
User avatar
tups
Supporter im Ruhestand
Supporter im Ruhestand
 
Posts: 7019
Joined: 06.2009
Cash on hand: 100,578.29 Points
Bank: 125,443.10 Points
Thanks: 561
Thanked: 1770 times in 1468 posts
Gender: Male

The following user would like to thank tups for this post

Re: AddThis Button zentrieren

Post#12by 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 -
User avatar
Premium Mitglieder Donna
Foren-Guru
Foren-Guru
 
Posts: 366
Joined: 03.2011
Cash on hand: 4,841.77 Points
Bank: 11,872.25 Points
Location: Düsseldorf
Thanks: 140
Thanked: 28 times in 18 posts
Gender: Female
Forenstyle: subsilver Chronic

Re: AddThis Button zentrieren

Post#13by 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: Select all
<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:
User avatar
Flora
 
Highscores: 273


Return to "phpBB3: Hilfestellungen bei der Benutzung"


 

Who is online

Users browsing this forum: Yahoo [Bot] and 2 guests

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
cron