Hintergrundfarbe des ganzen bildschirm verändern

Druckbare Version

23.02.2010, 18:13
sic-berlin

Hintergrundfarbe des ganzen bildschirm verändern

Seid gegrüßt...

ich bin Jürgen, in Berlin wohnhaft und erst seit dem heutigem Datum, in diesem Forum angemeldet.
Mein Wissen um Typolight ist leider sehr gering und aus diesem Grunde, versuche ich hoffentlich mit Eurer Unterstützung, diesen Wissensdurst zu stillen :)

Sodann, ich habe ersteinmal nur 2 Fragen:

1. Wie bzw. wo kann ich die Hintergrundfarbe einstellen/verändern? so dass sich die Farbe des ganzen Bildschirmes verändert?

2. ich würde gern, so einen YouTube Bildschirm oder einen Ähnlichen, in meiner Homepage integrieren, wie bitte stelle ich das an?

Danke im Voraus und Grüße aus Berlin
Jürgen
23.02.2010, 18:59
Seitengestalter

Hallo Jürgen,

die Änderung der Hintergrundfarbe machst Du über CSS, also einfach dem body eine andere Farbe zuweisen.
Falls du mit "YouTube Bildschirm" meinst, dass Du einen Film auf der Seite zeigen willst, dann schau Dir mal die Erweiterung yw_youtube an.

Gruß, Roland
24.02.2010, 16:33
sic-berlin

Hintergrundfarbe ändern

Grüß Dich Roland und danke für Deine Antwort...

Wei schon erwähnt, beschäftige ich mich mit typolight erst seit ein paar Tagen und, na ja, eben keine wirkliche Peilung :-)

Ich habe soeben unter Stylesheets, na dem Wort "body" gesucht aber leider nichts gefunden...

Mit dem Bildschirm YouTube, sei die Frage erlaubt: Wenn ich den Erweiterungskatalog herunterlade, kann da irgendetwas passieren, was meine Homepage zerstört?

Mit freundlichen Grüßen
Jürgen
24.02.2010, 21:43
Sebastian

HI

entschuldige, dass ich dir das sage: Für die Bedienung von TYPOlight und den ordentlichen Umgang damit, vorallem wenn es um das Administrieren von Seiten geht, ist unbedingt Grundlagenwissen über CSS erforderlich, sowie zumindest ein Grundverständnis von der Materie „Websites“ generell. Ich möchte dir nicht unterstellen, dass du das vielleicht nicht kannst, aber solche Fragen, speziell zur Hintergrundfarbe, und somit CSS, solltest du extern erlernen oder die Forensuche benutzen, du wirst dir selbst damit mehr Freude machen.

Sebastian
25.02.2010, 07:11
sic-berlin

sic-berlin

Danke Sebastian,

genau dass tue ich doch... nur möchte ich mein Wissen, sofort umsetzen und nicht erst wochenlang, dass Benutzerhandbuch studieren...menschlich nachvollziehbar, oder?

Trotzdem Danke
Gruß Jürgen
25.02.2010, 08:42
christian

Zitat:

Zitat von sic-berlin

nur möchte ich mein Wissen, sofort umsetzen und nicht erst wochenlang, dass Benutzerhandbuch studieren..

Hallo Jürgen,

sicher ist das verständlich. CSS an sich hat aber nur insofern etwas mit TYPOlight zu tun, als dass Kenntnisse hierüber für die Benutzung von TL erforderlich sind. Ich denke nicht, dass Du CSS von Grund auf über TL lernen kannst/solltest. Dafür gibt es geeignetere "Grundkurse" im Netz.

Dieses Forum wird Dich selbstverständlich dabei unterstützen, Deine Ideen in TL umzusetzen, ich befürchte aber, dass dies kein "Interaktives Lerntraining CSS von der Pike auf" werden kann.

TYPOlight ist ein Tool, mit dem Du als Webmaster, der grundlegende Kenntnisse in CSS, Html und PHP hat, Websites erstellen und managen kannst. Man wird aber mehr Kenntnisse brauchen, als das z.B. bei Homepage-Baukästen erforderlich ist. Du kannst es ja parallel versuchen. Guck Dir mal http://de.selfhtml.org/ an, da steht schon mal eine ganz gute Grundeinführung zu CSS/HTML.

