Google +1 und CSS

[dr.1977]

Hallo, ich habe das plugin für Google +1 installiert.

Nun würde ich es gerne im header ausgeben lassen, habe dazu in der index.html vom origianl template eine div "plusone" erstellt mit dem Inhalt

"<g:plusone size="normal></g:plusone>"

Das +1 wird auch angezeigt, nur bin ich nicht imstande, es per CSS korrekt zu formatieren.

Ich habe versucht, das CSS von der searchbox zu kopieren und zu benutzen, das zerschiesst mir allerdings das gesamte template:

/* HEADER WITH LOGO, SEARCH BOX AND LANGUAGE SELECTION */

#header {height:115px;background: #666 url("../img/bg_header.gif") repeat-x; border-bottom: 1px solid #fff; border-top: 10px solid #fff;}

#header #logo {padding-left:27px; float:left}

#header #search {width: 230px; height:50px; float:right; color:#fff; padding:0px 0px 0px 0px}

#header #search a {color:#fff; font-size:11px;}

#header #plusone {width: 30px; height:30px; float:left; color:#fff; padding:0px 0px 0px 0px}

#header td {padding-top:1px; padding-right:4px;}

Wäre bitte jemand so nett?

[dr.1977]

Habe es mit den smarty literal tags versucht, läuft aber auch nicht....

[df:bug]

Hallo,

hast du den Google-Tag in einem eigenen DIV-Container?

<div id="plusone">

<g:plusone size="small"></g:plusone>

</div>

Viele Grüße,

df:bug

[dr.1977]

Hi, ja habe ich, hier der Auszug aus der index.html:

<div id="wrap">

	<div id="header">

		<div id="logo"><img src="{$tpl_url_path}img/top_logo.jpg" alt="{$store_name}" /></div>

		<div id="plusone"><g:plusone size="small"></g:plusone></div>

		<div id="search">{box name=search}</div>

	</div>

und hier der auszug aus der CSS:

/* HEADER WITH LOGO, SEARCH BOX AND LANGUAGE SELECTION */

#header {height:115px;background: #666 url("../img/bg_header.gif") repeat-x; border-bottom: 1px solid #fff; border-top: 10px solid #fff;}

#header	#logo {padding-left:27px; float:left}

#header #plusone {padding-left:300px; float:left}

#header #search {width: 230px; height:50px; float:right; color:#fff; padding:0px 0px 0px 0px}

#header #search a {color:#fff; font-size:11px;}

#header td {padding-top:1px; padding-right:4px;}

edit:der hier gepostete code ist korrekt. Für einbindung im Header des Original Templates.

[dr.1977]

Hi df:bug,

jetzt funktioniert es ! Warscheinlich hab ich einen blöden Anfängerfehler gemacht und den code unsauber geschrieben. Das Plugin funktioniert perfekt, und auch die Einbindung.

Sorry für die Störung, Lukas

[df:bug]

Hallo,

bei der Verwendung von "float" müsste auch ein "clear" folgen, um das floaten zu beenden.

Viele Grüße,

df:bug