5202

ein Blog über technische Fragen zu Blogger

Wie zentriere ich das Blogger Seiten-Gadget? Teil III

von
Ich fasse noch mal die Möglichkeiten zusammen, das Seiten-Gadget zu zentrieren.


--> Für alle Blogger-Vorlagen _außer_ dem Simple-Layout
Vorlagen Designer > Vorlagen > CSS hinzufügen
.PageList ul{
  float: left;
  position:relative !important;
  left: 50% !important;
  overflow: visible !important;
}
.PageList ul li{ 
  float: left;
  position:relative !important;
  right: 50% !important;
}

--> Im 'Simple'-Layout ist die Lösung von Greenlava besser
Vorlagen Designer > Vorlagen > CSS hinzufügen
.PageList {
  text-align:center !important;
}
.PageList li {
  display:inline !important; 
  float:none !important;
}

--> In einigen seltsamen Fällen kann es sinnvoller sein, den Div-Container, in der das Seiten-Gadget liegt, eine definierte Breite zu geben und mit text-align:center;  zu zentrieren
Vorlagen Designer > Vorlagen > CSS hinzufügen
.tabs-outer {
  width:800px;
  text-align:center;
} 

--> Falls ihr statt des Seiten-Gadgets das Label-Gadget benützen wollt
Vorlagen Designer > Vorlagen > CSS hinzufügen
.Label ul{
  float: left;
  position:relative !important;
  left: 50% !important;
  overflow: visible !important;
}
.Label ul li{ 
  float: left;
  position:relative !important;
  right: 50% !important;
}

--> Grundsätzlich können alle Listen mit dieser Methode zentriert werden, ihr müsst nur den entsprechenden CSS-Selektor dazu kennen :=).

Ob die CSS funktioniert seht ihr, indem ihr im Vorlagen Designer hinter der letzten geschweiften Klammer } des letzten Ausdrucks die Taste 'Eingabe' [Enter] drückt - dann solltet im unteren Drittel des Bildschirms in der 'Vorschau' das gewünschte Gadget zentriert sein. Wenn es passt, sichert ihr die Änderung mit dem Schalter links oben 'Auf Blog anwenden'. Ich empfehle, das erst mal in einem Test-Blog auszuprobieren, bevor es in den Haupt-Blog übernommen wird.