Boxen angepasst per Bildbearbeitung, funktioniert nicht.

[penell]

Hallo, ich habe es nun geschaft meine Boxen für "Kategorien", "Mehr über" ... eine neue Farbe zugeordnet.
Nun habe ich mir gedacht die Datei bg_boxheader per Coral Draw anzupassen.
Ich habe Sie dort nach meinen Wünschen verändert.
Nun habe ich ein paar Probleme

1. beim abspeichern fragt Coral Draw mich immer nach einer Komprimierung, was stellt man dort am Besten ein?
2. habe die Datei dann per FTP hochgeladen, nur funktioniert es nicht. Ich habe immer noch die alten Boxen.

Meine letzte Frage, da ich die Boxen gerne mit abgerundeten Ecken hätte habe ich mal im Forum geschaut und dazu was gefunden.
Dort ist es erklärt das man das per HTML und dann im Stylesheet ändern muss.

Würde es nicht einfach gehen wenn ich dann (sobald das mit dem Hochladen klappt) per Coral Draw die Box einfach mit runden Ecke austatte und dann hochlade.
Oder muss das zwingend per HTML Code gemacht werden?

Hoffe ich habe mich einigermassen verständlich ausgedrückt

Gruss



Linkback: https://www.modified-shop.org/forum/index.php?topic=5610.0

[bewusst]

Hallo,

kopiere mal die Grafik per FTP zum Server und in das folgende Verzeichnis:
/templates/xtc5/img/

Und den Browser Aktualisieren, mit F5 z.B.
Wenn es mit dieser läuft dann hast du wo einen Fehler im gif.

LG
bewusst

  [ Für Gäste sind keine Dateianhänge sichtbar ]

[penell]

@bewusst
vielen Dank.
Habe es eben gemacht, aber leider habe ich danach keine Veränderung.
Siehe Shop

[bewusst]

Hallo,
 das ist schon klar! Du hast ja noch deine stylesheet.css so eingestellt, dass nicht
dieGrafiken sondern die Farbe angezeigt wird!
Also ändere wieder folgendes ab:
In deiner stylesheet.css in ca.Zeile 268, ändere es so wie hier:

Code: CSS  [Auswählen]

/* CATEGORY MENU */
h2.categoryheader {
    background: #868686 url(img/bg_boxheader.gif);
    /*background-color:#FC0012;*/
    height:28px;
    font-size:12px;
    color:#fff;
    padding:2px 8px 0px 8px;
    margin:0;
    line-height:28px;
    vertical-align:middle;
}

in ca. Zeile 377, ändere es so wie hier:

Code: CSS  [Auswählen]

/* BOXES GLOBAL DEFINITION */
h2.boxheader {
    background: #868686 url(img/bg_boxheader.gif);
    /*background-color:#FC0012;*/
    height:28px;
    font-size:12px;
    color:#fff;
    padding:2px 8px 0px 8px;
    margin:0;
    line-height:28px;
    vertical-align:middle;
}

Nun muss es klappen!

LG
bewusst

Browser mit F5 Aktualisieren!

[penell]

mhhh...
stimmt
mache es eben mal schnell

[penell]

dankeeeeeeeeeee!
es hat super geklappt.