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."

 

Linie einfügen

 

RESTÉZ EN LIGNE, S'IL VOUS PLAÎT.

 

.

ZUM EINSATZ DES LINIENBLOCKS

Abschnitte

  1. Linie hinzufügen
  2. Linie platzieren
  3. Linie einfärben

Der Linien-Block fügt dem Layout einer Seite eine waagerechte Linie (<hr> in HTML) zwischen anderen Blocks hinzu. Er bietet eine großartige Methode, um Text aufzubrechen oder Elemente visuell voneinander zu trennen.


MERKE: Der Linien-Block kann keine vertikale Linie erzeugen — nur horizontale. Die einzige Methode, um eine senkrechten Linie zu erzeugen, ist das Platzieren eines z. B. in Photoshop erstellten Bildes einer solchen Linie, welches anschließend in einem Bild-Block platziert wird. Bedenken Sie jedoch, wie das auf einem mobilen Gerät aussieht; verzichten Sie lieber darauf und lächeln Sie dazu.

.

 

Schritt 1 - einen Linienblock hinzufü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. 

Klicken Sie auf einen Einfügungspunkt , um den Linien-Block einzufügen.

Im the Block-Menu scrollen Sie ein paar Zeilen herunter und wählen 'LINE'. Um den Block an seinen Platz zu bringen, klicken Sie darauf und ziehen ihn auf das Layout der Seite.


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

.

 

Schritt 2 - Den Linien-Block platzieren

Klicken SIe auf den Linien-Block 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 und Ihnen den Weg zu möglichen Positionen bieten. An diesen Hilfs- und Einfügungslinien können SIe den Linien-Block los- und einrasten lassen.

.

Schritt 3 - Den Linien-Block einfärben

Die untenstehenden Templates erlauben es Ihnen, die Farbe der durch den Linien-Block eingefügten Linien zu bestimmen, indem sie eine Einstellung im Style Editor anbieten. Nutzen Sie diese Liste, um zu sehen, ob Ihr Template diese Einstellung unterstützt und wie die genaue Bezeichnung der Einstellung dort lautet.

Devlin > Body Borders

Five > Lines & Decorations

Hudson (im aktiven Ruhestand) > Page Border Color

Julia > Page Border Color

Montauk > Page Border Color

Om > Page Border Color


MERKE: Wenn Sie die Farbe des Linien-Blocks im Style Editor verändern, wirkt sich dieses auf sämtliche Linien der Website aus.

TIPP: Man kann den Linienblock auch hervorragend zur Trennung aneinanderhängender Textelemente einsetzen. Ebenso ist es manchmal knifflig, ein anderes Element an eine kurze Textzeile anzudocken; eine Linie lässt dieses in jedem Fall zu und und erleichtert Ihnen den Platzierungswusch. Anschließend können Sie die Linie einfach wieder löschen.  

Jogi Löw wäre begeistert: wie Sie Räume eng machen können, steht in ABSTÄNDE EINFÜGEN

Ordnung ist die halbe Website: erfahren Sie mehr über zwei-rechts-zwei-links in INHALTE ANORDNEN