Grüße,

Christian
25.02.2010, 17:17
sic-berlin

Hallo Christian,

herzlichen Dank für Deine Antwort, die mir eben grundsätzlich auch weiterhilft und mich erkennen lässt, welche Laientätigkeit bei der Programmierung meiner Webseiten, ausübe :-)

Es ist doch schon mal hilfreich zu wissen, das typolight und css, eben zwei verschiedene Dinge sind, ernsthaft, dass wußte ich noch nicht....Na ja, eben "blutiger Anfänger"....

Ich kann mittlerweile, Bilder und Texte einstellen und auch über Seitenstruktur oder und Seitenlayouts positionieren. Das Kopfbild habe ich bereits bei meinen Seiten ändern können und nun möchte ich eben, die Hintergrundfarbe des gesamten Bildschirmes, an das Kopfbild angleichen...

MfG Jürgen
[Admin: Werbelink entfernt]
Danke für den Tipp mit Grundkurs css, im Netz
25.02.2010, 19:14
christian

Hallo Jürgen,

im Grunde gehst Du so ja auch einen guten Weg. Wenn Du nicht weiterkommst - frag. TL ist halt nur das Werkzeug, aber eins, mit dem Du eine steile Lernkurve haben kannst.

Grüße,

Christian
25.02.2010, 19:50
sic-berlin

Danke Christian....

Ich suche schon seit ca 1 Stunde, in Stylesheets den body, hinterdem die Hintergrund-Bildschirmfarbe zu finden ist, um diese zu verändern... oh man, ich finde aber eben diesen body nicht... Kannst Du mir Bitte, noch einen Tipp dafür geben?

Grüße aus Berlin
Jürgen
25.02.2010, 20:05
Seitengestalter

@Christian: Nettes Statement, aber sorry, da bin ich anderer Meinung. Wenn wir dieses Forum jetzt noch um Themen für HTML- und CSS-Einsteiger erweitern wird es nur unübersichtlich. Die Anzahl der Quellen im Web zu diesen Themen ist riesig, wieso hier das Rad neu erfinden? Und die Frage von Jürgen hast Du ja auch nicht beantwortet ...

@Jürgen: Wie schon per PM mitgeteilt gibt es Antworten nur im Beitrag, damit auch andere davon profitieren können.
Um CSS zu lernen empfehle ich Dir die Seite Little Boxes. Dort kannst Du ein wirklich tolles Buch zu CSS online lesen und auch kaufen.
Wie Du Erweiterungen in TYPOlight manuell installierst kann Du hier nachlesen. Allerdings kannst Du "yw_youtube" auch ganz einfach über den Erweiterungskatalog im TYPOlight-Backend installieren.
Dein Versuch, gleich mal ein paar Erfolge zu erzielen, ist schon nachvollziehbar. Aber Du wirst nicht glücklich, wenn Du nicht mit den Grundlagen anfängst. Dafür ist das Zusammenspiel von HTML und CSS zu komplex. Ohne diese Kenntnisse dürften mit jeder Frage, die Du löst, zehn neue Fragen bei Dir auftauchen. Das schlaucht mit der Zeit ganz schön ...
An Deiner Stelle würde ich TYPOlight erstmal ein paar Wochen nach hinten schieben und mit HTML und CSS anfangen. Und keine Angst, auch da gibt es kleine Erfolgserlebnisse.
25.02.2010, 20:20
sic-berlin

:D

Ich weiß, ich weiß, alles jetzt und gleich geht halt nicht... :D

Ich werde mir die Zeit nehmen, nehmen müssen, um die Grundkenntnisse zu erlangen... Danke für die Hilfe

Mit freundlichen Grüßen aus Berlin
Jürgen
25.02.2010, 20:28
MacKP

Hallo sic-berlin,
nicht alle Klassen und ID's die im Quellcode verfügbar sind werden auch im CSS genutzt. Daher muss man die Teilweise erst selber erstellen.
Dazu einfach ne neue Regel anlegen ;-)

Viele Grüße
25.02.2010, 21:35
sic-berlin

