Forum - RE: Kleine Quasselbox fürs Forum - Nur für Mitglieder

Um alle Funktionen nutzen zu k�nnen, aktivieren Sie bitte JavaScript in ihrem Browser!

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages �

Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! � Kleine Quasselbox fürs Forum

Seite 2 von 4 � Seite 1 2 3 4 Seite �

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News. Stellen Sie Ihr eigene Webseite vor. Betriebssystem MS Windows & andere Betriebssysteme Betriebssystem MS Windows 11, 10, 8 und 7 - Tricks & Tipps. MS Windows 11, 10, 8 und 7 - Fragen & Antworten. Linux, Ubuntu und andere Betriebssysteme. �rger mit dem PC, Laptop oder Tablet? �rger mit dem PC, Laptop oder Tablet - Vorbeugung und Hilfe? �rger mit dem PC, Laptop oder Tablet - Fragen & Antworten? Fragen zu DSL, VDSL, LTE und anderen Netzempfangsarten. XOBOR-Foren und Homepages Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! Das neue Template Xobor (v6). Energieerzeugung im neuen Zeitalter - Revolution�r! Videos und Webseiten zur Freien Energie. Wasserstoff - Energietr�ger der Zukunft. Elektronik & Elektrotechnik Elektronik & Elektrotechnik - Fragen und Antworten Elektronik & Elektrotechnik - Praxis - Highlights Die besten Links! Empfehlenswerte und interessante Links! Link - Suche. Verschiedenes Faszinationen & Unglaubliches! Tricks & Tipps f�r Smartphones und iPhones. Lob, Kritik & Verbesserungsvorschl�ge. Spiel & Spa�, Witz & gute Laune! Spiritualit�t, Seele, New Age, Yoga, Gesundheit. Alles, was noch so �brig bleibt. Bannertausch Wie funktioniert der Bannertausch? Bannerrotation und Bannerwechsel.

#11 | RE: Kleine Quasselbox fürs Forum - Nur für Mitglieder datum

27.07.2023 18:46 (zuletzt bearbeitet: 31.07.2023 16:45)

Daishi

Informationen anzeigen

Beitr�ge:	451
Registriert seit:	08.01.2022

Homepage:	Nicht angegeben
Letzte Spende	Betrag 15 � Forum Spende
Sternzeichen	Steinbock
Likes	439

Hallo ihr Lieben, ich habe auch mal versucht eine Shoutbox, nachzubasteln und habe es so weit hinbekommen.

Ich habe es mal versucht mit den speziellen Codes von Wolfgang, für registrierte Benutzer funktioniert das perfekt.

Was ich nur nicht hinbekommen habe ist, dass das Script unter der Navigation erscheint, wie bei mir auf dem Foto.

Benutze ich diese Codes dazu, erscheint es unter Spende im unteren Bereich.

1
 
  {{thread_open==true.start}}  ... script ...   {{thread_open==true.end}}

Dann habe ich mal geschaut im Forum und habe etwas gefunden und versucht irgendwie das hinzubekommen, scheitere voll daran. Denn das sind wieder andere Codebefehle.

Versuch mit den neuen Codes:

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
 
<script>  
  
var xcookie = document.cookie;
if (xcookie.indexOf(<style>
  
  .ueberschrift {
    text-shadow: 3px 3px 3px lightblue;
    font-size:25px;
    color:#000000;
    text-align: center;
}
 #bodybox {
  margin: auto;
  max-width: 550px;
  font: 15px arial, sans-serif;
  background-color: #dfe3f1;
  border-style: solid;
  border-width: 1px;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-right: 25px;
  padding-left: 25px;
  box-shadow: 5px 5px 5px lightblue;
  border-radius: 15px;
}
#chatborder {
  border-style: solid;
  background-color: #dfe3f1;
  border-width: 1px;
  box-shadow: 5px 5px 5px lightblue;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 15px;
  padding-right: 20px;
  padding-left: 15px;
  border-radius: 15px;
}
</style>
 
<div id='bodybox'>
  <div class="ueberschrift"><i><center><b>Shoutbox</b></i></center><div class="kopf-innen">
  <div id='chatborder'>
   <div class="speechbox-widget" data-boxid="..." data-width="100%" data-height="350"></div>
  </div>
  <br>
  <br>
  
