[G2] Theme Carbon: Problem bei Logo zentrieren (gelöst)

Wayan

Joined: 2009-10-07
Posts: 3
Posted: Wed, 2009-10-07 19:59

Hallo Zusammen,
ich arbeite mich gerade in G2 ein (die Seite läuft z.Zt. nur bei mir lokal) und hänge am Zentrieren meines Logos.

Den Artikel http://codex.gallery2.org/Gallery2:How_to_Add_Custom_Banner_or_Remove_Gallery_Logo habe ich gelesen und auch im Theme die URL zum alternativen Logo hinterlegt.
Irgendwo stand geschrieben, dass man die theme.pl modifizieren kann mit <center>, aber auch das blieb ohne Wirkung (es waren insgesamt vier img Tags, die ich probiert habe).

Per css habe ich es probiert - das geht so lange gut, bis ich das Browserfenster verkleiner und dann das Logo über den Rand ragt. Das liegt daran, dass das Logo erst 1200px lang war. Nun habe ich ein 600px Logo und möchte es zentriert haben.

Hat noch jemand eine Idee, woran es liegen kann?

Vielen Dank für jeden Tip!

VG
Sandra
 
oceco

Joined: 2007-10-22
Posts: 666
Posted: Wed, 2009-10-07 20:56

Hi Wayan, willkommen im Forum!
Die relevante Doku-Seite von Gallery2 hast Du ja schon gefunden, darum fass ich mich hier kurz.
Für die Gestaltung setzt Gallery2 strikt auf CSS.
In theme.tpl folgendes:

<div id="gsHeader">
  <img src="{g->url href="images/dein_logo.jpg"}" width="80%" alt=""/>
</div>

Wenn Du die Breite in Prozent angibst, entferne die height="xyz"-Angabe. Der Browser skaliert dies von selbst gemäss den Bild-Proportionen auf 80% der Browser-Fensterbreite.
Und im theme.css zentrierst Du das Bild mit:

#gsHeader {
  text-align: center;
}

Das ist nichts Gallery2-spezifisches abgesehen von den Dateinamen und den 5 Zeichen smarty-Code [{g-> und }), sondern reines HTML und CSS. Wenn es ein <center>-HTML-Tag jemals gab, so ist dies heute mit Sicherheit depreciated.

Good luck/oceco
__________________________________________
Für Support folgende Infos posten:
Site-Admin -> Wartungsaufgaben -> System-Info und Link zu phpinfo()
 
Wayan

Joined: 2009-10-07
Posts: 3
Posted: Thu, 2009-10-08 08:00

Hallo Oceco,
Danke für Deine Antwort :-)

Ich hab's dann jetzt gefunden:

CSS:

#gsHeader {
margin-left: auto;
margin-right: auto;
height: 90px;
text-align: center;
}

und im theme.pl den fetten Teil modifiziert und ins local Verzeichnis geschoben:

<div id="gsHeader">
	<table width="100%" cellspacing="0" cellpadding="0">
	  <tr>
	    <td align="center" valign="top" width="100%">

Danke für den Schubs in die richtige Richtung!

VG
Sandra