Hallo Urgestein :-) Danke für Deine Antwort!

das habe ich mir auch schon gedacht, aber in meinen Homepages ist ja nun mal bereits und das auf der gesamten Bildschirmbreite, eine Hintergrundfarbe unterlegt... und, nur die hätte ich eben der Farbe des Kopfbildes gerne angeglichen...

Grüße aus Berlin
Jürgen
[Admin: Werbelink entfernt]
25.02.2010, 21:59
MacKP

Hmm ich seh bei einer Seite zum Beispiel eine definition da->
sic_grund.css (Zeile 444)

Sowas kann man recht einfach mit dem Firebug rausfinden (ist ein Addon für Firefox). Sollte man bei sowas immer zur Hand haben ;-)

Viele Grüße
26.02.2010, 07:05
sic-berlin

Guten Morgen Urgestein :-)

Fantastisch!!!

Ich habe zwar nicht die Zeile 144 gefunden, aber die Bestätigung Deinerseits, dass ich in sic_grund suchen muss, war schon äußerst hilfreich und siehe da, auch erfolgreich! zwar ist dass noch nicht die Farben die ich suche, aber ich konnte zumindest schon mal grundsätzlich Änderungen herbeiführen...

Fantastisch und herzlichen Dank
Best regards Jürgen
[Admin: Werbelink entfernt]
26.02.2010, 07:08
christian

Zitat:

Zitat von Seitengestalter

@Christian: Nettes Statement, aber sorry, da bin ich anderer Meinung.

Stimmt, aber ich wollte mal nett sein :D:D:D Immerhin hat er ja schon ein paar Anpassungen an Musicacademy geschafft.

Insgesamt kann ich dem Tenor des Threads aber nur beipflichten: Wir helfen gerne bei den Problemen, die mit/an TL auftreten und gucken auch schon mal(!) nach normalen CSS-Problemen. Aber einen Grundkurs können wir nicht bieten.

Grüße,

Christian
26.02.2010, 07:48
helmut

Hallo Sic-Berlin,
gehe einfach ins BackEnd
dann Stylesheets anklicken
[Screen] Layout mit Editor öffnen (ist der Bleistift)
dann
body öffnen
sieht so bei mir aus

Code:

body { background-color:#4b5255; ---> hier meine Hintergrundfarbe background-position:center top; background-repeat:repeat-y; }

PS. Sorry, hier wird mehr Zeit damit verschwendet darüber zu diskutieren, was man zuerst mal lernen soll, anstatt einfach mal in einer Minuten zu posten wie er dahin kommt. Sicher man muss sich damit befassen und ich versuche es auch, aber manchmal würde der ein oder andere Tipp helfen wo man hinpacken soll. Wenigstens MacKP hat ihm weitergeholfen!
26.02.2010, 08:32
MacKP

Äh.. sacht mal.. mein Nick ist MacKP
><

Viele Grüße
26.02.2010, 10:55
sic-berlin

:-) Ok, Ok, sodann...

trotzdem Danke....
26.02.2010, 10:59
sic-berlin

Grüß Dich Helmut,

danke für Deine Nachricht, dass ist auch meine Meinung... man möchte ja auch, gleich seine Kenntnisse umsetzen...

Zitat:

Zitat von helmut

Hallo Sic-Berlin,
gehe einfach ins BackEnd
dann Stylesheets anklicken
[Screen] Layout mit Editor öffnen (ist der Bleistift)
dann
body öffnen
sieht so bei mir aus

Code:

body { background-color:#4b5255; ---> hier meine Hintergrundfarbe background-position:center top; background-repeat:repeat-y; }

PS. Sorry, hier wird mehr Zeit damit verschwendet darüber zu diskutieren, was man zuerst mal lernen soll, anstatt einfach mal in einer Minuten zu posten wie er dahin kommt. Sicher man muss sich damit befassen und ich versuche es auch, aber manchmal würde der ein oder andere Tipp helfen wo man hinpacken soll. Wenigstens MacKP hat ihm weitergeholfen!
26.02.2010, 13:06
FloB

Das ist wie im richtigen Leben: Manchmal (häufiger) bekommt man nicht direkt das, was man möchte, sondern muss dafür arbeiten ;). Im Endeffekt ist Lernen immer der bessere Weg, da man schneller und effizienter arbeitet und Fehler durch Unkenntnis von vorneherein ausschließen kann.
27.02.2010, 12:48
sic-berlin

