Hallo, Gast! (Registrieren)

Wir wünschen allen Besuchern frohe Ostern!

Letzte Ankündigung: MyBB 1.8.37 veröffentlicht (04.11.23)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
Texte gegen Buttons austauschen
#1
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.
Sollte ich der Ansicht sein helfen zu können biete ich Hilfe(n) an!  ...ich bitte jedoch nicht darum helfen zu dürfen!
Tools [Unixzeit ⇔ Realzeit] ♦ [BOM-Finder] ♦ [SQL-Prefix-Changer] ♦ [USV-Rechner] ♦ [PlugIns]
Zitieren
#2
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;
}
Zitieren
#3
(09.03.2018, 15:09)doylecc schrieb: 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?
Sollte ich der Ansicht sein helfen zu können biete ich Hilfe(n) an!  ...ich bitte jedoch nicht darum helfen zu dürfen!
Tools [Unixzeit ⇔ Realzeit] ♦ [BOM-Finder] ♦ [SQL-Prefix-Changer] ♦ [USV-Rechner] ♦ [PlugIns]
Zitieren
#4
(09.03.2018, 16:45)Herki schrieb: 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.
Zitieren
#5
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?
Zitieren
#6
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.
Zitieren
#7
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.
Zitieren
#8
Prüfe, ob Dein Pfad zum Bild so wirklich richtig ist.

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

Kleiner Tipp: Wink
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);"
Zitieren
#9
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;
Zitieren
#10
(18.07.2019, 19:49)spezii schrieb: 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. Wink
background-image: url(/forum2/images/neuesthema.gif);
Zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  {$newreply} button austauschen hkkp 5 2.121 09.02.2015, 00:52
Letzter Beitrag: MrBrechreiz
  Texte und Fonts bearbeiten Rasmus 7 2.960 20.08.2013, 19:46
Letzter Beitrag: MrBrechreiz
  Forenbild austauschen Koelner 15 5.345 24.12.2009, 00:31
Letzter Beitrag: Koelner
  Buttons für Neues Posting, etc. austauschen Maybe 5 2.912 22.11.2008, 01:47
Letzter Beitrag: Lennart Sauter
  usercp und co texte ändern kerstinsvs 1 1.358 24.09.2007, 11:55
Letzter Beitrag: Mandy