sssupers ist ein Squarespace Spezialist Webdesign Studio mit Website Boutique, das vom Fotografen und Designer Rasmus Schübel geführt wird. "Ich helfe meinen Kunden, ihre Website als sicheren Hafen der Selbstdarstellung im Internet zu erleben und verkaufe in meiner Boutique schlüsselfertige, maßgeschneiderte Websites an qualitätsbewußte Kunden mit Stil."

 

Abstand einfügen

 

ONE SMALL SPACER FOR A MAN, ONE GIANT LEAP FOR THE LAYOUT

 

.

ZUM EINSATZ DES ABSTANDSBLOCKS

Abschnitte

  1. Abstandsblock hinzufügen
  2. Abstandsblock platzieren
  3. Abstandsblock einstellen

Der Abstandsblock oder 'SPACER' fügt einen einstellbare Zwischenraum zwischen Blocks ein. Es ist die beste Methode, um die Größe der angrenzenden Blocks zu beeinflussen und um Abstände von Blocks und Bildern auf Seiten und in Blogbeiträgen zu steuern.

.

 

Schritt 1 - einen Abstandsblock hinzufügen

Klicken Sie auf einen Einfügungspunkt , um den Abstandsblock einzufügen. Einfügungspunkte erscheinen, wenn Sie bei aktiviertem Editier-Modus mit der Maus über die Seite fahren. Sie sehen aus wie seitlich liegende Tropfen mit einer kräftigen Linie, die zur rechten Seite herausragt. 

Wählen Sie im Block Menu, das Icon 'Spacer' aus.


Merke: Man kann den Spacer Block auch zu einer Seitenleiste (Sidebar) oder dem Footer hinzufügen, wenn das Template dies unterstützt.

.

 

Schritt 2 - Abstandsblock platzieren

Klicken SIe auf den Abstandsblock und bewegen Sie ihn mit 'Drag and Drop' an seinen neuen Bestimmungsort. Orientieren Sie sich dabei an den Einfügungsmarkierungen, die während des Ziehens des Abstandsblocks über Ihr Layout als kräftige, dunkle Linien sichtbar werden. An diesen Hilfs- und Einfügungslinien können SIe den Abstandsblock los- und einrasten lassen.

Sie können den Abstandsblock beim Bewegen auch in eine eigene Spalte des Layouts verschieben.

.

 

Schritt 3 - Abstandsblock einstellen

Wenn Sie auf den eingerasteten Abstandsblock klicken, erscheint an dessen unteren Seite in der Mitte ein JUSTIERPUNKT. Sie können den Abstandsblock einstellen, indem Sie auf diesen Justierpunkt klicken und diesen mit der Maus nach oben oder unten ziehen. 

Halten Sie während des ziehens die SHIFT-Taste auf Ihrer Tastatur gedrückt, wird der Abstand in Schitten von 20px schrittweise vorgenommen, Squarespace nennt dies 'Shift and Snap'. 


Es gibt GRENZEN zum Ziehen des Abstandsblocks. Sie können ihn maximal bis zur vorgesehenen Seitenbreite dehnen und werden ihn an einem bestimmten Punkt nicht weiter in sich zusammenschieben können. Ebenso können Sie mit der Maus über die Seiten des Abstandsblocks fahren, diese mit einem Klick anfassen und seitlich nach innen und Außen ziehen.  


TIPP: Wenn Sie einen neuen Abstandsblock erstellen, ist dieser stets auf eine bestimmte Größe voreingestellt. Diese Größe liegt nahe bei der geringst einstellbaren Höhe, lässt sich aber nach Klick auf den Justierpunkt in der Mitte der Grundlinie noch einige Pixel verkleinern und so den bei Squarespace kleinst möglichen Abstandhalter einfügen. 

Alles über Blocks lesen Sie in ALLES ÜBER BLOCKS

Für die Gestaltung von Layous lesen Sie weiter in  SEITEN AUFBAUEN