Fragen und Antworten » Eigener Content für .scndrow?

19.03.2024 21:26

Cyborg_Christina
#1 Eigener Content für .scndrow?

Ist es möglich, in der zweiten Forenspalte eigene Inhalte einzubinden? Ich habe kein Template-Element für diesen Bereich gefunden und im Adminbereich kann ich nur feste Inhaltsboxen wie den Activity Feed, die Spendenbox und die Statistiken einfügen.

Forum Künstliche Intelligenz

Antworten

Beitrag melden

#2

19.03.2024 23:01

Olaf
#2 RE: Eigener Content für .scndrow?

Ol

Olaf

Zitat von Cyborg_Christina im Beitrag #1
Ist es möglich, in der zweiten Forenspalte eigene Inhalte einzubinden?

Ja.Siehe Bild. Die untere Box ist mit einen Plugin programmiert.

Zitat von Cyborg_Christina im Beitrag #1
Ich habe kein Template-Element für diesen Bereich gefunden

"Forum Übersicht" und für ein Plugin "Forum Übersicht→footer".

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

Bildanh�nge

Zusatzbox.jpg

download

Antworten

Beitrag melden

#3

20.03.2024 09:51

Ingmar
#3 RE: Eigener Content für .scndrow?

Ingmar

Alternativ kannst du das auch per Javascript machen, wenn das für deine Zwecke ausreicht.

Hier ein einfaches Beispiel:

1
2
3
 
$meininhalt = "Hallo, ich bin eine eigene Box";
$meinebox = $('<div id="meinebox" class="card order-10 mb-3"><div class="card-header clearfix"><h5 class="card-title">Überschrift</h5></div><div class="card-body">'+$meininhalt+'</div></div>');
$meinebox.prependTo($('.scndrow'));
 

Viele Grüße,
Ingmar

Technik · Homepagemodules.de · Miranus GmbH

Antworten

Beitrag melden

#4

20.03.2024 13:04

Cyborg_Christina
#4 RE: Eigener Content für .scndrow?

Cyborg_Christina

Super, danke. Die Javascript-Lösung ist perfekt für mein Vorhaben.

Forum Künstliche Intelligenz

Antworten

Beitrag melden

#5

25.03.2024 09:20

Cyborg_Christina
#5 RE: Eigener Content für .scndrow?

Cyborg_Christina

Ich habe das gerade mit Ingmars Script versucht, aber die Box wird nicht in der .scndrow angezeigt, sondern unter dem Forum, also in der ersten Forumsspalte. Ist bei dem Script noch irgendwas zu beachten, das ich übersehen habe?

Hier ein Screenshot:

Forum Künstliche Intelligenz

Antworten

Beitrag melden

#6

25.03.2024 09:29

Ingmar
#6 RE: Eigener Content für .scndrow?

Ingmar

Je nach Bildschirmgröße wird die zweite Spalte "unter" der ersten angezeigt. Das ist auch hier so, wenn du das Browserfenster verkleinerst.

Viele Grüße,
Ingmar

Technik · Homepagemodules.de · Miranus GmbH

Antworten

Beitrag melden

#7

25.03.2024 09:41 (zuletzt bearbeitet: 25.03.2024 09:42)

Cyborg_Christina
#7 RE: Eigener Content für .scndrow?

Cyborg_Christina

Ja, aber ich bin ja nicht mit dem Handy online, Meine Bildschirmauflösung ist 3440 x 1440. Da wäre ja genug Platz in der zweiten Forenspalte.

Warum wird das Javascript in meinem Screenshot rot markiert? Da muss doch ein Fehler sein, oder?

Forum Künstliche Intelligenz

Antworten

Beitrag melden

#8

25.03.2024 10:23

creator
#8 RE: Eigener Content für .scndrow?

cr

creator

Zitat von Cyborg_Christina im Beitrag #7
Warum wird das Javascript in meinem Screenshot rot markiert?

Weil du ein Anführungszeichen gesetzt hast. Das ist nur eine farbliche Markierung vom Code (Syntax Highlighting).

Zitat von Cyborg_Christina im Beitrag #7
Da muss doch ein Fehler sein, oder?

Nein. Fehler werden dir in der Konsole angezeigt, wie der aus Suchleiste in .scndrow ?.

Antworten

Beitrag melden

#9

25.03.2024 10:44

Cyborg_Christina
#9 RE: Eigener Content für .scndrow?

Cyborg_Christina

Zitat von creator im Beitrag #8
Nein. Fehler werden dir in der Konsole angezeigt, wie der aus t547716f11769157-Suchleiste-in-scndro

Das ist inzwischen behoben, es gibt keine Fehlermeldungen mehr.

Forum Künstliche Intelligenz

Antworten

Beitrag melden

#10

25.03.2024 10:53

Olaf
#10 RE: Eigener Content für .scndrow?

Ol

Olaf

Ich weiß gar nicht,warum Du Dir das alles so schwer machst?
Ich hätte das alles in einen Plugin gepackt:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
{{template==177.start}}
{{pluginBox.start}}
 

$('.scndrow').prepend('<div id="BdT" class="card order-10 mb-3"><div class="card-header clearfix"><h5 class="card-title">Bild des Tages</h5></div><div class="card-body"></div></div>');
$('#BdT').append('<p>Bild des Tages: <br><br><img src="https://homepagemodules.de/b917629/a_135_c82be5ec.jpg" width="100%"></p>');
 

{{pluginBox.end}}
 
{{footerjs.start}}
{{footerjs}}
{{pluginBox}}
{{footerjs.end}}
{{template==177.end}}
 
 

Jetzt noch Dein CSS dazu,fertig.