<script async src="//www.speechbox.de/assets/js/widget.js" charset="utf-8">) {
var ende_suchen = xcookie.indexOf(";" , anfang_suchen);
var User_Name = xcookie.substring(anfang_suchen, ende_suchen );
    </script>  
 

Schließen

Ich hatte gedacht, es erscheint direkt unter der Navigation, aber da liege ich falsch, da erscheint nichts.

Ich wollte es versuchen es hinzubekommen, aber scheiter voll daran, da ich mich mit dieser Materie null auskenne und ich ein totaler Anfänger bin.

Respekt an Wolfgang und den anderen Mitgliedern, die da echt was auf dem Kasten haben und das gleich verstehen beim Anblick, was wie wo und was hingehört.

Hier mal mein Script:

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
 
<style>
  
  .ueberschrift {
    text-shadow: 3px 3px 3px lightblue;
    font-size:25px;
    color:#000000;
    text-align: center;
}
  
 #bodybox {
  margin: auto;
  max-width: 550px;
  font: 15px arial, sans-serif;
  background-color: #dfe3f1;
  border-style: solid;
  border-width: 1px;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-right: 25px;
  padding-left: 25px;
  box-shadow: 5px 5px 5px lightblue;
  border-radius: 15px;
}
 
#chatborder {
  border-style: solid;
  background-color: #dfe3f1;
  border-width: 1px;
  box-shadow: 5px 5px 5px lightblue;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 15px;
  padding-right: 20px;
  padding-left: 15px;
  border-radius: 15px;
}
 
</style>
 
<div id='bodybox'>
  <div class="ueberschrift"><i><center><b>Shoutbox</b></i></center>
  <div id='chatborder'>
   <div class="speechbox-widget" data-boxid="..." data-width="100%" data-height="350"></div>
  </div>
  <br>
  <br>
  Hier kann dein Text stehen.
 
<script async src="//www.speechbox.de/assets/js/widget.js" charset="utf-8"></script>
 

Schließen

Vorablösung habe ich das Script in der Kategorie platziert.

Sieht nicht so aus wie mein Original, aber es muss.

Shoutbox für Forum!

Für Erklärungen der Fehler bin ich sehr dankbar, ich bedanke mich im Voraus, für die netten Hilfen und Erklärungen.

Nette Grüße

Daishi

Daishi

Antworten

#12 | RE: Kleine Quasselbox fürs Forum - test 1 Shoutbox datum

28.07.2023 12:36 (zuletzt bearbeitet: 30.07.2023 20:37)

Habe heute Nacht von 00:00 Uhr bis jetzt drangesessen und ein schönes schlichteres Aussehen gemacht.

Ist einfach nur ein schlichter Rahmen mit Animation.

Bild wie es im Forum ausschaut in der Kategorie:

Wie man weiß, sind Geschmäcker verschieden, das erste war mir persönlich zu klobig, zu groß. Das finde ich jetzt besser und angenehmer.

Hier wie es original aussieht.

Test 1 Shoutbox!

Wenn sich einige wundern wie das geht, ich habe mich bei speechbox! kostenlos angemeldet.

Ich finde, für meine Zwecke reicht es und das schöne ist, man kann auch noch einen schönen Rahmen darum Basteln. Für mich reicht das als Shoutbox.
Hinweis über (DSGVO) Shoutbox ! unten mit eingefügt, einfach drüberfahren und es wird angezeigt.

Hoffe, dass die Idee und Inspiration gut ankommt.

Liebe Grüße

Daishi

Daishi

Antworten

#13 | RE: Kleine Quasselbox fürs Forum - test 1 Shoutbox datum

28.07.2023 13:54 (zuletzt bearbeitet: 28.07.2023 19:37)

Ohhh das finde ich richtig cool! Danke dafür, Daishi! <3

Darf ich fragen, in welchem Bereich du das eingesetzt hast?
Weiß jemand, ob es eine Möglichkeit gibt, diese neben den header im Gaia zu setzen?

Ich hatte es mit dem Dreispaltigen Layout Plugin versucht, aber der nimmt die Box leider nicht.

LG ♥

Antworten

#14 | RE: Kleine Quasselbox fürs Forum - test 1 Shoutbox datum

