Hintergrund ändern

clixking.com · 8. Dezember 2009, 13:52

Hallöchen liebe Bastlergemeinde.

Ich hab auch mal das 7er als Test installiert. Das Problem welches ich nur habe ist dass wenn ich in der common.css den HG ändere wird der nur unten im content Feld direkt geändert sodass oben noch ein weisser Streifen bleibt.

Den Tipp dazu hatte ich vom Boonex Forum .

Deswegen meine Frage an die unter euch welche sich auch mit Designs befassen:
Könnt ihr mir und sicher auch anderen hier einen Tipp geben wie man den HG wirklich über die ganze Seite bekommt?

Mit freundlichen Grüßen,

Gabriel

puri · 8. Dezember 2009, 14:44

Würde mich mal auch interessieren. Bin noch nicht so weit, dass ich mit Layout rumspiele aber für die Zukungt, wieso nicht

Peace

Super-boy339 · 8. Dezember 2009, 15:09

ganz einfach:
1. gehe in das folgende verzeichniss:
\templates\tmpl_uni\css
2. öffne die datei general.css
3. suche nah den folgenden zeilen:

body
{
margin:0px;
padding:0px;
background-image:url('irgendein verzeichnis/******.jpg');
background-repeat:repeat;

font-family:Arial;
font-size:12px;
color:#000000;
}

4. background-image:url('irgendein verzeichnis/******.jpg');
nun kannst du diesen pfad beliebig ändern.
5. fertig

Das war jetz für den hinteren hintergrund, man kan den in der mitte wo alles setht ebenfals ändern:

1. gehe in das folgende verzeichniss:
\templates\tmpl_uni\css
2. öffne die datei general.css
3. suche nah den folgenden zeilen:

