Beiträge: 1.721
Themen: 177
Registriert seit: 08.02.2018
MyBB-Version: 1.8.37
09.03.2018, 13:51
(Dieser Beitrag wurde zuletzt bearbeitet: 09.03.2018, 14:00 von 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.
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]
Beiträge: 2.041
Themen: 10
Registriert seit: 28.06.2007
MyBB-Version: 1.8.x
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;
}
Beiträge: 1.721
Themen: 177
Registriert seit: 08.02.2018
MyBB-Version: 1.8.37
(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:
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]
Beiträge: 2.041
Themen: 10
Registriert seit: 28.06.2007
MyBB-Version: 1.8.x
(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.
Beiträge: 52
Themen: 10
Registriert seit: 25.01.2007
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?
Beiträge: 2.267
Themen: 33
Registriert seit: 25.05.2018
MyBB-Version: 1.8.38
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.
Beiträge: 52
Themen: 10
Registriert seit: 25.01.2007
18.07.2019, 17:32
(Dieser Beitrag wurde zuletzt bearbeitet: 18.07.2019, 18:08 von 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.
Beiträge: 2.267
Themen: 33
Registriert seit: 25.05.2018
MyBB-Version: 1.8.38
18.07.2019, 18:53
(Dieser Beitrag wurde zuletzt bearbeitet: 18.07.2019, 19:16 von Schnapsnase.)
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:
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);"
Beiträge: 52
Themen: 10
Registriert seit: 25.01.2007
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;
Beiträge: 2.267
Themen: 33
Registriert seit: 25.05.2018
MyBB-Version: 1.8.38
(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.
background-image: url(/forum2/images/neuesthema.gif);