Xobor - Foren - Hilfe

kein Plugin, kein Template-Eingriff erforderlich!

Beschreibung:

• Zwischen dem Header und dem Seitenbeginn werden auf der Forenübersicht 3 Bilder oder Grafiken eingeblendet, die frei gewählt und frei verlinkt werden können.(ohne Plugin oder Templateeingriff)
• Die Grafiken sind auf max.30% ihrer Breite beschränkt, so dass eine max.90% Füllung der Box automatisch erfolgt
• Das Script wird in die Fusszeile eingesetzt und ist im Business Template von mir getestet
• Es soll eine Anregung für Interessierte sein, über die man reden kann. :-)
• Die Zeilen 5-12 bestimmen Text, Textfarbe, Bildadressen und Bildlinks, ... bitte selbst nach Wunsch abändern. (zu Testzwecken hab ich sie gefüllt)

<script>
//  Script zur Einblendung von drei Bilder + Überschrift in der Forenübersicht
// © firestone007, https://www.frape-fotoforum.de/, http://frapefo-test.xobor.de/
 
var ueberschrift = "Testeinblendung:";  // Text der Überschrift
var farbeueberschrift = "white";  // Farbe der Überschrift 
var bild1 = "https://files.homepagemodules.de/b624252/pictures_u29135_VOuepZBE.jpg";   // erste Bildadresse
var link_bild1 = "https://files.homepagemodules.de/b624252/pictures_u29135_VOuepZBE.jpg"; // wohin soll Bild1 verlinken ?
var bild2 = "https://files.homepagemodules.de/b624252/pictures_u24360_sTbQtcGz.jpg";  // zweite Bildadresse
var link_bild2 = "http://frapefo-test.xobor.de/forum.php?show=last"; // wohin soll Bild2 verlinken ?
var bild3 = "https://files.homepagemodules.de/b624252/pictures_u29135_VOuepZBE.jpg";  // dritte Bildadresse
var link_bild3 = "http://frapefo-test.xobor.de/page-626647-1.html"; // wohin soll Bild3 verlinken ? 
 
// ab hier nach Möglichkeit nichts mehr ändern !
 
$('.page_index').before('<div id="test_after_header" class="box" style="margin-top: 10px; margin-bottom: 10px; padding: 15px;"> <center><h1 style="color:'+ farbeueberschrift +';"> '+ ueberschrift +' </h1><br><img src="' + bild1 + '" alt="" onclick="open_link1()" /> &nbsp; <img src="' + bild2 + '" alt="" onclick="open_link2()" /> &nbsp; <img src="' + bild3 + '" alt="" onclick="open_link3()" /> </center> </div> <style> #test_after_header img {cursor: pointer; max-width: 30%;} </style>');
function open_link1(){
window.open(''+ link_bild1 +'');
}
function open_link2(){
window.open(''+ link_bild2 +'');
}
function open_link3(){
window.open(''+ link_bild3 +'');
}
 
</script>
 

bei "erste Bildadresse" kommt die Adresse des Fotos rein, beim Link dann die Adresse, worauf das Bild verlinken soll.

die Bildadresse kommt jeweils nur einmal rein bei "Bild" danach ist bei jedem Bild die var "link" , wenn das Bild verlinkt werden soll nach irgendwo hin. Kann man aber auch leer lassen

es gibt jeweils eine Zeile für die Anzeige des Bildes (Bildadresse) und danach immer eine Zeile , für die Adresse , auf die das jeweilige Bild verlinken soll. Man kann als Link alles mögliche eintragen, muss ja nicht das Bild sein

klar helfe ich.
Was Du hinter die // geschrieben hast, gehört in die Zeilen für den Bildlink, also in die Zeilen 8, 10 und 12 , statt der Adressen , die da jetzt drinstehen.

Alles , was ich hinter // geschrieben hatte, dient lediglich der Erläuterung der Eingaben.

Du trägst also bei "var bild..." die Bildadresse ein und bei "var link_bild" die adresse, worauf der Klick führen soll

nein, mein Text soll nur als Hinweis hinter den "//" stehen bleiben. In die jeweils zweite Zeile trägst du die Adresse ein , zu der das jeweilige Bild verlinken soll