.main
{
position:relative;
width: 960px;
border: 1px solid #999;
background-color: #fff;

4. nun must nur noch das unten einfügen:
background-image: url(irgendeinverzeichnis/***.jpg);
5. fertig

freddy

puri · 9. Dezember 2009, 08:31

@ Super-boy339

Danke! Werde ich am Wochenende ausprobieren...

Ich nehme an, dass man die Header-grafiken auch ohne Probleme ändern kann.. [/templates/base/images/head_cutting.gif]

Weiß du, Superboy wo man die Header-Schrift definiert ?
Grüße...

mailkisses · 9. Dezember 2009, 13:42

Danke SuperBoy! Das hast du uns sehr schön erklärt.

realmasterd · 9. Dezember 2009, 13:48

hier noch was auf boonex:
boonex.com/unity/forums/topic/Changing-background-image.htm

puri · 30. Dezember 2009, 15:47

Original von Super-boy339
ganz einfach:
1. gehe in das folgende verzeichniss:
\templates\tmpl_uni\css
2. öffne die datei general.css

In Dolphin 7 steht aber bei mir in der genral.css folgendes: @import url(../../base/css/general.css); also folge ich dem Pfad und öffne die Datei aber in der steht nirgenswo "body" Siehe ANGANG.... LÖSUNG SIEHE UNTEN!

3. suche nah den folgenden zeilen:

body
{
margin:0px;
padding:0px;
background-image:url('irgendein verzeichnis/******.jpg');
background-repeat:repeat;

font-family:Arial;
font-size:12px;
color:#000000;
}

4. background-image:url('irgendein verzeichnis/******.jpg');
nun kannst du diesen pfad beliebig ändern.
5. fertig

Das war jetz für den hinteren hintergrund, man kan den in der mitte wo alles setht ebenfals ändern:

1. gehe in das folgende verzeichniss:
\templates\tmpl_uni\css
2. öffne die datei general.css
3. suche nah den folgenden zeilen:

.main
{
position:relative;
width: 960px;
border: 1px solid #999;
background-color: #fff;

4. nun must nur noch das unten einfügen:
background-image: url(irgendeinverzeichnis/***.jpg);
5. fertig

freddy

puri · 30. Dezember 2009, 16:10

In der common.css ändern:

body {
font-family:Verdana,Arial;
font-size:11px;
color:#333333;
background-image:url(../images/berlin.jpg);
margin:0px;
padding:0 0 50px 0;
}

und das Bild hochgeladen...

Hier die Beschreibung: boonex.com/unity/forums/topic/Changing-background-image.htm

ES funktioniert

:freuen:

Wie kann ich das Bild mittig ausrichten und das es über die volle Breite geht?

width: 100%; ??????
position: fixed; ?????

puri · 7. Januar 2010, 13:18

Hallo Leute,

habe mal an dem Layout von D7 geschraubt

Im Anhang schicke ich euch meine common.css, in der alles als Bemerkung /* .... */ steht was ich geändert habe, bzw wo was steht von den Sachen, was ich rausgefunden habe... Vielleicht kann das jemanden das Leben einfacher machen...

PS: Denk daran, dass ist keine ORGINAL common.css sondern meine ANGEPASSTE, also sichert euch eure ORGINAL common.css Datei...
Grüße - Puri.

puri · 7. Januar 2010, 14:35

Ich stehe vor einen Rätsel :denk:

wie gesagt bin ich am Layout basteln und wollte jetzt nun die "Auswahlmaske" im Hauptmenu ändern
(Auswahlmaske= wenn ich im Hauptmenu etwas aus der Unterpunktliste auswählen wollt dann wird dies umrandet -> tm_smenu_sitem_act.png -> diese Grafik ist dafür zuständig.
Wenn ich sie aber mit einer "leicht" veränderten Grafik ersetze, dann wird nix mehr angezeigt ?!
( Bei allen anderen grafischen Elementen hat das funktioniert nur bei diesen nicht...

Habe ich etwas übersehen weil das eine Bewegte-Grafik ist ???

PS: ich habe cach, cookis etc gelöscht, der name ist identisch etc... ZAUBER

?!?!

Hat jemand eine Ahnung warum sie nicht angezeigt wird ?

Im angang die beiden Grafiken...

Angaben:
Link zu Datei: templates/base/images/tm_smenu_sitem_act.png
Verweis in der CSS: templates/base/css/top_menu.css
Zeile 46: background:transparent url(../images/tm_smenu_bg.png) repeat-y left top;

Hilfe !!!!

Super-boy339 · 7. Januar 2010, 14:39

also ein *.png bild ist ein BILD
und ein *.gif bild ist eine ANIMATION,
das sind ganz unterschiedliche sachen.
Damit kommst du nicht weiter!!!

mailkisses · 7. Januar 2010, 15:20

Also eine GIF kann sowohl aus einem einzigen Bild bestehen, aber man kann beliebig viele Bilder zu einer GIF-Animation zusammenführen. Mein Avatar, der Augenzwinker, besteht aus zwei GIF-Bildern und die habe ich dann im ImageReady von PhotoShop als GIF-Animation abgespeichert. Das Dateiformat ist aber immer .gif, egal ob ein Einzelbild oder animierte Bilder.

Eine .png ist wie ein .jpg auch eine Pixelgrafik. Die PNG hat den Vorteil, dass ein freigestelltes Objekt nach dem Speichern auch freigestellt bleibt. Speichert man hingegen ein freigestelltes Objekt im JPG-Format ab, so ist der Hintergrund in der Website weiss, also nicht mehr freigestellt.

mailkisses · 7. Januar 2010, 15:39

Ach so, jetzt sehe ich erst die beiden Schaltflächenbilder. Das ist einfach nur eine «Mouse-over-Schaltfläche». Die funzen sowohl als .png, .gif und .jpg.

Wenn du also die beiden bestehenden Dateien mit den beiden neue eingefärbten Dateien überschreibst (ersetzt), dann muss es funzen.

puri · 8. Januar 2010, 09:34

@ mailkisses

Genau - es müßte funktionieren. Tut es aber nicht... Wie gesagt dr Name ist geleich, so gar der Transparentzwert der Farbe ist gleich... Trozdem wenn ich die neue PNG-Datei hochlade, erscheint NIX, wenn ich sie wieder lösche und die org - datei hochlade sehe ich die alte.... wie HOKUS POKUS

@ Super-boy339

Ich verstehe nicht was deine Antwort mit meiner Frage zu tun hat ?
Trozdem DANKEschön an Alle !

mailkisses · 8. Januar 2010, 10:07

Original von puri
@ mailkisses

Genau - es müßte funktionieren. Tut es aber nicht... Wie gesagt dr Name ist geleich, so gar der Transparentzwert der Farbe ist gleich... Trozdem wenn ich die neue PNG-Datei hochlade, erscheint NIX, wenn ich sie wieder lösche und die org - datei hochlade sehe ich die alte.... wie HOKUS POKUS

:punk: Teufelswerk halt. Puri, ich werde mal nach deiner Anleitung auch eine Demo-Community umgestalten. Mal sehen ob es bei mir auch nicht funzt.

puri · 8. Januar 2010, 12:14

Original von mailkisses

Original von puri
@ mailkisses

Genau - es müßte funktionieren. Tut es aber nicht... Wie gesagt dr Name ist geleich, so gar der Transparentzwert der Farbe ist gleich... Trozdem wenn ich die neue PNG-Datei hochlade, erscheint NIX, wenn ich sie wieder lösche und die org - datei hochlade sehe ich die alte.... wie HOKUS POKUS

:punk: Teufelswerk halt. Puri, ich werde mal nach deiner Anleitung auch eine Demo-Community umgestalten. Mal sehen ob es bei mir auch nicht funzt.

@ mailkisses:
Das Hauptmenu editierst du in der top_menu.css

Ich habe Dir im Anhang meine CSS beigefügt.
Da sind auch die Bemerkungen wie: /* ORGINAL: color:#666666; = Hauptwörter im Top menu ! Nur obere Reihe*/ wo ich alles geändert habe.

PS: Sag mal hast du das Problem in den de.php´s mit dem ÄÖÜ im Griff. Bei mir sind die immer noch falsch dargestellt und so lange ich dieses Problem nicht im Griff bekomme kann ich nicht online gehen... und bin schon so gut wie mit allem fertig...

mailkisses · 8. Januar 2010, 14:57

Das Problem mit den Umlauten besteht auch bei mir noch.

Und konntest du bei dir die polnische Währung eröffnen. Ich sehe im Admin-Bereich keine Möglichkeit zu den € und $ weitere Währungen anzufügen. Bei der 6er-Version gab es ein Dropdown-Menu für die Währungsauswahl.

Ich werde mal im BoonEx.com-Forum nachsehen, die Chinesen, Russen, usw. wollen doch auch ihre eigene Währung haben und nicht dieser bald wertlose US $. Das kommt davon wenn man Kriege und Waffenarsenal immer nur über die Notenpresse bezahlt.... :superman:

puri · 11. Januar 2010, 09:48

Also bei mir wird es nur eine Währung geben -> EURO da die Community in DE sein wird und PL bald EURO auch haben wird...

Biggi0001 · 19. Januar 2010, 14:55

Original von Super-boy339
ganz einfach:
1. gehe in das folgende verzeichniss:
\templates\tmpl_uni\css
2. öffne die datei general.css
3. suche nah den folgenden zeilen:

body
{
margin:0px;
padding:0px;
background-image:url('irgendein verzeichnis/******.jpg');
background-repeat:repeat;

font-family:Arial;
font-size:12px;
color:#000000;
}

4. background-image:url('irgendein verzeichnis/******.jpg');
nun kannst du diesen pfad beliebig ändern.
5. fertig

Das war jetz für den hinteren hintergrund, man kan den in der mitte wo alles setht ebenfals ändern:

1. gehe in das folgende verzeichniss:
\templates\tmpl_uni\css
2. öffne die datei general.css
3. suche nah den folgenden zeilen:

.main
{
position:relative;
width: 960px;
border: 1px solid #999;
background-color: #fff;

4. nun must nur noch das unten einfügen:
background-image: url(irgendeinverzeichnis/***.jpg);
5. fertig

freddy

Sodele, ich hab ein (vermutlich ganz einfaches) Problem, steh aber dennoch wie Ochs vorm Berg:

Ich möchte die Farben vom Uni an meine Seite schwerbehinderung-aktuell.de anpassen, d.h. Hintergrund in Blau, Tabellenheader in Orange, der Rest ist erst mal nicht ganz so wichtig (obwohl es natürlich schön wäre, die Tabelleninhalte auch in hellerem/dunkleren Grau zu haben).

Ich habe nun in der General.css gesucht, aber ich finde nur ".bodyBlock" - eine Änderung der Farbe ergab aber keine Änderung ...

.bodyBlock
{
z-index: 50;
padding: 10px 10px 0px 10px;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
background-color:#4C66FF;

auch der .main part sieht anders aus:

.main
{
border: 0px;
background-color: transparent;
margin:10px auto 5px;
}

Suche ich nur an der falschen Stelle?

----

Und in welchem Template ändere ich die Farben der Tabellenheader?

Viele dankbare Grüße im Voraus von Biggi

//Edit: auch die Änderung in der Common.css brachte leider keine Änderung *seufz*

Die Dolphin 7.0.0 Installation liegt auf community-schwerbehinderung-aktuell.com/dolphin1

puri · 19. Januar 2010, 15:35

@ Biggi0001 Steht eigentlich alles hier genau beschrieben. oder ?

Ok also noch mal:

Hintergrund: gehe in die templates/base/css/common.css

body {
font-family:Verdana,Arial;
font-size:11px;
color:#333333;
/* Hier die Hintergrundfarbe der kompl. Homepage*/
/* Hintergrundbild background-image:url(../images/back1.jpg); */
background-color:#87bf3b;
margin:0px;
padding:0 0 50px 0;
}

Tabellenheader (du meinst die Boxen?) ist eine Grafik und befindet sich im:
...templates/base/images/head_cutting.gif

Hintergrund ändern

Hintergrund ändern

Grafik ändern

top_menu.css editieren

RE: top_menu.css editieren

Teilen