Flob,

alles wird im Kopf entschieden, denn "Der Zufall begünstigt den vorbereiteten Geist"...

Mit freundlicher Empfehlung
Jürgen
[Admin: Werbelink entfernt]
27.02.2010, 14:03
FloB

Versteh nicht so ganz, was das mit meiner Antwort zu tun hat …

Das Thema dritet glaube ich ein wenig ab, bitte BTT!
05.03.2010, 11:04
sic-berlin

Sei gegrüßt Helmut,

also das mit der Hintergrundfarbe habe ich, dank Deiner Hilfe hinbekommen und wollte ich die Hintergrundfarbe gegen ein Hintergrundbild ausstauschen, dass funktioniert leider noch nicht, kannst Du mir bitte einen Tipp geben?

Ich habe bisher im Bereich Hintergrundbild im den Pfad, oder besser versucht einzugeben, woher der Bereich das Hintergrundbild laden soll.... also mit tl_..... jpg. Aber wahrscheinlich ist mein Pfad nicht vollständig?

Grüße aus Berlin
von Jürgen

Zitat:

Zitat von helmut

Hallo Sic-Berlin,
gehe einfach ins BackEnd
dann Stylesheets anklicken
[Screen] Layout mit Editor öffnen (ist der Bleistift)
dann
body öffnen
sieht so bei mir aus

Code:

body { background-color:#4b5255; ---> hier meine Hintergrundfarbe background-position:center top; background-repeat:repeat-y; }

PS. Sorry, hier wird mehr Zeit damit verschwendet darüber zu diskutieren, was man zuerst mal lernen soll, anstatt einfach mal in einer Minuten zu posten wie er dahin kommt. Sicher man muss sich damit befassen und ich versuche es auch, aber manchmal würde der ein oder andere Tipp helfen wo man hinpacken soll. Wenigstens MacKP hat ihm weitergeholfen!
05.03.2010, 11:41
MacKP

Hallo sic-berlin,
hier findest du die genaue Notation:
http://www.css4you.de/background-image.html

Um genaueres zu sagen bräuchte ich deine genaue Schreibweise etc.

Viele Grüße
05.03.2010, 16:30
sic-berlin

Hallo MackP,

sei gegrüßt und Danke für Deine Antwort...

Mein Erklärung dazu, laienhaft, wie folgt: :-)

Ich versuche im Stylesheets, wo ich im Bereich "Container" und im Bereich "main" die Hintergrundfarbe bereits neu definierte, nun mehr ein Hintergrundbild einzubinden und gebe als Pfad folgendes ein: <img src="tl_files/sic_templates/sic banner wasser.jpg" id="top_image" width="1200" height="237" alt="SIC-Berlin" />

Nur so einfach funktioniert das wohl nicht (einfach aus dem Grunde, weil ich diesen Pfad nur aus einem Modul, das für das Kopfbild in meiner Homepage zuständig, kopiert habe)

Grüße aus Berlin
Jürgen
05.03.2010, 17:31
christian

Zitat:

Zitat von sic-berlin

Nur so einfach funktioniert das wohl nicht

Korrekt - so einfach funktioniert das nicht. Du sollst ja auch kein Html-Tag in Dein CSS einbauen, sondern dem entsprechenden Selektor sagen, wo er die Grafik findet. Also z.B.

Code:

body { background-image: url(tl_files/sic_templates/sic banner wasser.jpg) top left no-repeat; }

Grüße,

Christian
05.03.2010, 18:55
sic-berlin

Hallo Christian,

danke für Deine Mühe, hat aber leider noch nicht geklappt...

Habe Deinen Pfad kopiert, nichts ging :-) Sodann noch ein wenig verändert, aber auch das führte leider nicht zum Erfolg.... der Hintergrund, behielt seine Farbe bei..