Dein Fehler von oben ist,das Du die Variable "$meinebox" ohne Anführungszeichen angelegt hast.
Außerdem ist der Bilderlink nicht vorhanden.

GRuß
Olaf

__________________________

http://138600.homepagemodules.de/

Antworten

Beitrag melden

#11

25.03.2024 11:08

Cyborg_Christina
#11 RE: Eigener Content für .scndrow?

Cyborg_Christina

Danke @Olaf ,

das habe ich gerade korrigiert und mit Deinem Code ergänzt. Leider wird die Box aber immer noch unter dem Forum angezeigt und das Bild gar nicht mehr:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 

{{template==177.start}}
{{pluginBox.start}}
 
 
$('.scndrow').prepend('<div id="BdT" class="card order-10 mb-3"><div class="card-header clearfix"><h5 class="card-title">Bild des Tages</h5></div><div class="card-body"></div></div>');
$('#BdT').append('<p>Bild des Tages: <br><br><img src="https://homepagemodules.de/b917629/a_135_c82be5ec.jpg" width="100%" height="auto"></p>');
 
 
{{pluginBox.end}}
 
{{footerjs.start}}
{{footerjs}}
{{pluginBox}}
{{footerjs.end}}
{{template==177.end}}
 

 
<div id="BdT">
 
  
</div>
 
<style>
  
  #BdT {
    
    background: rgba(127, 174, 202, .5) !important;
border-radius: 5px !important;
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;
box-shadow: 1px 2px 4px rgba(0,0,0,.4) !important;
}
  
  </style>
 
 

So sieht das dann im Forum aus:

Forum Künstliche Intelligenz

Antworten

Beitrag melden

#12

25.03.2024 16:47 (zuletzt bearbeitet: 25.03.2024 16:53)

Olaf
#12 RE: Eigener Content für .scndrow?

Ol

Olaf

Bei mir im Testforum funktioniert es einwandfrei (http://138600.homepagemodules.de/):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
<style>
#BdT{
text-align: center;
background: rgba(127, 174, 202, 0.5)!important;
border-radius: 5px !important;
box-shadow: 1px 2px 4px rgba(0,0,0.4) !important
}
</style>
 
{{template==177.start}}
{{pluginBox.start}}
 

$('.scndrow').prepend('<div id="BdT" class="card order-10 mb-3"><div class="card-header clearfix"><h5 class="card-title">Bild des Tages</h5></div><div class="card-body"></div></div>');
$('#BdT').append('<p>Bild des Tages: <br><br><img src="https://files.homepagemodules.de/b917629/a_135_c82be5ec.jpg" width="100%"></p>');
 

{{pluginBox.end}}
 
{{footerjs.start}}
{{footerjs}}
{{pluginBox}}
{{footerjs.end}}
{{template==177.end}}
 
 

Wobei ich den Bilderlink im Code von Beitrag #10 nicht vollständig geschrieben habe.Deshalb war das Bild nicht vorhanden.
Aber jetzt funktioniert er ja.
Das Bild habe ich jetzt nur zu Testzwecken drin.Ich lösche es natürlich später.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

Bildanh�nge

Box.jpg

download

Antworten

Beitrag melden

#13

25.03.2024 16:58 (zuletzt bearbeitet: 25.03.2024 16:59)

Cyborg_Christina
#13 RE: Eigener Content für .scndrow?

Cyborg_Christina

Hallo @Olaf ,

vielen Dank für Deine Unterstützung. Das Problem war aber in diesem Fall ein anderes. Dass es bei Dir im Testforum funktioniert und bei mir nicht, lag daran, dass sich das Script nicht mit dem anderen Script für die Suchleiste im gleichen Template-Element verträgt. Ich weiß nicht, warum das so ist, aber ich habe mal spaßeshalber versucht, Dein Script einfach an einer anderen Stelle (nicht als Plugin), sondern bei "Eigenes HTML/JS" einzubinden und nun funktioniert es auch bei mir einwandfrei.

Das Script für die Suchleiste hatte ja eine fast identische Syntax wie dieses Script und beide zusammen funktionieren nicht im gleichen Template-Element (Forum Übersicht → Footer). Zum Glück ist man mit der Xobor-Software flexibel und es gibt immer Alternativlösungen :)

Forum Künstliche Intelligenz

Antworten

Beitrag melden

#14

25.03.2024 17:05

Olaf
#14 RE: Eigener Content für .scndrow?

Ol

Olaf

Wenn Du zwei Boxen haben möchtest,dann kannst Du das doch in einen Plugin machen.Die "beißen" sich nicht:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
<style>
#BdT{
text-align: center;
background: rgba(127, 174, 202, 0.5)!important;
border-radius: 5px !important;
box-shadow: 1px 2px 4px rgba(0,0,0.4) !important
}
</style>
 
{{template==177.start}}
{{pluginBox.start}}
 
$('.scndrow').prepend('<div class="card order-1 mb-3 fadeIn wow animated" style="visibility: visible;"><div class="card-header clearfix"><h5 class="card-title">{[name_search]}</h5></div><div id="n_suche" class="card-body "></div></div>');
$('#globalsearchform').prependTo($('#n_suche') );
 
$('.scndrow').prepend('<div id="BdT" class="card order-10 mb-3"><div class="card-header clearfix"><h5 class="card-title">Bild des Tages</h5></div><div class="card-body"></div></div>');
$('#BdT').append('<p>Bild des Tages: <br><br><img src="https://files.homepagemodules.de/b917629/a_135_c82be5ec.jpg" width="100%"></p>');
 

{{pluginBox.end}}
 
{{footerjs.start}}
{{footerjs}}
{{pluginBox}}
{{footerjs.end}}
{{template==177.end}}
 
 