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 0.png 02.04.2011 08:11

Theme default soll verändert werden

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
R
RII 0.png 02.04.2011 16:18
Kopiere das Theme Default von Hauptverzeichnis/concrete/themes/
zu Hauptverzeichnis/themes/
Verändere alles nach deinen Wünschen in der main.css und in der typography.css
R
Ronnenberger 0.png 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.
R
RII 0.png 04.04.2011 13:31
du kannst in der main.css
bei body dies dazu tun



natürlich muss das Bild (hier kleineslogo.jpg) hochgeladen werden unter themes/default/images/

Falls es nicht was du willst stelle bitte ein Beispiel (als Link)
R
Ronnenberger 0.png 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)
R
Ronnenberger 0.png 14.04.2011 20:14
Hallo Rii,

kannst Du mir in dieser Angelegenheit bitte noch mal helfen ?
... würde mich sehr freuen !
R
RII 0.png 15.04.2011 09:39
Dein Background muss schon innerhalb body definiert werden und die url ohne Anführungszeichen:

R
rritz 0.png 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.
R
Ronnenberger 0.png 20.04.2011 11:19
@ RII:
dankeschön, nun funktioniert es ;)

@ rritz:
sensationell !
Vielen Dank für die ausführliche Info, ich bin sicher, daß davon auch viele andere profitieren werden.

DANKE !!

Nachricht hinzufügen