Der Zeilenabstand, das Spacing, lässt sich in WebAcappella erweitern, indem man auf einen Wortabstand je Zeile eine größere Schriftgröße anwendet. Der Text bleibt unberührt. Headlines oder ähnlich kurze Texte können durch Einfügen von Zeichen (z.B. einem Komma) in der Hintergrundfarbe zwischen den Buchstaben gesperrt werden. Das finden die Suchmaschinen dann allerdings komisch.
Moin, ich hab mir überlegt ich zwinge die Zeilen in Ihre Form und nehme den doppelten Zeilenabstand also zwei returns. Ist allemal besser als das Gequetsche. Oder?
Doppelter Zeilenabstand? Eine Leerzeile also. Das ist mir meistens zuviel. Bei der weiter oben beschriebenen Methode kann ich den Durchschuss punktweise erhöhen. Verringern geht natürlich nicht. Das Ganze wird wahrscheinlich eh nur dort angewendet, wo die Gestaltung einiger Zeilen das Gesamtbild verbessert und nicht bei reichlich Fließtext.
Der CSS Befehl hierzu lautet "letter-spacing" und kann eigentlich ganz einfach in der Seite eingebaut werden. Um den benötigten HTML-Code zu erhalten erstellt man eine Demoseite in der man einen Text einträgt, den man schnell wiederfindet. Diesen Text formatiert man erst einmal in der Grösse, Schriftart usw. und veröffentlicht die Seite. Dann Schaut man in den HTML-Code der Seite und sucht seinen Text. Die Codezeile für den Text inkl. Formatierung, sieht etwa so aus:
1
<div align="left"><span style="font-family:'Arial';font-size:12px;font-weight:normal;color:#000000;" >Dieser Text ist mit Letter-Spacing modifiziert!</span></div>
Diese Zeile kopiert man nun und setzt sie in einem HTML-Baustein auf der Seite ein. Was nun noch fehlt, ist der Code fürs Spacing, welche so aussieht "letter-spacing:2px;". Diesen kopiere ich einfach zu den Style-Vorgaben des Textes in meiner Programmzeile, was dann so aussieht:
1
<div align="left"><span style="font-family:'Arial';font-size:12px;font-weight:normal;color:#000000;letter-spacing:2px;" >Dieser Text ist mit Letter-Spacing modifiziert!</span></div>
Den HTML-Baustein kann ich nun auf der Seite verschieben und in der Grösse anpassen, genauso wie einen Textbaustein, nur das ich hier die Änderungen im Code vornehme. Den Text ändere ich nun so ab, wie ich es möchte und fertig.
Das Spacing wird über die Angabe in Pixeln definiert und steht hinter dem Doppelpunkt - letter-spacing:2px; - Zum Verbreitern nehme ich positive Werte ( 2px ) und zum Schrumpfen des Abstandes benutze ich negative Werte ( -2px ).
Ja ja Didi, die HTML-Codes. Da hab ich in der Vergangenheit schon immer viel Bahnhof verstanden. Muss ich mich mal reinknien. Deine Anleitung sollte jetzt der Anstoß sein. Das Vergnügen stellt sich dann beim Erfolg ein. Oh Schweiß lass nach. . . . und danke für Deine Mühe!
Zitat von Lengo im Beitrag #7Ja ja Didi, die HTML-Codes. Da hab ich in der Vergangenheit schon immer viel Bahnhof verstanden. Muss ich mich mal reinknien. Deine Anleitung sollte jetzt der Anstoß sein. Das Vergnügen stellt sich dann beim Erfolg ein. Oh Schweiß lass nach. . . . und danke für Deine Mühe!
Ein früherer Lehrer von mir hat immer gesagt: "Mut zur Lücke" oder "Mann muss nicht alles wissen, man muss nur wissen wo es steht". Im Zeitalter des Internets, eigentlich kein Problem. Wenn man sich sein(e) kindliche(n) Spieltrieb oder Neugier erhalten hat, dann kommt man da schnell rein
Anfänglich habe ich auch immer gedacht, was steht da? Mit der Zeit und mit viel rumprobieren geht es aber. Genauso wie in Matrix, wo Neo und der Operator auf dem Bildschirm mit vielen von oben nach unten laufenden Zeichen schauen und der Operator im sagt was er sieht. Nur das mit dem Fliegen habe ich noch nicht hinbekommen .
Keine Panik und wenn du Fragen hast, einfach stellen. Am besten, du kopierst den fertigen Code von oben und fügst den in einen HTML-Baustein ein. Dann versuchst du einfach mal herumzuspielen. Im iWeb-Forum haben wir immer gesagt:"Keine Angst der Mac explodiert nicht". Mehr als nicht funktionieren geht nicht, oder?
Web Acappella - Forum, Tips und Tricks zum Bauen von Webseiten
»
Web Acappella
»
TIPPS UND TRICKS - Anleitungen zu Erweiterungen der Programmfunktionen
»
Tipps und Tricks für Version 4
»
Typogafie
Thema drucken
27.07.2012 23:02 (zuletzt bearbeitet: 27.07.2012 23:04)
Antworten
.