Hallo Freunde der Sonne!

Habe heute was Tolles gesehen und möchte ich auch gerne einbauen. Undzwar eine dünne blaue Linie die horizontal von ganz oben links bis ganz oben rechts verläuft. So ähnlich wie auf "http://www.schauspielschule.eu/"

Ideen, wie man das verwirklicht?

Beste Grüße und ein weiterhin schönes Wochenende wünsche ich!

Kommt darauf an was für einen Style du verwendest?

Ansonsten das hier noch in die style.css des verwendeten Styles einfügen.

1
2
3

body {
        border-top: 5px solid #000000;
}

Bei den 5px kannst du die höhe festlegen. Bei #000000 die Farbe, Blau ist #0000FF.

ist es möglich da noch einen Text einzufügen?

Ist schon möglich, soll der text in der mitte,oben oder unten sein?

1
2
3

body {
        border-top: 5px solid #000000;
}

Vielen Dank! Ich hab hier das hier stehen. Ersetzen oder zusätzlich einfügen?

"body {

font-family: Arial, Verdana, Tahoma;

font-size: 0.8em;

font-style: inherit;

font-weight: inherit;

 text-decoration: inherit;

}
#layout {

{general.body.align}

}"

Hi kann da noch jemand antworten drauf, wäre großartig :D

Zusätzlich einfügen würde zwar auch gehen, macht man aber nicht, da quasi dann die erste Definition von "body" durch deine Zweite Body-Definition überschrieben wird.

Den Code musst du ersetzen.

Hi! DANKE :) 

Komischerweise geht jetzt aber immer der Windows eigene Editor auf wenn ich die css datei über filezilla öffnen will, obwohl ich den notepad++ als standardeditor eingestellt habe. Und ihr habt ja gesagt, nicht mit dem normalen editor abspeichern. Was nun?

Die Seite ist komplett fertig, da fehlt nur noch dieses i-tüpfelchen :D

Bin für Hilfe wie immer sehr dankbar!!! :)

Viele Grüße

Joa, wobei ich beim Windows-Editor mehr das Problem sehe, das man dort nicht wirklich einen Überblick hat...

Es gibt bei manchen Dateien die man mit dem Editor öffnet evtl.Darstellungsprobleme durch das UTF-8-BOM, das sollte aber in diesem Fall keine große Rolle spielen.

Lade die Datei halt auf Deinen Rechner runter, ändere Sie und lade sie wieder hoch

Also ich hab das gemacht, und leider zwei Probleme:

Erstens, wie man auf dem Bild erkennt, sieht es ganz komisch aus, da die Linie nicht direkt am oberen Bildschirmrand hängt, sonder drunter.

Zweitens hat dies Einfluss auf mein Layout. Alle Schriftarten /-größen auf alles Seiten waren auf einmal anders, auch die Schriftart der Headerlinks sind auf einmal völlig andere. 

Habe das also erstmal wieder zurückverändert.....

Hallo Leute, hat jemand eine Lösung für das Problem?

Vielen Dank schon mal!!!

Grüße

Überleg doch mal ein klein wenig selbst...

Wenn Du dein bestehendes Body

1
2
3
4
5
6
7

body {
font-family: Arial, Verdana, Tahoma;
font-size: 0.8em;
font-style: inherit;
font-weight: inherit;
text-decoration: inherit;
}

Mit dem hier überschreibst:

1
2
3

body {
        border-top: 5px solid #000000;
}

fehlt doch logischerweise die hälfte, also die Definition der Schrift auf der ganzen Seite (was ich rot markiert habe)
Du musst den obigen Code zusätzlich in das Body einfügen, also so:

1
2
3
4
5
6
7
8

body {
font-family: Arial, Verdana, Tahoma;
font-size: 0.8em;
font-style: inherit;
font-weight: inherit;
text-decoration: inherit;
border-top: 5px solid #000000;
}