28.07.2023 14:58 (zuletzt bearbeitet: 30.07.2023 21:07)

Daishi

Informationen anzeigen

Beitr�ge:	451
Registriert seit:	08.01.2022

Homepage:	Nicht angegeben
Letzte Spende	Betrag 15 � Forum Spende
Sternzeichen	Steinbock
Likes	439

Ich teste auch noch herum, wo es am besten ausschaut, wo es am besten sitzt.

Oben im Header sieht es doof aus, unten könnte man es platzieren, also in Business unter Forenspende. Ist aber auch nicht so prickelnd.

Habe es jetzt endlich hinbekommen wie man es unter die Navigation hinbekommt in (Business (v4)!

Also man geht wie folgend vor:

Als erstes Admin > Plugins > Plugin-Entwicklung > NEUE Plugin Elemente > Neues Element erstellen > Template Element > Forum Übersicht">Header.

Template index_header bearbeiten - Dieses Template wird verwendet in: Forum Übersicht, <<<<<<< Hier habe ich den Code eingefügt wie Spoiler beschrieben, Code so einfügen im Plugin.

Wenn man den ganzen Code so macht als Plugin:

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
 
  {{current_page_index==true.start}}
 
<style>
  
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
  {
font-family:'Oswald',serif;
text-align: justify;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 195vh;
}
 
#box-news-container {
    position: relative;
    margin: 100px 2.5% auto 2.5%;
    width: 95%;
    max-width: 500px;
    height: atuo;
    background: linear-gradient(110deg, #dfe3f1 60%, #dfe3f1 60%);
    font-size: 16px;
    padding: 20px 10px;
   line-height:1.8em;
   box-shadow: 0 14px 28px     rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
#box-news-container::before {
    position: absolute;
    content: '';
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    right: -2px;
    top: -2px;
    background: linear-gradient(to right, blue, lightblue);
    z-index: -2;
}
  
p {
    position: absolute;
    top: -18px;
    left: 5%;
    padding: 1px 20px;
    margin: 0;
    font-size: 20px;
    color:#fff;
    font-weight: normal;
    background: linear-gradient(-122deg, rgba(255,0,0,0) 10%,rgba(255,0,0,0) 0%,rgba(255,0,0,0) 0%, rgb(61%,19%,100%) 0);
}
</style>
 
<link href='//netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/> 
 

 
 
 
<center><div id="box-news-container">
  <p><i class="fa fa-cog fa-spin"></i>  Shoutbox 
</p>
  
<div class="speechbox-widget" data-boxid="..." data-width="100%" data-height="350"></div>
</div></center>
    <br>
  <br>
  
 
<script async src="//www.speechbox.de/assets/js/widget.js" charset="utf-8"></script>
  
  <center>Hinweis über <span title='
<h2><span style="color:#000000"><u>Shoutbox!</u></span></center></h2>
<div style="font-size:14px;background-color:#DCDCDC;padding:10px 20px;border:2px solid #000000;color:#000000;">
 
<ul>Diese Website verwendet eine Shoutbox des Dienstleisters Speechbox.de. Die Nutzung ist optional, es werden darin keine Tracking-Cookies gespeichert. Bei Nutzung der Shoutbox durch Schreiben einer Nachricht werden die eingetragenen Daten des Besuchers beim Dienstleister Speechbox.de zeitlich begrenzt gespeichert. Dazu wird ausschließlich die IP-Adresse des Posts gesichert, um im Zweifelsfall Störenfriede ausschließen zu können. Cookies werden nur gesetzt, wenn die Funktion "Eingabedaten per Cookie speichern" vom Betreiber dieser Website aktiviert wurde, und in dem Fall ausschließlich um die vom Besucher eingegebenen Daten lokal bei ihm zu sichern. Die Nutzung der Shoutbox ist nicht notwendig um diese Website betrachten zu können.
&nbsp;<br>
</ul>
</div>
<br>
 '>(DSGVO) Shoutbox </span>!</center>
  
 {{current_page_index==true.end}}
  
  <br>
  <br>
  <br> 
 

Schlie�en

Ich hoffe, habe es jetzt richtig erklärt. War eine ganz schöne Anstrengung das hinzubekommen, also der Plugin-Entwicklung ist ganz schön kompliziert, wenn man da unerfahren ist.

Das Einzige, was mich stutzig macht, dass hier die Randfarbe nicht angezeigt wird, Rest funktioniert, nur die Randfarbe nicht.

Nette Grüße

Daishi

Daishi

Antworten

#15 | RE: Kleine Quasselbox fürs Forum - Test 2 Shoutbox datum

28.07.2023 23:27 (zuletzt bearbeitet: 31.07.2023 18:27)

Daishi

Informationen anzeigen

Beitr�ge:	451
Registriert seit:	08.01.2022

Homepage:	Nicht angegeben
Letzte Spende	Betrag 15 � Forum Spende
Sternzeichen	Steinbock
Likes	439

Wolfgang, es hat mir keine Ruhe gelassen, habe jetzt die ganze Zeit herum getestet und gemacht, und verschiedene Versuche im Forum gemacht.

Egal welches selbstgeschriebenes Script ich versuchte, blieb die äußeren Farben weg, auch manche Codes Classes veränderten das Forum.

Jetzt habe ich nochmal Dein Forum genauer angeschaut, dann kam mir eine Erleuchtung, Du hast mich voll und ganz inspiriert, ich hatte jetzt viel Arbeit mit einem Laptop bis ich das so hinbekam wie ich es wollte.

Ich saß jetzt bestimmt für den Laptop 2-3 Stunden daran, mit dem Programm Gimp, bis ich es so hatte, danach nochmal eine Stunde um dies genauer zu Beschriften.

Dann habe ich mich nochmal hingesetzt und extra dafür für den Laptop ein Script geschrieben.

Habe dieses auch jetzt getestet, und es geht jetzt wunderbar. Ich habe andere Classes benutzt. Also ich stelle keine Veränderungen am Forum fest und es wird alles angezeigt.

Ich danke Dir so sehr für die Inspiration und den Geistesblitz, der mich durchfuhr.

Hier mal das Bild im Forum an der gewünschten Stelle:

Zur Information, ich benutze das Tempelte (Business (v4)! Und ich habe es so gemacht, dass es als Plugin funktioniert.

Meine Schritte, die ich tat:

Als erstes Admin > Plugins > Plugin-Entwicklung > NEUE Plugin Elemente > Neues Element erstellen > Template Element > Forum Übersicht >Header. Dann den Script Code dort eingefügt und gespeichert, dann das Forum aktualisiert, um zu sehen ob es anzeigt.

Hier wie es aussieht in CodePen für Gäste:

Neues Design Shoutbox für Gäste!

Hier das neue Script für Gäste:

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
 
<style>
 
   .tb_outer_wrap {
         width: 100%;
         max-width: 650px;
         margin: 15px auto;
     }
     
 
     .tb_speechbox_wrap_macbook {
         position: relative;
         padding-bottom: 43%;
         padding-top: 0;
         height: 0;
         overflow: hidden;
         -webkit-border-image: url('https://i.ibb.co/3rx4WqR/macbook-laptop-frame1.png') 50 233 112 228 stretch stretch;
         -moz-border-image: url('https://i.ibb.co/3rx4WqR/macbook-laptop-frame1.png') 50 233 112 228 stretch stretch;
         -o-border-image: url('https://i.ibb.co/3rx4WqR/macbook-laptop-frame1.png') 50 233 112 228 stretch stretch;
         border-image: url('https://i.ibb.co/3rx4WqR/macbook-laptop-frame1.png') 50 233 112 228 stretch stretch;
         border-color: rgba(0, 0, 0, 0);
         border-width: 27px 76px 55px 76px;
         border-style: inset;
     }
     
     .tb_speechbox_wrap_macbook iframe,
     .tb_speechbox_wrap_macbook object,
     .tb_speechbox_wrap_macbook embed {
         position: absolute;
         top: 0;
         width: 100%;
         height: 100%;
         background-color: #ddd;
     }
     
     @media (max-width: 500px) {
         .tb_speechbox_wrap_macbook {
             border-width: 20px 62px 40px 62px;
         }
         @media all and (max-width: 400px) {
             .tb_speechbox_wrap_macbook {
                 border: none !important;
             }
         }
 
</style>  
 

<div class="tb_outer_wrap">
  <div class="tb_speechbox_wrap_macbook">
        <div class="speechbox-widget" data-boxid="..." data-width="100%" data-height="150"></div>
  </div>
</div>
 
<script async src="//www.speechbox.de/assets/js/widget.js" charset="utf-8"></script>  
 

Schlie�en

Hier wie es aussieht in CodePen für registrierte Mitglieder:

Neues Design Shoutbox für registrierte Mitglieder!

Hier das neue Script für registrierte Mitglieder:

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
 
{{user_registered==true.start}}
 
<style>
   .tb_outer_wrap {
         width: 100%;
         max-width: 650px;
         margin: 15px auto;
     }
     
     .tb_speechbox_wrap_macbook {
         position: relative;
         padding-bottom: 43%;
         padding-top: 0;
         height: 0;
         overflow: hidden;
         -webkit-border-image: url('https://i.ibb.co/3rx4WqR/macbook-laptop-frame1.png') 50 233 112 228 stretch stretch;
         -moz-border-image: url('https://i.ibb.co/3rx4WqR/macbook-laptop-frame1.png') 50 233 112 228 stretch stretch;
         -o-border-image: url('https://i.ibb.co/3rx4WqR/macbook-laptop-frame1.png') 50 233 112 228 stretch stretch;
         border-image: url('https://i.ibb.co/3rx4WqR/macbook-laptop-frame1.png') 50 233 112 228 stretch stretch;
         border-color: rgba(0, 0, 0, 0);
         border-width: 27px 76px 55px 76px;
         border-style: inset;
     }
     
     .tb_speechbox_wrap_macbook iframe,
     .tb_speechbox_wrap_macbook object,
     .tb_speechbox_wrap_macbook embed {
         position: absolute;
         top: 0;
         width: 100%;
         height: 100%;
         background-color: #ddd;
     }
     
     @media (max-width: 500px) {
         .tb_speechbox_wrap_macbook {
             border-width: 20px 62px 40px 62px;
         }
         @media all and (max-width: 400px) {
             .tb_speechbox_wrap_macbook {
                 border: none !important;
             }
         }
</style>  
 

 
<div class="tb_outer_wrap">
   <div class="tb_speechbox_wrap_macbook">
     <div class="speechbox-widget" data-boxid="..." data-width="100%" data-height="150"></div>
  </div>
</div>
 
<center>
<div style="text-align:font-size: 18px;">Benutzung der <span title='
  <h2><center><span style="color:#000000"><u>Shoutbox!</u></span></center></h2>
  <div style="font-size:14px;background-color:#DCDCDC;padding:10px 20px;border:2px solid #000000;color:#000000;">
 
    <ul>Im Feld "Name" einen Namen eingeben.<br>
 
    Im Feld "Nachricht" einen Text eingeben, den sie mitteilen möchten.<br>
 
    Zum Absenden einfach auf "Los" klicken.<br>
  
    Ich wünsche viel Spaß beim Posten.<br>
 
    Mit freundlichen Grüßen<br><br>
 
    Euer Admin.<br>
 
    </ul>
  </div>
  <br>
  '>Shoutbox </span>!
</center>
<br>
 
<center><div style="text-align:font-size: 18px;">Hinweis über <span title='
  <h2><center><span style="color:#000000"><u>Shoutbox!</u></span></center></h2>
  <div style="font-size:14px;background-color:#DCDCDC;padding:10px 20px;border:2px solid #000000;color:#000000;">
 
  <ul>Diese Website verwendet eine Shoutbox des Dienstleisters Speechbox.de. Die Nutzung ist optional, es werden darin keine Tracking-Cookies gespeichert. Bei Nutzung der Shoutbox durch Schreiben einer Nachricht werden die eingetragenen Daten des Besuchers beim Dienstleister Speechbox.de zeitlich begrenzt gespeichert. Dazu wird ausschließlich die IP-Adresse des Posts gesichert, um im Zweifelsfall Störenfriede ausschließen zu können. Cookies werden nur gesetzt, wenn die Funktion "Eingabedaten per Cookie speichern" vom Betreiber dieser Website aktiviert wurde, und in dem Fall ausschließlich um die vom Besucher eingegebenen Daten lokal bei ihm zu sichern. Die Nutzung der Shoutbox ist nicht notwendig um diese Website betrachten zu können.
&nbsp;<br>
  </ul>
  <br>
  </div>
  '>(DSGVO) Shoutbox </span>!
</center>
  
<br><br>
 
<script async src="//www.speechbox.de/assets/js/widget.js" charset="utf-8"></script>
  
{{user_registered==true.else}}
  
<center>
<div class="news_user">
  <b>Hallo <span style="text-transform:capitalize;">Gast</span>, schön, dass Du vorbeischaust.</b><br>
  <img style="margin:5px 0;" src="https://i.ibb.co/ZMkQ2Lk/User-Gast.png">
  <div>Die Shoutbox ist für Registrierte Mitglieder benutzbar, über eine Anmeldung bei uns würden wir uns freuen!</div>
</div>
</center>
  
{{user_registered==true.end}}  
 

Schlie�en

Hoffe, ich habe es jetzt richtig erklärt, und dass die Idee als Rahmen gut ankommt, für eine Shoutbox.

Herzliche Grüße

Daishi

Daishi

Wolfgang findet das Top!

Antworten

#16 | RE: Kleine Quasselbox fürs Forum - Test 2 Shoutbox datum

31.07.2023 18:41 (zuletzt bearbeitet: 31.07.2023 19:50)

Kleine Quasselbox fürs Forum - Shoutbox

@Daishi

Hallo Daishi.

Komme jetzt erst dazu auf all Deine Beiträge zu antworten.
Wie man sieht, hast Du es auf Deiner Webseite gut hinbekommen!
Top!

Besonders wichtig zum Nachbauen:

Habe hier Deine persönliche DataBox-ID "data-boxid" ausgeblendet!
Die DataBox-ID (Zeile 50) muss für das eigene Forum von www.speechbox.de über eine Anmeldung geholt werden!
Hier kann die Shoutbox auch farblich angepasst werden!
Das Laptop-Design wird nur einer Grafik (Zeile 16-18) entnommen!
Hier kann jeder nach Art des Forums ein beliebiges, passendes Bild verwenden!

Zu beachten ist noch der Datenschutz (DSGVO)!

Bis dann und wenn es Deine Zeit erlaubt, mach weiter so!
Viel Energie für weitere Ideen und Inspirationen!

Wolfgang

Antworten

#17 | RE: Kleine Quasselbox fürs Forum - Shoutbox datum

31.07.2023 19:22 (zuletzt bearbeitet: 31.07.2023 19:49)

Kleine Quasselbox fürs Forum - Shoutbox

Zitat von bienchen im Beitrag #13
Ohhh das finde ich richtig cool! Danke dafür, Daishi!

Darf ich fragen, in welchem Bereich du das eingesetzt hast?
Weiß jemand, ob es eine Möglichkeit gibt, diese neben den header im Gaia zu setzen?

Ich hatte es mit dem Dreispaltigen Layout Plugin versucht, aber der nimmt die Box leider nicht.

LG ♥

Hallo Bienchen.

Für die Platzierung neben dem Header habe ich für das Gaia keine Idee....

Platzierung übers Plugin:

Gut platzieren lässt sich die Shoutbox über ein Plugin.
Bei der Installation kann man ja auswählen, wo das Skript hin kopiert werden soll!
Die "Obere Leiste" oder die "Forum Übersicht" sind gute Plätze, allerdings dann zentriert!

Ausweichlösung:

Du kannst auch auf den "Talk" ausweichen, der gut mit dem Design Deiner Foren übereinstimmt!
Der Datenschutz macht dann auch keine zusätzlichen Sorgen!

Bis dann
VG

Wolfgang

bienchen findet das Top!

Antworten

#18 | RE: Kleine Quasselbox fürs Forum - Shoutbox datum

04.08.2023 09:32 (zuletzt bearbeitet: 04.08.2023 20:27)

Hallo Zusammen!
Und danke Wolfgang für die Hilfe!

Ich habe den Talk nie benutzt, aber wie funktioniert das? Denn bei mir wird er nicht angezeigt, selbst wenn ich ihn aktiviere, sehe ich nur "keine Beiträge vorhanden" aber keine Box, wie ich es eigentlich dachte?
Oder muss man dazu separat irgendwo etwas einstellen?

LG

Antworten

#19 | RE: Kleine Quasselbox fürs Forum - Shoutbox datum

04.08.2023 12:29

Hallo bienchen

In der Anlage findest du den Weg zum "Glücklich sein".... 😎
Wenn du dort einen Namen für den Talk vergeben hast und die Rechteeinstellungen angepasst hast (anschließendes speichern nicht vergessen), dann erscheint dir der Talk in der Menüleiste im Forums- und Portalbereich.

Gruß
Alfred

844er hat folgende Bilder an diesen Beitrag angeh�ngt

Ashampoo_Snap_?Freitag, ?

Als Diashow anzeigen

Antworten

#20 | RE: Kleine Quasselbox fürs Forum - Shoutbox datum

01.10.2023 14:44

Hallo zusammen!

Also das mit dem Talk funktioniert nicht bei uns .. da kommt nur eine Schrift mit: Es wurden noch keine Beiträge erstellt.

Ne Idee warum das so ist?

Und meine zweite Frage wäre, gibt es die Möglichkeit die Speechbox auf einer eigenen Seite einzubinden?
Ich hatte es funktioniert, aber leider wurde sie nicht angezeigt.

Ich hatte es auch in einem Hover über unserem Header versucht, aber auch da wurde die Speechbox nicht angezeigt anschließend.

Liebe Grüße und einen schönen Sonntag

Antworten

Tuning für das Plugin Xobor Lightbox (Diashow) - Teil 1+2 � � Smileys für Themen-Markierungen einfügen und bearbeiten! - Teil 1+2

Seite 2 von 4 � Seite 1 2 3 4 Seite �

�hnliche Themen

Antworten

Letzter Beitrag

Ein kleines Geschenk für dich als Dankeschön :O) - Neues Forum-Layout
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! von Daishi

Heute 11:50
von

Daishi • Zugriffe: 248

Kleine Formatfehler beheben im responsive Template Xobor (v6) & Mobil
Erstellt im Forum Das neue Template Xobor (v6). von Wolfgang 2 06.11.2025 15:08
sophiebach • Zugriffe: 596

Projekt: Maskottchen James, Hermine & Familie - Die Forum Roboter
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Daishi

13.03.2023 14:35
von

creator • Zugriffe: 15877

Sprechblasen fürs Forum - Teil 1+2
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang 1 10.08.2022 18:49
Wolfgang • Zugriffe: 1027
Neu! Forum - Lesezeichen dauerhaft verfügbar!
Erstellt im Forum Ank�ndigungen & Termine, wichtige News. von Wolfgang 3 11.12.2016 19:38
Wolfgang • Zugriffe: 5992
Herzlich Willkommen im Forum
Erstellt im Forum Willkommen! von Wolfgang 0 13.10.2012 14:10
Wolfgang • Zugriffe: 6488
Sonderzeichen fürs Forum bereitstellen
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang 3 12.04.2019 11:47
Wolfgang • Zugriffe: 6746

Versteckte Kommentare in Forum-Beiträgen nutzen!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

07.07.2019 00:01
von

Wolfgang • Zugriffe: 3961

Die Top-Favoriten aus diesem Forum
Erstellt im Forum Alles, was noch so �brig bleibt. von Wolfgang 0 10.04.2007 17:57
Wolfgang • Zugriffe: 20031

Forum �bersicht → XOBOR-Foren und Homepages →

Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! → Kleine Quasselbox fürs Forum

Foren Spende

Hallo !

Wir hoffen, dass Dir unser Forum gef�llt und Du Dich hier genauso wohlf�hlst wie wir.

Um Dir und den anderen Mitgliedern das Bestm�gliche bieten zu k�nnen, w�rden wir das Forum gern werbefrei gestalten, mit tollen neuen Extras erg�nzen.

Wenn Du uns dabei unterst�tzen m�chtest, kannst Du mit Hilfe einer kleinen Spende dazu beitragen.

Deine Spende hilft!

Spendenziel: 45 €

37%

⚡Stress‑Test

�

🔥 Konsole �ffnen

Um die Browser-Konsole zu �ffnen, dr�cke:

F12 oder Ctrl + Shift + I

W�hle danach den Reiter Console.

Dort kannst du:
� Test-Anfragen sehen
� Fehler erkennen
� Netzwerk-Infos pr�fen