[Gerti]

Hallo,

A) Ober- und unterhalb eines Forum steht der Text: "Thema erstellen"

B) Ober- und unterhalb eines Themas sind die Texte: "Thema schreiben" und "Antworten"

C) Unterhalb eines Themas sind links die Texte: "E-Mail", "PN", "Suchen" und "Bewerten"

D) Unterhalb eines Themas sind rechts die Texte: "Bearbeiten", "Zitieren", "Multi-Zitat" und "Melden"

Wie und wo muss man vorgehen um die Texte gegen Buttons (Grafiken wie hier im Forum) zu ersetzen?

Vorab Danke für eine Hilfestellung.

[doylecc]

Standardmäßig (auch hier) sind es CSS-Klassen mit Background-Grafiken, die die Buttons formen.
Im "Default" Theme ist u.a. dieser Teil in global.css dafür zuständig:

Code:

.post_controls {
clear: both;
background: #f5f5f5;
border-bottom: 1px solid #ccc;
padding: 5px;
overflow: hidden;
}

.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
display: inline-block;
padding: 2px 5px;
margin: 2px;
font-size: 11px;
background: #eee url(images/buttons_bg.png) repeat-x;
border: 1px solid #ccc;
color: #555;
}

.postbit_buttons > a:hover {
border-color: #bbb;
}

.postbit_buttons a span {
padding-left: 20px;
display: inline-block;
height: 16px;
background-image: url(images/buttons_sprite.png);
background-repeat: no-repeat;
}

.postbit_buttons a.postbit_find span {
background-position: 0 0;
}

.postbit_buttons a.postbit_reputation_add span {
background-position: 0 -20px;
}

.postbit_buttons a.postbit_email span {
background-position: 0 -40px;
}

.postbit_buttons a.postbit_website span {
background-position: 0 -60px;
}

.postbit_buttons a.postbit_pm span {
background-position: 0 -80px;
}

.postbit_buttons a.postbit_quote span {
background-position: 0 -100px;
}

.postbit_buttons a.postbit_multiquote span {
background-position: 0 -120px;
}

.postbit_buttons a.postbit_multiquote_on span {
background-position: 0 -140px;
}

.postbit_buttons a.postbit_edit span {
background-position: 0 -160px;
}

.postbit_buttons a.postbit_qdelete span {
background-position: 0 -180px;
}

.postbit_buttons a.postbit_qrestore span {
background-position: 0 -200px;
}

.postbit_buttons a.postbit_report span {
background-position: 0 -220px;
}

.postbit_buttons a.postbit_warn span {
background-position: 0 -240px;
}

.postbit_buttons a.postbit_purgespammer span {
background-position: 0 -540px;
}

.postbit_buttons a.postbit_reply_pm span {
background-position: 0 -260px;
}

.postbit_buttons a.postbit_reply_all span {
background-position: 0 -280px;
}

.postbit_buttons a.postbit_forward_pm span {
background-position: 0 -300px;
}

.postbit_buttons a.postbit_delete_pm span {
background-position: 0 -320px;
}

a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
background: #0f0f0f url(images/tcat.png) repeat-x;
color: #fff;
display: inline-block;
padding: 4px 8px;
margin: 2px 2px 6px 2px;
border: 1px solid #000;
font-size: 14px;
}

a.button.small_button {
font-size: 13px;
margin: 0;
padding: 3px 6px;
}

a.button span {
padding-left: 20px;
display: inline-block;
background-image: url(images/buttons_sprite.png);
background-repeat: no-repeat;
}

a.button.new_thread_button span {
background-position: 0 -340px;
}

a.button.new_reply_button span {
background-position: 0 -360px;
}

a.button.closed_button span {
background-position: 0 -380px;
}

[Gerti]

Standardmäßig (auch hier) sind es CSS-Klassen mit Background-Grafiken, die die Buttons formen.
Im "Default" Theme ist u.a. dieser Teil in global.css dafür zuständig:

Code:

...entfernt...

Also, an den Stellen wie angegeben, die jeweils gewünschte Grafik mit

Code:

background-image: url(../images/grafik.gif);

einfügen?

[doylecc]

Also, an den Stellen wie angegeben, die jeweils gewünschte Grafik mit

Code:

background-image: url(../images/grafik.gif);

einfügen?

Wenn du für jeden Button eine entsprechende Grafik im image-Ordner hast, ja.

[spezii]

Hallo,

auch ich möchte Buttons und hab eine Grafik in das Image-directory geladen.

In den global.css habe ich folgendes eingefügt:

1363    background-image: url(../images/neuesthema.gif);

Das ist dieser Eintrag:

a.button.new_thread_button span {
background-position: 0 -340px;
}


Anscheinend ist das nicht der Button: Thema erstellen, jedenfalls hat es nicht funktioniert.

Habt ihr einen Tipp für mich?

[Schnapsnase]

Etwas mehr Input wäre schon sinnvoll! Was willst Du tun?
Die Grafik innerhalb des Buttons ändern, oder den Button komplett gegen eine Grafik austauschen?

Über "background-position: 0 -340px" wird auf eine Position eines existierenden sprite-images zugegriffen.
Willst Du dieses Image also ändern, musst Du stattdessen eine andere Position oder (wie in Deinem Fall) eine Url zum gewünschten background-image hinterlegen.

[spezii]

Hallo,

ich möchte "neues Thema" bzw. "Thema erstellen" und "Antworten" durch  selbstgestaltete Buttons ersetzen, da diese sehr markant im Design des Forums sind.
Dafür habe ich GIF-Grafiken erstellt.

In der Suche habe ich diesen Thread gefunden, der keine Lösung brachte, obwohl er mir als am naheliegendsten erschien.

Ich hab nochmal "background-position: 0 -340px;" rausgenommen und "background-image: url(../images/neuesthema.gif);" eingefügt.
Aber das bringt keine Anzeige der Grafik.

[Schnapsnase]

Prüfe, ob Dein Pfad zum Bild so wirklich richtig ist.

und "background-image: url(../images/neuesthema.gif);" eingefügt.
Aber das bringt keine Anzeige der Grafik.

Kleiner Tipp:
Du gehst aus der obersten Verzeichnisebene noch eine Ebene höher und suchst dort nach dem Ordner "images".
Ich kann mir nicht vorstellen, dass der dort existiert. Versuch`s mal mit:
"background-image: url(/images/neuesthema.gif);"

[spezii]

Das hatte ich auch schon überlegt, hilft aber nicht.
Die Grafik ist jedenfalls da:
http://m-erdmann.com
/forum2/images/neuesthema.gif


Kopie der Einträge:

1356  .button span {
        padding-left: 20px;
        display: inline-block;
        background-image: url(images/buttons_sprite.png);
        background-repeat: no-repeat;
        }

         a.button.new_thread_button span {
1364         background-image: url(/images/neuesthema.gif);
          }

          a.button.new_reply_button span {
1368   background-position: 0 -360px;

[Schnapsnase]

Das hatte ich auch schon überlegt, hilft aber nicht.
Die Grafik ist jedenfalls da:
http://m-erdmann.com
/forum2/images/neuesthema.gif

Daran erkennst Du doch schon den richtigen Pfad.
background-image: url(/forum2/images/neuesthema.gif);