G+ und FB Button auf Grafik mit Code einbinden

[Vinek]

Hallo HTML Community,
Ich wollte euch fragen wie ich auf meiner Website (www.gamers-special.de) oben auf der Grafik (unten im screen makiert) einen G+ und einen FB Button mit dem erhaltenen Code einbinden kann so das die auf der Grafik auch not´rmal funktionieren, weil so wie ich es jetzt im footer habe sieht das ja kein schwein
Sry ich habe leider nur sehr begrenzte kenntisse im Coding auf Websites.
Ich hoffe ihr versteht was ich meinen und könnt mir helfen, falls nich könnt ihr ja fragen
Danke im vorraus.

MfG
Vinek

Pic:

 

[threadi]

Du müsstest den HTML-Code den dir die beiden Dienstleister anbieten in dein div, welches als Style

display: inline; float: left; letter-spacing: 0; padding-left: 10px;

hat einfügen. Da Du sehr viele div's da oben hast, kann ich hier nicht genauer sein.

 

[Vinek]

Also ich hab jetzt nach gefühlten 5 stunden endlich die richtige header datei gefunden

da steht jetzt im code vom top panel:

<div style="width: 971px; height: 25px; margin: 0px; border: 0px; padding: 0px; background: url(<?php echo "$imagepath";?>/top_panel.png);">

Dannach kommen jetzt die anderen buttons für die Konsolen:

<div style="display: inline; float: left; letter-spacing: 0; padding-left: 10px;"><a href="playstaton-portable/"><img hspace="2" src="http://www.html.de/images/consoles/psp.gif" alt="Playstation Portable" border="0" /></a><a href="pc/"><img hspace="2" src="http://www.html.de/images/consoles/pc.gif" alt="Computer" border="0" /></a><a href="playstation-3/"><img hspace="2" src="http://www.html.de/images/consoles/ps3.gif" alt="Playstation 3" border="0" /></a><a href="gameboy-advance/"><img hspace="2" src="http://www.html.de/images/consoles/gba.gif" alt="Gameboy Advance" border="0" /></a><a href="nintendo-wii/"><img hspace="2" src="http://www.html.de/images/consoles/wii.gif" alt="Nintendo Wii" border="0" /></a><a href="xbox/"><img hspace="2" src="http://www.html.de/images/consoles/xbox.gif" alt="XBox" border="0" /></a><a href="xbox-360/"><img hspace="2" src="http://www.html.de/images/consoles/x360.gif" alt="Xbox 360" border="0" /></a><a href="gameboy/"><img hspace="2" src="http://www.html.de/images/consoles/gb.gif" alt="Gameboy" border="0" /></a><a href="playstation-2/"><img hspace="2" src="http://www.html.de/images/consoles/ps2.gif" alt="Playstation 2" border="0" /></a><a href="nintendo-ds/"><img hspace="2" src="http://www.html.de/images/consoles/ds.gif" alt="Nintendo DS" border="0" /></a></div>

Also muss ich das jetzt so machen (direkt nach dem div von Nintendo DS) :

<div style="display: inline; float: left; letter-spacing: 0; padding-left: 10px;">([U][B]Jetzt kommt der google code[/B][/U])<!-- Platzieren Sie dieses Tag an der Stelle, an der die +1-Schaltfläche angezeigt werden soll. -->
<g:plusone size="medium" annotation="inline"></g:plusone>

<!-- Platzieren Sie diese Render-Anweisung an einer geeigneten Stelle. -->
<script type="text/javascript">
  window.___gcfg = {lang: 'de'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script></div>

EDIT: Danke, danke,danke habs jetzt endlich geschafft xD danke für den tipp mit dem div kannst ja mal gucken funzt Perfekt

 

[lascaux]

Hallo,

ist zwar nur eine kleine optische änderung:

Facebook bietet bei dem, Like-Button den man erstellt hat, 4 möglichkeiten an, diesen zu verlinken. Eine davon heißt link. Also dass es per <a></a> eingebettet werden kann, zB mit einem eigenen Facebook-Symbol was angepasst ist.

Google + müsste soetwas ähnliches anbieten, ich weiß es aber nicht - ich lasse die Finger von Google.

Nur noch so als anmerkung: Dein Like-Button hängt etwas schief auf deiner Seite.


lascaux