Business Template nach oben springen Button ändern

17.05.2022 18:05
#1 Business Template nach oben springen Button ändern
Ha
Mitglied

Ich möchte in unserem Forum den nach „oben springen Button“ ändern, welcher unter jedem Beitrag ist, leider ist selbiger im Business Template nicht per CSS eingebunden. Wie könnte ich das machen?





Gruß
H.C.


 Antworten

 Beitrag melden
17.05.2022 20:43 (zuletzt bearbeitet: 17.05.2022 20:57)
avatar  Rika1
#2 RE: Business Template nach oben springen Button ändern
avatar
Mitglied

Beim Layout v6 geht das ganz einfach:
Admin - Layout - Farben und Einstellungen - Erweitert
Da lädst Du die gewünschte Grafik hoch und klickst auf "speichern".

Wenn Du v6 nicht nutzt kann ich Dir leider nicht weiter helfen, aber Du bekommst sicher von jemanden Antwort.

Viele Grüsse, Rika

https://seniorenforum50plus.de

 Antworten

 Beitrag melden
17.05.2022 21:38
#3 RE: Business Template nach oben springen Button ändern
l2
Mitglied

hallo Hagbard Celine,

bei der Vorarbeit sieht es einfach aus:

mit jquery würde man es sicher kompakter hinkriegen, aber das Prinzip bleibt das gleiche: Nach allen Bildern suchen, die ein bestimmtes Attribut haben

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<script>
window.addEventListener("DOMContentLoaded", function () {
 
const neu ="https://files.example.com/neuegrafik.png"; // neue Adresse
 
var imgs=document.querySelectorAll('img[title="nach oben springen"]');

for (var i=0; imgs && i < imgs.length; i++ ) {
var img=imgs[i];
img.src= neu;
} // i
} );
</script>
 
 



getestet habe ich allerdings nicht ...





... würde es „Fussball spielen” heissen

vG Bernd‍

 Antworten

 Beitrag melden
18.05.2022 19:18
#4 RE: Business Template nach oben springen Button ändern
Ha
Mitglied

WOW... vielen Dank, das hätte ich alleine nie hinbekommen!


 Antworten

 Beitrag melden
18.05.2022 22:57 (zuletzt bearbeitet: 18.05.2022 23:02)
avatar  Mike48
#5 RE: Business Template nach oben springen Button ändern
avatar
Mitglied

Admin → Layout → Kopf- & Fußzeiel → Fußzeile

1
2
3
 
<script>
$('.goto_top img').attr('src','//files.homepagemodules.de/b643516/a_7_c2185f5b.png');
</script>
 


www.friends-of-xobor.de (621181 - V4 Template)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
19.05.2022 11:00
avatar  creator
#6 RE: Business Template nach oben springen Button ändern
cr
Mitglied

Mikes Lösung als CSS (Admin → Layout → Farben & Einstellungen → CSS → Eigener CSS-Code):

1
2
3
 
.goto_top img {
content: url("//files.homepagemodules.de/b643516/a_7_c2185f5b.png");
}
 


 Antworten

 Beitrag melden
19.05.2022 11:35
avatar  Mike48
#7 RE: Business Template nach oben springen Button ändern
avatar
Mitglied

Manchmal sieht man den Wald vor lauter Bäumen nicht


www.friends-of-xobor.de (621181 - V4 Template)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
29.03.2023 15:49
avatar  Jaden
#8 RE: Business Template nach oben springen Button ändern
avatar
Mitglied

Zitat von creator im Beitrag #6
Mikes Lösung als CSS (Admin --&gt; Layout --&gt; Farben & Einstellungen --&gt; CSS --&gt; Eigener CSS-Code):

1
2
3
 
.goto_top img {
content: url("//files.homepagemodules.de/b643516/a_7_c2185f5b.png");
}
 




Hallo,
ich habe eben dieses bei mir eingefügt, als Grafik einen etwas größeren Pfeil gewählt, doch das schaut bei mir so aus, etwas zu arg unten:



Kann ich diesen irgendwie etwas höher bekommen?

Ich verwende das Business Template
https://photoimpact-bastelspass.de

 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!