Trotzdem Danke, für Deine Hilfe
Grüße aus Berlin
Jürgen
05.03.2010, 19:07
medamind

Hallo,

also... ich klink mich hier einfach mal ein.
Du hast über die CSS-Eingabemaske eine Anweisung für body angelegt und dort auch erfolgreich die Hintergrundfarbe angegeben, richtig?

Dann kannst du doch in der Eingabemaske direkt neben der Hintergrundfarbe das Hintergrundbild angeben.
Du kannst dort auch direkt über das kleine Icon ein Hintergrundbild auswählen - es muss sich halt nur im Verzeichnis /tl_files (beziehungsweise einem seiner Unterverzeichnisse befinden).
Klappt das denn?

Viele Grüße
Anne-Kathrin
05.03.2010, 19:18
helmut

Liste der Anhänge anzeigen (Anzahl: 1)

Hallo Jürgen,
wie schon oben beschrieben, hier die Stelle wo Bilddefinition hingehört.
https://community.contao.org/de/atta...1&d=1267816583
05.03.2010, 20:11
frank

Hallo Jürgen,

seit ca. zwei Wochen wird hier versucht Dir zu erklären, wie Du mittels CSS die Hintergrundfarbe Deiner Website ändern kannst bzw. ein Hintergrundbild einfügst.
Alle, die hier ihre Ratschläge kundtun, geben sich viel Mühe und investieren Zeit.

Nur, was nützen alle Erklärungen, wenn da jemand ist der das nicht umsetzen kann, der nicht bereit ist ein Handbuch zu lesen und dazu zu lernen.

Zitat:

...nur möchte ich mein Wissen, sofort umsetzen und nicht erst wochenlang, dass Benutzerhandbuch studieren...

Welches Wissen???

Und wenn dann als Ergebnis aller Bemühungen der letzten zwei Wochen folgende CSS-Anweisung herauskommt, na ja...

/**sic_grund.css (Zeile 444)**/
body {
background-color:#000000;
background-image:url(tl_files/webconsulting/background.jpg);
background-position:left top;
background-repeat:repeat-x;
}

/**sic_basic.css (Zeile 16)**/
body {
background:transparent url(images/top_bg.gif) repeat scroll 0 0;
}

/**sic_grund.css (Zeile 458)**/
#container {
background-color:#000000;
background-position:left top;
background-repeat:repeat-y;
border-left:1px solid #000000;
border-right:1px solid #000000;
}

/**sic_grund.css (Zeile 472)**/
#main {
background-color:#000000;
}

Freundliche Grüße
Frank
05.03.2010, 20:49
Thomas

Um das jetzt mal etwas auf zu lockern und ein wenig die Eigeninitiative zu fördern, gibt es ein paar wenige Links von mir:
CSS-Workshop - Anfänger Basiswissen CSS
CSS Refferenz - nahezu komplett und sogar in Deutsch
HTML Workshop - gibt es ettliche von, habe einfach einen der Ersten genommen :)

Die Arbeit sich selbst damit zu beschäftigen, kann Dir keiner nehmen. Es reicht auch nicht, einen halben Tag zu investieren, da muß schon mehr kommen.

Dummer Weise kommt es knüppel dicke, denn man kommt nicht mit Grundwissen aus, um gewisse Lösungen zu finden. Wir haben auch alle damit mal klein angefangen und wissen ebenso wie das am Anfang ist. Es kostet auch viel Mühe und Selbstdisziplin, sich sowas selber bei zu bringen, aber es nutzt ja nichts.

In diesem Sinne appledieren wir an Dich, Dir zunächst ein Grundwissen an zu schaffen. Damit bekommst Du die Quellen und vor allem das Wissen Dich darin wieder zu finden.

Meine Worte richten sich an Dich, da der Thread in einen Streitthread enden könnte und das muß nicht sein. ;)
05.03.2010, 21:55
sic-berlin

Hallo Helmut,

ich hatte im Grunde genommen, alles richtig gemacht und beim kopieren des Pfad, des Bildes hat sich anstatt ein Bindestrich ein Pluszeichen eingeschlichen... :-)

Danke und Grüße aus Berlin
Jürgen

Zitat:

Zitat von helmut

