horizontale Linien mit CSS formatieren
In vielen Templates sind horizontale Linien im CSS nicht formatiert. Da aber einige Komponenten und Module, wie zB. VirtueMart, horizontale Linien ausgeben, ist es sinnvoll die Formatierungim CSS ihrer Seite nach zu tragen, da sonst nur eine Standart Linie in schwarz ausgegebn wird. Und so formatieren Sie schnell und einfach horizontale Linien im CSS ihres Temlates:
Öffnen Sie die CSS-Datei ihres Templates (Erweiterung --> Templates --> Template öffnen--> CSS bearbeiten --> template.css)
und fügen Sie an beliebiger (freien) Stelle folgenden Code ein.
hr{
border:none;
border-top: 1px solid #E00060;
color: #FFFFFF;
background-color: #FFFFFF;
height: 1px;
}
Die Linienart läßt sich sich mit diesen Parametern einstellen:
- solid (durchgezogen)
- dashed (gestrichelt)
- dotted (gepunktet)
Die Linienfarbe und Höhe läßt sich hier bestimmen: "border-top: 1px solid #E00060;"
Kommentar schreiben