Willkommen im neuen Forum von concrete5.de.
Die Anmeldung ist ab dem 15.10.2020 nur noch mit E-Mail Adresse und Passwort möglich. Eine Anmeldung mit Benutzername ist nicht mehr möglich.
Diese Nachricht löschen.
Anhang entfernen?
Zurück zur Themenliste
R
Ronnenberger 02.04.2011 08:11
Theme default soll verändert werden Gelöst
Hallo,
ich möchte gerne das Theme default etwas "aufpäppeln" ind individuell machen ...
Habe schon nachgeschaut, kann darüber aber leider keine Infos finden.
Wie kann ich z.B. den Hintergrund ändern ?
Ich würde dort gerne eine Art Tapete hinterlegen ...
Gruß
Ronnenberger
ich möchte gerne das Theme default etwas "aufpäppeln" ind individuell machen ...
Habe schon nachgeschaut, kann darüber aber leider keine Infos finden.
Wie kann ich z.B. den Hintergrund ändern ?
Ich würde dort gerne eine Art Tapete hinterlegen ...
Gruß
Ronnenberger
R
Ronnenberger 03.04.2011 09:24
oh je ... was habe ich mir angetan :huh:
meine Programmier-Kenntnisse reichen da bei Weitem nicht aus
aber vielen Dank für die Info !
Gibt es irgendwo eine "Art" Tutorial, wie man z.B. zig kleine LOGOs als Hintergrund einbauen kann ?
Ich habe schon bei anderen Themes geguckt, kann das aber leider nicht auf das Default Theme umsetzen.
meine Programmier-Kenntnisse reichen da bei Weitem nicht aus
aber vielen Dank für die Info !
Gibt es irgendwo eine "Art" Tutorial, wie man z.B. zig kleine LOGOs als Hintergrund einbauen kann ?
Ich habe schon bei anderen Themes geguckt, kann das aber leider nicht auf das Default Theme umsetzen.
R
Ronnenberger 04.04.2011 17:51
Hallo RII,
vielen Dank für Deine Antwort.
Sorry, aber wo genau muß ich die beiden Zeilen hinzufügen ?
Ich habe es jetzt so gemacht:
/* HTML Tag Redefinition */
html, body {height: 100%; }
body {/* customize_background */ background-color: #ffffff; /* customize_background */ padding: 0px; margin: 0px; }
img {border: 0px}
a { cursor:pointer}
background-image: url('images/xy.gif');
background-repeat: repeat;
Aber da tut sich leider nichts :huh:
(das Logo liegt in dem Ordner)
vielen Dank für Deine Antwort.
Sorry, aber wo genau muß ich die beiden Zeilen hinzufügen ?
Ich habe es jetzt so gemacht:
/* HTML Tag Redefinition */
html, body {height: 100%; }
body {/* customize_background */ background-color: #ffffff; /* customize_background */ padding: 0px; margin: 0px; }
img {border: 0px}
a { cursor:pointer}
background-image: url('images/xy.gif');
background-repeat: repeat;
Aber da tut sich leider nichts :huh:
(das Logo liegt in dem Ordner)
R
rritz 17.04.2011 20:21
ich nehme mal an, Du hast Dich wenig mit CSS beschäftigt, ein paar kleine Tipps:
in der main CSS wird beschrieben, wie die Seite aussehen soll
Es gibt auf der Seite verschiedene Abschnitte oder Bereiche
body ist immer der Überbegriff, die ganze Seite
Weiter unten findest Du zb sowas:
#page{ width:800px; margin:auto; text-align:left }
Hier wird ein Bereich beschrieben, der #page heißt, 800 px breit ist, der rechts und links immer den gleichen Abstand vom Bildschirmrand hat und in dem Text automatisch linksbündig ausgerichtet wird; die Beschreibung des Bereiches wird immer mit {} eingeschlossen. Innerhalb der Beschreibung wird jede Eigenschaft mit ; abgeschlossen
das /* customize body */ ist ein Kommentar, eine Notitz für den Bearbeiter, also Dich, die ansonsten keine Auswirkung hat
Ein Hintergrundbild kommt immer in body. Ganz wichtig ist, daß der Dateiname haargenau mit dem Namen das Bildes übereinstimmt, das Du hochgeladen hast und es sich im richtigen Ordner befindet
Zurück zur main.css von default:
Hier gibt es im Moment eine Eigenschaft: background-color definiert die Hintergrundfarbe und die ist weiß (#ffffff)
/* customize_background */ background-color: #ffffff; /* customize_background */
ein Kommentar, das Dir sagt, daß hier der Platz ist, um den Hintergrund anzupassen
Du kannst jetzt eine zweite Eigenschaft, backround:url einfügen, ; nicht vergessen nach jeder Eigenschaft
/* customize_background */ background:url(images/logo.png); background-color: #ffffff; /* customize_background */
oder Du machst es so:
body{/* customize_background */ background:url(images/logo.png); #ffffff; /* customize_background */ padding: 0px; margin: 0px; }
wenn Du willst, daß das Bild wiederholt wird, brauchst Du gar nichts sonst zu schreiben, weil das automatisch so ist.
Wenn Du willst, daß es sich nicht wiederholt würdest Du schreiben:
body{/* customize_background */ background:url(images/logo.png) no-repeat; #ffffff; /* customize_background */ padding: 0px; margin: 0px; }
(analog: repeat-x oder repeat-y wenn es nur in eine Richtung wiederholt werden soll)
wenn Du willst, daß Dein Hintergrund stehenbleibt und nur der Seiteninhalt gescrollt wird:
body{/* customize_background */ background:url(images/logo.png) fixed no-repeat; #ffffff; /* customize_background */ padding: 0px; margin: 0px; }
Da no-repeat und fixed zur Beschreibung des Hintergrundbildes gehören, kommt der ; erst nach der letzten Eigenschaft des Hintergrundbildes
Nur sonebenbei: das #ffffff als Beschreibung der Hintergrundfarbe drinzulassen ist eigentlich auch unnötig, weil weiß die Farbe ist, in der der Hintergrund automatisch dargestellt wird.
Wenn Du eine andere Hintergrundfarbe auf der Seite willst, dann ist es schon gut, die Farbe drinzulassen. Wenn nämlich das Hintergrundbild nicht gefunden wird oder nicht dargestellt werden kann, dann wird die nächste Eigenschaft des Hintergrundes ausgegeben und das ist dann die Farbe.
in der main CSS wird beschrieben, wie die Seite aussehen soll
Es gibt auf der Seite verschiedene Abschnitte oder Bereiche
body ist immer der Überbegriff, die ganze Seite
Weiter unten findest Du zb sowas:
#page{ width:800px; margin:auto; text-align:left }
Hier wird ein Bereich beschrieben, der #page heißt, 800 px breit ist, der rechts und links immer den gleichen Abstand vom Bildschirmrand hat und in dem Text automatisch linksbündig ausgerichtet wird; die Beschreibung des Bereiches wird immer mit {} eingeschlossen. Innerhalb der Beschreibung wird jede Eigenschaft mit ; abgeschlossen
das /* customize body */ ist ein Kommentar, eine Notitz für den Bearbeiter, also Dich, die ansonsten keine Auswirkung hat
Ein Hintergrundbild kommt immer in body. Ganz wichtig ist, daß der Dateiname haargenau mit dem Namen das Bildes übereinstimmt, das Du hochgeladen hast und es sich im richtigen Ordner befindet
Zurück zur main.css von default:
Hier gibt es im Moment eine Eigenschaft: background-color definiert die Hintergrundfarbe und die ist weiß (#ffffff)
/* customize_background */ background-color: #ffffff; /* customize_background */
ein Kommentar, das Dir sagt, daß hier der Platz ist, um den Hintergrund anzupassen
Du kannst jetzt eine zweite Eigenschaft, backround:url einfügen, ; nicht vergessen nach jeder Eigenschaft
/* customize_background */ background:url(images/logo.png); background-color: #ffffff; /* customize_background */
oder Du machst es so:
body{/* customize_background */ background:url(images/logo.png); #ffffff; /* customize_background */ padding: 0px; margin: 0px; }
wenn Du willst, daß das Bild wiederholt wird, brauchst Du gar nichts sonst zu schreiben, weil das automatisch so ist.
Wenn Du willst, daß es sich nicht wiederholt würdest Du schreiben:
body{/* customize_background */ background:url(images/logo.png) no-repeat; #ffffff; /* customize_background */ padding: 0px; margin: 0px; }
(analog: repeat-x oder repeat-y wenn es nur in eine Richtung wiederholt werden soll)
wenn Du willst, daß Dein Hintergrund stehenbleibt und nur der Seiteninhalt gescrollt wird:
body{/* customize_background */ background:url(images/logo.png) fixed no-repeat; #ffffff; /* customize_background */ padding: 0px; margin: 0px; }
Da no-repeat und fixed zur Beschreibung des Hintergrundbildes gehören, kommt der ; erst nach der letzten Eigenschaft des Hintergrundbildes
Nur sonebenbei: das #ffffff als Beschreibung der Hintergrundfarbe drinzulassen ist eigentlich auch unnötig, weil weiß die Farbe ist, in der der Hintergrund automatisch dargestellt wird.
Wenn Du eine andere Hintergrundfarbe auf der Seite willst, dann ist es schon gut, die Farbe drinzulassen. Wenn nämlich das Hintergrundbild nicht gefunden wird oder nicht dargestellt werden kann, dann wird die nächste Eigenschaft des Hintergrundes ausgegeben und das ist dann die Farbe.
Nachricht hinzufügen
Sie müssen sich anmelden , um diese Konversation zu posten.