Hallo Jürgen,
wie schon oben beschrieben, hier die Stelle wo Bilddefinition hingehört.
https://community.contao.org/de/atta...1&d=1267816583
05.03.2010, 21:58
sic-berlin

Hallo zurück, Anne-Kathrin

und Danke für Deine Hilfe...

Mit freundlicher Empfehlung und Grüße aus Berlin
Jürgen

Zitat:

Zitat von medamind

Hallo,

also... ich klink mich hier einfach mal ein.
Du hast über die CSS-Eingabemaske eine Anweisung für body angelegt und dort auch erfolgreich die Hintergrundfarbe angegeben, richtig?

Dann kannst du doch in der Eingabemaske direkt neben der Hintergrundfarbe das Hintergrundbild angeben.
Du kannst dort auch direkt über das kleine Icon ein Hintergrundbild auswählen - es muss sich halt nur im Verzeichnis /tl_files (beziehungsweise einem seiner Unterverzeichnisse befinden).
Klappt das denn?

Viele Grüße
Anne-Kathrin
06.03.2010, 09:30
christian

Zitat:

Zitat von Thomas

In diesem Sinne appledieren wir an Dich, Dir zunächst ein Grundwissen an zu schaffen.

Da schließe ich mich an, alles andere führt zu nichts.

Da Du mit Deinem bisherigen Wissensstand nicht in der Lage bist, einzuschätzen, was CSS-Anweisungen überhaupt bewirken bzw. worauf sie sich beziehen, kann man Dir guten Gewissens nur empfehlen, einen Grundkurs zu belegen und nicht direkt mit einem CMS anzufangen. Schon gar nicht mit einem, das mehr als nur Basiskenntnisse voraussetzt und sich an eine komplett andere Zielgruppe richtet als "Homepage-Baukästen".

Diese Aussage ist keineswegs böse gemeint, sondern soll Dir nur zeigen, dass Du Dich hier komplett übernimmst.

Einsicht ist bekanntlich der erste Weg zur Besserung:

Zitat:

alles wird im Kopf entschieden, denn "Der Zufall begünstigt den vorbereiteten Geist"...

Auf welchen Zufall möchtest Du denn warten? Das Problem ist doch, dass Dein Geist leider noch meilenweit davon entfernt ist, in dieser Thematik vorbereitet zu sein.

Wie auch immer Du Dich entscheidest - ich klinke mich aus diesem Thread jetzt aus, wir kommen hier nicht weiter.

Grüße,

Christian
06.03.2010, 13:30
ATLAS

Bei mir gehen bei solchen Themen immer sämtliche Alarmglocken an. Die Links wurden ja vom Admin entfernt, aber wahrscheinlich haben inzwischen tausende über dieses Thema und über Google die Firmenseite aufgerufen. Eine große Firma, mit etlichen Adressen und Seiten dazu, und der Ansprechpartner aller dieser Gesellschaften Herr Kroll beginnt plötzlich Seiten zu auf aller unterstem Niveau zu gestalten? Da passt was nicht zusammen und fällt für mich in den Bereich Werbung.

Herr Kroll hätte die Möglichkeit gehabt, das Ganze etwas anonymer zu gestalten. Dann hätte ich die plötzliche Hobby-Aufgabe vielleicht abgekauft.
06.03.2010, 14:18
Thomas

Jo, wenn man das von dieser Seite sieht, muß ich Dir vermutlich Recht geben.
Soweit habe ich persönlich nicht über den Tellerrand geschaut.
Aber wenn man sieht, dass die Hauptseite schon mit TL umgesetzt wurde, kann man durchaus auf diese Gedanken kommen.
Vielleicht sind ihm ja auch die Admins weggelaufen. :)
06.03.2010, 21:36
Alexander

Für mich stinkt das auch nach schleichender Werbung :eek:.
07.03.2010, 17:15
christian

Zitat:

Zitat von Alexander

Für mich stinkt das auch nach schleichender Werbung :eek:.

Vielleicht bin ich ja naiv - aber wer wirbt mit fehlender Kompetenz?

Alle Zeitangaben in WEZ +1. Es ist jetzt 12:58 Uhr.