Forum - Was mache ich hier falsch? - Präsentation von News & Tipps!

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 - Fragen & Antworten! � Was mache ich hier falsch? - Präsentation von News & Tipps!

Seite 1 von 2 � Seite 1 2 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.

#1 | Was mache ich hier falsch? - Präsentation von News & Tipps! datum

15.06.2024 08:06 (zuletzt bearbeitet: 15.06.2024 12:52)

Daishi

Informationen anzeigen

Beitr�ge:	392
Registriert seit:	08.01.2022

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

Hallo, Wolfgang

Versuche die ganze Zeit eine Präsentation zu machen, aber irgendwie zeigt es nicht in "Eigene Seiten" an, weiß jetzt nicht, was ich falsch gemacht habe.

Hier bei CodePen zeigt es sauber an:

Neue Präsentation fürs Forum!

Und in "Eigene Seiten" zeigt es so an:

Test Presa 22!

Habe mal an der Präsentation weitergearbeitet, es war nur eine Idee und Inspiration.

Bilder:

Hänge da jetzt schon 6 Tage daran und bekomme es nicht in "Eigene Seiten" angezeigt. Wo habe ich hier so einen massiven Fehler darin, dass er mir das nicht anzeigt?

Hier mal mein Code, wo ich daran gearbeitet habe:

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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
 
<style>
.clearfix {
    display: block;
    content: "";
    clear: both;
}
.wrapper {
    position: relative;
    min-height: 450px;
}
.color1 {color:#e91e63}
 
.item-container {
    border: 5px solid #fff;
    padding: 12px;
    background: #0000008a;
    transition: all .2s linear;
    border-radius: 5px;
}
.item-container:hover {
    background: #000000db;
    box-shadow: 1px 1px 20px -6px #1b1b1b;
}
 
.item-category a {
    float: right;
    background: #e91e63;
    padding: 4px;
    color: #fff;
}
  
.item_category2 {
    float: right;
    background: green;
    padding: 2px;
    color: #fff;
}  
.item-date {
    float: left;
    padding: 4px;
    color: #fff;
  z-index:99999;
}
 
.icon img {
    border-radius: 58%;
    height: 150px;
    border: 4px solid #fff;
    width: 150px;
    transition: all .2s linear;
}
.item-container:hover .icon img {
    width: 160px;
    height: 160px;
}
.sd3d {
    color: #fff;
    text-align: center;
    font-size: 11px;
    margin-top: 21px;
}
.sd3d a {
    color: #e91f63;
    text-align: center;
    font-size: 11px;
    margin-top: 21px;
}  
 
  /* Anfang Speaker test  */
   .speak_div {text-align:center; margin-top:10px; font-weight:bold; font-size:12px; clear:both; }
  .speak {border: 1px solid transparent; display:inline-block; cursor:pointer !important; border-radius:5px; ;}
  .speak:hover {background:#ffffff  !important; border: 1px solid #aaaaaa !important; }
  .speakAktiv {background:#aa2222; color: #ffffff !important;}
  .speak img {width:40px; margin:0;}
  .speak2 img {width:20px; border: 1px solid transparent;}
  .speak2 {border-radius:5px; padding: 2px 5px 5px 5px; cursor: pointer;}
  .speak2:hover img {background:#ffffff  !important; border: 1px solid #aaaaaa  !important; border-radius:5px;}
  
  /* Ende Speaker test  */
  
  
  
  /* Anfang HTML 5 Player style */
/* Anfang HTML 5 Player style */
/* Anfang HTML 5 Player style */
 
audio {
  width: 250px;
  box-shadow: 5px 5px 20px rgba(1, 1, 1, 2.1);
  border-radius: 90px;
  transform: scale(1.05);
} 
 
/* Ende HTML 5 Player style */
/* Ende HTML 5 Player style */
/* Ende HTML 5 Player style */
  
  .muenze {
  /* Groeße der Spenden-Muenze in der Foren Spende */
  --GroesseMuenze: 90px;
  
  display:none;
  margin: 40px auto;
  position: relative;  
  height: 200px; height: var(--GroesseMuenze);
  width: 200px; width:  var(--GroesseMuenze);
}       
.muenze div { 
  font-family: "Arial", sans-serif;
}
.muenze .jump {
  animation: jump 1.5s infinite ease;
}
@keyframes jump {
  0% { top: 0; }
  50% {top: calc(var(--GroesseMuenze) / -9);}
  100% { top: 0; }
}
.muenze .front {
  box-sizing: border-box;
  position: relative;
  height: 100%; 
  width: 100%; 
  background: #ffbd0b;
  border-radius: 50%;
  border-top: 7px solid #ffd84c;
  border-left: 7px solid #ffd84c;
  border-right: 7px solid #d57e08;
  border-bottom: 7px solid #d57e08;
  transform: rotate(45deg);
}
.muenze .front:before {
  content: "";
  left: 20%;
  position: absolute;
  width:50%;
  height: 50%;
  top:0; right:0; bottom:0; left:0;
  margin: auto; 
  background: #f0a608;
  border-radius: 50%;
  border-bottom: 5px solid #ffd84c;
  border-right: 5px solid #ffd84c;
  border-left: 5px solid #d57e08;
  border-top: 5px solid #d57e08;
  z-index: 2;
}
.muenze .front .currency {  
  line-height: calc(var(--GroesseMuenze)); 
  margin-top:-4px; 
  margin-left:-4px;
  overflow: hidden;
  position: absolute; 
  color: #c46d07;
  font-size: calc(var(--GroesseMuenze) / 6);
  font-weight:bold;
  transform: rotate(-45deg);
  width: 100%; 
  height: 100%;
  text-shadow: 0 4px 0 #feA73A;
  z-index: 3;
  border-radius: 50%;
}
.muenze .front .currency:after {
  content: "";
  position: absolute; 
  height: 180%;
  width: 40px; 
  margin: 30px -65px; 
  box-shadow: 50px -23px 0 -10px rgba(255, 255, 255, 0.22), 85px -10px 0 -16px rgba(255, 255, 255, 0.19);
  transform: rotate(-50deg);
  animation: shine 1.5s infinite;
}
@keyframes shine {
  0% { margin: 10px -65px; }
  50% { margin: 40px -85px; }
  100% { margin: 10px -65px; }
}
.muenze .front .shapes {
  transform: rotate(-45deg);
  position: absolute;
  margin-top: 0;
  margin-left: 0;
  width: 100%;
  height: 100%;
}
.muenze .front .shapes div {
  width: 10%;
  height: 2%;
  background: #d57e08;
  border-top: 2px solid #c47207;
  margin: 43% 7%;
}
.muenze .front .shapes div:before, .muenze .front .shapes div:after {
  content: "";
  position: absolute;
  width: 10%;
  height: 2%;
  background: #d57e08;
  border-top: 2px solid #c47207;
}
.muenze .front .shapes div:before {
  margin: 5% -5%;    
}
.muenze .front .shapes div:after {
  margin: 12% -5%;
}
.muenze .front .shape_l {
  float: left;
}
.muenze .front .shape_r {
  float: right;
}
.muenze .front .top, .muenze .front .bottom {  
  font-size: calc(var(--GroesseMuenze) / 9);
  font-weight:bold;
  color: #d67f08;
  width: 100%;
  position: fixed;
  left: 0;
  line-height: calc(var(--GroesseMuenze) / 4);
}
.muenze .front .top {
  top:5%;   top:0;
}
.muenze .front .bottom {
  bottom: 5%;  bottom: 0;
}
.muenze .shadow {
  width: 100%;
  height: 20px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  z-index: -1;
  margin: 10px auto 0 auto;
  animation: swift 1.5s infinite;
}
@keyframes swift {
  0% { opacity: 0.9; }
  50% { opacity: 0.5; transform: scale(0.9); }
  100% { opacity: 0.9; }
}
          
/* Ausblenden */
.donation_amount {display:none;}
  
/* Fürs V6 */
#donateform .card-body {
 text-align:center;
}
</style>
 

 

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Fügen Sie das Obige in Ihr HEAD-Tag ein ---------->
 
	<div class="container-fluid bg-full p-0">
        <h1 class=" text-center pt-5 py-4 display-3 text-black">Präsentationen <span class="color1">News</span> & <span class="color1">Tips</span></h1>
          <div class="row col-sm-10 text-center m-auto">
    <!-- ### 1. Fenster - Anfang ### -->        
              <div class="col-lg-4 item-fa example p-3">
                <div class="item-container">
                  <div class="wrapper">
                  <div class="item-date">28/05/2024</div>
                 <div class="item-category"><a href="#">category</a></div><br><br>     <div class="item_category2">als Plugin für das Forum</div>
                    
                    <div class="item-title clearfix "><h1 class="text-light pt-3 ">Text to Speech (TTS)</h1></div> <div class="item-description text-white"><p>Zur Demonstration bitte auf kleinen Lautsprecher klicken!</p></div> <div class="speak_div"><div class="abspielen"><img src="//files.homepagemodules.de/b104774/a_501_ecd9c017.png"></div><div class="item-description text-white"><p>Beitrag vorlesen!</p></div></div><br>
        <div class="icon my-4"><img src="https://files.homepagemodules.de/b104774/a_504_a1f9b795.png"></div>
                  <div class="item-description text-white"><br>
Texte sich vorlesen zu lassen ist eine faszinierende und praktikable Idee!
<br>
Mit einfachsten Mitteln lassen sich überall im Forum Hilfetexte, Hinweise oder Warnungen mit Sprachausgabe platzieren, ohne extra eine MP3-Datei erstellen zu müssen!
<br><br>
<b>Hier geht es zum Beitrag:</b>
<a href="/t1790f31-Text-to-Speech-TTS-Feste-Textbloecke-in-Sprache-umwandeln-Teil.html#msg5029">Text to Speech (TTS) -Text in Sprache umwandeln!</a></div>
                  </div>
                </div>
            </div>
 
<!-- ### 1. Fenster - Ende ### -->            
            
            
<!-- ### 2. Fenster - Anfang ### -->       
  <div class="col-lg-4 item-fa example p-3">
                <div class="item-container">
                  <div class="wrapper">
                  <div class="item-date">06/12/2021</div>
                    <div class="item-category"><a href="#">category</a></div><br><br>     <div class="item_category2">als Plugin für das Forum</div>
                    <div class="item-title clearfix "><h1 class="text-light pt-3 ">Sound beim Eintreffen einer Email!</h1></div><div class="item-description text-white"><p><b>Mögliche Soundwiedergabe für die Ankunft einer Mail:</b></p></div> <audio controls="controls">
<source src="track.ogg" type="audio/ogg">
<source src="https://files.homepagemodules.de/b135428/f199t55470p407552n2.mp3">
Ihr Browser unterstützt nicht die Audio-Wiedergabe
</audio>
        <div class="icon my-4"><img src="https://files.homepagemodules.de/b541474/a_748_001a7aea.png"></div>
                  <div class="item-description text-white">
 
Wer gerne eine akustische Benachrichtigung für die "privaten Mails" ins Forum einbauen möchte, findet hier eine Möglichkeit!<br>
Trifft eine "private Mail" ein, kann man das am blinkenden Symbol im User-Menü, oben recht sehen, allerdings nicht so gut!
<br>
Im folgenden Beitrag wird zusätzlich zum Sound eine relativ große Grafik eingeblendet, die nicht zu übersehen ist!
 
Durch ein Mausklick kommt man direkt zum Posteingang!
<br>
<b>Hier geht es zum Beitrag:</b>
<a href="/t842f31-quot-Sie-haben-Post-quot-Sound-Grafik-beim-Eintreffen-einer-Email.html#msg1851">Sie haben Post - Sound beim Eintreffen einer Email!</a></div>
                  </div>
                </div>
            </div>
<!-- ### 2. Fenster - Ende ### -->  
            
 <!-- ### 3. Fenster - Anfang ### -->           
  <div class="col-lg-4 item-fa example p-3">
                <div class="item-container">
                  <div class="wrapper">
                  <div class="item-date">15/09/2023</div>
                    <div class="item-category"><a href="#">category</a></div><br><br>     <div class="item_category2">als Plugin für das Forum</div>
                    <div class="item-title clearfix "><h1 class="text-light pt-3 ">Betrag Forenspende animiert darstellen!</h1></div><div class="item-description text-white"><p>Zur Demonstration wie es Ausschaut!</p></div><div class="muenze"><div class="front jump"><div class="currency">10 �</div><div class="shapes"><div class="shape_l"></div><div class="shape_r"></div><span class="top">Forum</span><span class="bottom">Spende</span></div></div><div class="shadow"></div></div>
        <div class="icon my-4"><img src="https://files.homepagemodules.de/b104774/f296t720p5424n2_QyJSCkzT.png"></div>
                  <div class="item-description text-white">
Wenn man sich den ausgewählten Spendenbetrag anschaut, sieht das Design etwas mager aus, blank ohne besonderes Aussehen!
Wie es aussehen kann, zeigt das Bild.
Hinzu kommt noch, dass die Münze animiert ist, sie springt, hat eine Lichtspiegelung und wirft einen Schatten!
Wer den Spenden mehr Ausdruck verleihen möchte, kann das mit dem folgenden Beitrag tun!
<br>
<b>Hier geht es zum Beitrag:</b>
<a href="/t720f296-Xobor-Spenden-Button-In-der-Foren-uebersicht-im-Profil-im-Beitrag-im-Portal-und-in-der-Mitgliederliste.html#msg5424">Betrag Forenspende animiert darstellen!</a></div>
                  </div>
                </div>
            </div>
<!-- ### 3. Fenster - Ende ### -->   
            
<!-- ### 4. Fenster - Anfang ### -->            
  <div class="col-lg-4 item-fa example p-3">
                <div class="item-container">
                  <div class="wrapper">
                  <div class="item-date">09/06/2024</div>
                    <div class="item-category"><a href="#">category</a></div>
                    <div class="item-title clearfix "><h1 class="text-light pt-3 ">Name</h1></div>
        <div class="icon my-4"><img src="https://files.homepagemodules.de/b920350/a_3_e75a5991.png"></div>
                  <div class="item-description text-white">"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. "</div>
                  </div>
                </div>
            </div>
<!-- ### 4. Fenster - Ende ### --> 
            
<!-- ### 5. Fenster - Anfang ### -->            
<div class="col-lg-4 item-fa example p-3">
                <div class="item-container">
                  <div class="wrapper">
                  <div class="item-date">09/06/2024</div>
                    <div class="item-category"><a href="#">category</a></div>
                    <div class="item-title clearfix "><h1 class="text-light pt-3 ">Name</h1></div>
        <div class="icon my-4"><img src="https://files.homepagemodules.de/b920350/a_3_e75a5991.png"></div>
                  <div class="item-description text-white">"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. "</div>
                  </div>
                </div>
            </div>
<!-- ### 5. Fenster - Ende ### -->            
            
            
<!-- ### 6. Fenster - Anfang ### -->            
  <div class="col-lg-4 item-fa example p-3">
                <div class="item-container">
                  <div class="wrapper">
                  <div class="item-date">09/06/2024</div>
                    <div class="item-category"><a href="#">category</a></div>
                    <div class="item-title clearfix "><h1 class="text-light pt-3 ">Name</h1></div>
        <div class="icon my-4"><img src="https://files.homepagemodules.de/b920350/a_3_e75a5991.png"></div>
                  <div class="item-description text-white">"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. "</div>
                  </div>
                </div>
            </div>
<!-- ### 6. Fenster - Ende ### -->     
            
            <!-- ### Hier können Beliebig die fenster eingefügt werden achten sie bitte auch auf die numerierung der Fenster ### -->            
 
            
            
            <!-- ### Ende für dives  hier bitte nichts einfügen ### -->            
 
          </div>
      </div>
 

 
<script>
window.addEventListener('load', function(){
  
/* #### Stimme und Fremdsprachen #### */
const Stimme = '1';  // 0=Hedda DE - Default, 1=Katja DE, 2=Stefan DE
// Andere Sprachen (z.Z. nur im MS Edge):  138=Ingrid DE Österreich 139=Jonas DE Österreich, 144=Jan DE Schweiz, 145=Leni DE Schweiz // 107=Sonja EN, 116= EN // 130=Eloise FR, 131=Henry FR // 162=Diego IT, 164=Isabella IT // 260=Alvaro SP, 261=Elvira SP
 
const robot1 = document.querySelector('.abspielen');
let message1 = new SpeechSynthesisUtterance();
 
/* #### Text für Lautsprecher bild klick - Anfang #### */
// Absätze ergeben eine kleine Pause beim Vorlesen! 
// Symbole und Auskommentierungszeichen werden auf mobilen Endgeräten auch vorgelesen!
 
message1.text = `
 Texte sich vorlesen zu lassen ist eine faszinierende und praktikable Idee!
Mit einfachsten Mitteln lassen sich überall im Forum Hilfetexte, Hinweise oder Warnungen mit Sprachausgabe platzieren, ohne extra eine MP3-Datei erstellen zu müssen!`;
/* #### Text für Lautsprecher bild klick - Ende #### */
 
let voices = [];
 
speechSynthesis.cancel();
            
speechSynthesis.addEventListener('voiceschanged', event => {
  voices = speechSynthesis.getVoices();
  message1.voice = voices[Stimme]; 
});
 
message1.onend = function (event) {
  robot1.classList.remove('speaking');
};
 
robot1.addEventListener('click', event => {
  if (speechSynthesis.speaking) {
    robot1.classList.remove('speaking');
    speechSynthesis.cancel();
  } else {
    robot1.classList.add('speaking');
    speechSynthesis.speak(message1);
  }
});
 
});
</script>
 
<script>
window.addEventListener('load', function(){
  // Betrag auslesen
  var muenze = $('.donation_amount').html();
  $('.donation_amount').before('<center><div class="muenze"><div class="front jump"><div class="currency">'+ muenze +'</div><div class="shapes"><div class="shape_l"></div><div class="shape_r"></div><span class="top">Forum</span><span class="bottom">Spende</span></div></div><div class="shadow"></div></div></center>');
  
  // Als Gast über PayPal geht z.Z. nicht 
  $('#noppinfo').html(`<br><div style="display:inline-block;background:#ffffff;color:#383838;border-radius:5px;border:1px solid #aaaaaa; padding: 10px 20px;">Die Option als Gast ohne ein Paypal Konto Geld zu spenden funktioniert z.Z. nicht! <br>Es ist auch möglich mittels einer Banküberweisung zu spenden. Bitte hierzu im Forum über <a href="/private_new.php?sendto=1&title=Ich%20habe%20eine%20Frage%20zu%20PayPal!">PN</a> melden! <br>Besten Dank!</div>`)
 
  // Münze einblenden
  $('.muenze').show();                                          
});
</script>
 

Schließen

Bin mal gespannt. wo ich hier einen massiven Fehler eingebaut habe. Da ich den Fehler selbst nicht finde, dass es mir nicht in "Eigene Seiten" anzeigt.

Mit herzlichen Grüßen

Daishi

Daishi

Wolfgang findet das Top!

Antworten

#2 | RE: Was mache ich hier falsch? - Präsentation von News & Tipps! datum

15.06.2024 09:48 (zuletzt bearbeitet: 15.06.2024 10:07)

@Daishi
Meinst du das so --> HIER ???

Wenn Ja, dann rechts unten bei einer neuen eigenen Seite "HTML Quelltext direkt bearbeiten?" drücken.

Gruß vom Arndt

Themen bei der Community für Transportunternehmer und Führungskräfte der Transport- und Logistikbranche:

Wolfgang findet das Top!

Antworten

#3 | RE: Was mache ich hier falsch? - Präsentation von News & Tipps! datum

15.06.2024 10:14 (zuletzt bearbeitet: 16.06.2024 06:20)

Ja, bei dir geht das im Forum, bei mir nicht. Wie schon beschrieben, bei manchen Foren gehen die Scripte, bei manch anderen nicht.

Ich weiß ja auch nicht so richtig, woran das liegt, dass ich seit gestern auch Probleme mit den Spoilern in den anderen Foren habe. Es fing ab 10 Uhr an, dass manche Scripte bei mir im neuen Forum spinnen.

Wie gesagt, hier ein Bild wie es bei mir in "Eigene Seiten" ausschaut.

Bild:

Das ist mir nur aufgefallen, dass in letzter Zeit manche Scripte auf manche Foren nicht richtig funktionieren. Möchte hier jetzt nichts schlecht reden, nicht dass das hier falsch verstanden wird.

Ich entschuldige mich hier, wenn es falsch verstanden wird.

Mit herzlichen Grüßen

Daishi

Daishi

Antworten

#4 | RE: Was mache ich hier falsch? - Präsentation von News & Tipps! datum

15.06.2024 10:23 (zuletzt bearbeitet: 16.06.2024 06:21)

Ok, dann ist hier mein nicht vorhandenes Fachwissen aufgebraucht.

Themen bei der Community für Transportunternehmer und Führungskräfte der Transport- und Logistikbranche:

Daishi findet das Top!

Antworten

#5 | RE: Was mache ich hier falsch? - Präsentation von News & Tipps! datum

15.06.2024 21:03 (zuletzt bearbeitet: 16.06.2024 06:21)

Zitat von Daishi im Beitrag #3
Ja, bei dir geht das im Forum, bei mir nicht. Wie schon beschrieben, bei manchen Foren gehen die Scripte, bei manch anderen nicht.

Ich weiß ja auch nicht so richtig, woran das liegt, dass ich seit gestern auch Probleme mit den Spoilern in den anderen Foren habe. Es fing ab 10 Uhr an, dass manche Scripte bei mir im neuen Forum spinnen.

Wie gesagt, hier ein Bild wie es bei mir in "Eigene Seiten" ausschaut.

Bild:

Das ist mir nur aufgefallen, dass in letzter Zeit manche Scripte auf manche Foren nicht richtig funktionieren. Möchte hier jetzt nichts schlecht reden, nicht dass das hier falsch verstanden wird.

Ich entschuldige mich hier, wenn es falsch verstanden wird.

Mit herzlichen Grüßen

Daishi

Hallo DaishiWollte mich erstmal melden...
Habe da etwas festgestellt!

Der Präsentationskalender zeigt etwas an, wenn Du unter "Weitere Einstellungen ein-/ausblenden" einen Haken setzt bei "Kopf- und Fußzeile ausblenden. Ausschließlich der Inhalt der Seite wird angezeigt."!
Aber das geht leider nur in Premium-Foren!
Hier scheint das Forum etwas reinzubringen, habe aber noch nicht gefunden, warum das so ist .....
Du kannst auf jeden Fall das "3.2.1/jquery.min.js" löschen, wird bereits von Xobor geliefert!
Wird "bootstrap.min.js" gelöscht geht es auch...

Bis dann
Wolfgang

Daishi findet das Top!

Antworten

#6 | RE: Was mache ich hier falsch? - Präsentation von News & Tipps! datum

15.06.2024 22:19

Hmmm, also ist der Profitarif kein Premium Forum?

Dann sagt das ja alles, wenn die meisten Scripte bei mir nicht richtig gehen. Da muss ich dann schauen, dass ich irgendwann auf Business umstelle, dass dann alles funktioniert.

Jedenfalls vielen lieben Dank für die schnelle Hilfe und das drüberschauen. Dachte echt, dass der Profi Tarif dafür ausreichen würde.

Mit herzlichen Grüßen

Daishi

Daishi

Antworten

#7 | Was mache ich hier falsch - Präsentationskalender? datum

16.06.2024 06:28 (zuletzt bearbeitet: 16.06.2024 06:33)

Hallo DaishiDa habe ich mich nicht deutlich genug ausgedrückt!!!

Der Profitarif gehört zu den Premium-Foren!
Du hast somit ein Premium-Forum!

Ich wollte sagen, dass Dein Skript zurzeit nur bei kostenpflichtigen Foren funktionieren würde!

VG
Wolfgang

Daishi findet das Top!

Antworten

#8 | RE: Was mache ich hier falsch - Präsentationskalender? datum

16.06.2024 09:37 (zuletzt bearbeitet: 16.06.2024 09:41)

Daishi

Informationen anzeigen

Beitr�ge:	392
Registriert seit:	08.01.2022

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

Sorry war gestern stark übermüdet, musste viel arbeiten, dann hatte ich das gestern Abend wohl falsch verstanden, jetzt geht es auf "Eigenen Seiten" und zeigt es sauber an.

Was mir nur aufgefallen ist, wenn ich diese beiden bei mir entferne, geht die Münze nicht.

Entferne ich diese beiden Codes, geht die Münze nicht:

1
2
 
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 

Wollte hier nur dich mal fragen, ob dir das auch aufgefallen ist.

Habe es mal jetzt drin gelassen und es zeigt alles sauber an.

Bild wie es ausschaut:

Jedenfalls bedanke ich mich recht herzlich für die Hilfe, und dass es jetzt geht. Jetzt gehen alle Scripte einwandfrei, ich weiß nur nicht, was da los ist, bin mal gespannt, ob am Montag ab 10 Uhr wieder die Scripte anfangen zu spinnen.

Wie gesagt, das ist mir nur aufgefallen, dass ab Freitag, 10 Uhr bis 15 Uhr samstags und montags manche Scripte spinnen.

Achte mal darauf auf die Zeiten, ob bei dir auch so um die Zeit manche Scripte nicht richtig gehen oder mal die Seiten nicht erreichbar sind beim Speichern.

Das meinte ich mit nicht schlecht reden, ich hoffe, dass ich hiermit jetzt richtig verstanden werde.

Wie gesagt, das ist mir jetzt seit 14 Tagen nur aufgefallen, und wollte meiner Erfahrung, die ich gemacht habe, nur weitergeben, ich denke schon, dass ich verrückt bin.

Wäre schön in dieser Hinsicht eine Bestätigung zu bekommen, dass es auch in anderen Foren in dieser Hinsicht solche Phänomene gibt oder jemand das mitbekommt, sonst stehe ich irgendwie als Spinner da.

Ich wünsche euch noch ein schönes Wochenende.

Mit herzlichen Grüßen

Daishi

Daishi

Wolfgang findet das Top!

Antworten

#9 | RE: Was mache ich hier falsch - Präsentationskalender? datum

17.06.2024 15:54 (zuletzt bearbeitet: 18.12.2024 12:20)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3816
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1642

Fehlersuche: Was mache ich hier falsch - Präsentationskalender?

Hallo DaishiHabe eine praktikable Lösung für Nicht-Premium-Foren gefunden!

Was mir aufgefallen ist!

Es hat mir keine Ruhe gelassen ...

Wollte herausfinden, welche Classes oder welche Skripte von Xobor Dein Skript beinflussen!
Weil jquery.min.js bereits von Xobor geliefert wird und "Diese Seite als Template inkl. Template Variablen ausführen" angehakt war!
Weil das Business-Templates (v4) auch ohne "Bootstrap" auskommt, sollte "bootstrap.min.js" wegfallen!
Das Xobor (v6) ist auf "Bootstrap" aufgebaut!
Da für die DIV-Container Bootstrap-Classes verwendet werden, muss die Zeile mit "bootstrap.min.css" stehen bleiben
oder man setzt für "text-left", "text-center", "text-light", "pt-3", ... die CSS-Werte ein!

Was habe ich geändert.

Habe herausgefunden, welche Class Deine Container verschlossen gehalten hat.
Es war nur die Class ".wrapper"! Habe sie umbenannt in ".wrapper2"
Habe den Haken unter " Kopf- und Fußzeile ausblenden. Ausschließlich der Inhalt der Seite wird angezeigt." wieder herausgenommen!
Die besagten beiden JS-Zeilen auskommentiert!
Habe die Überschriften verkleinert (von h1 auf h3).
Habe in Fenster 2 für die Audio-Console die Breite neu definiert (sprang beim Verkleinern aus dem Rahmen)
Habe den Text mit Bootstrap-CSS (text-left) auf Linksanschlag gestellt.

Damit es auch auf dem Handy und iPhone funktioniert!

Die große Überschrift musste verkleinert werden (mit Bootstrap-Class, von display-3 auf display-5)!

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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
 
<style>
.clearfix {
    display: block;
    content: "";
    clear: both;
}
.wrapper2 {
    position: relative;
    min-height: 450px;
}
.color1 {color:#e91e63}
 
.item-container {
    border: 5px solid #fff;
    padding: 12px;
    background: #0000008a;
    transition: all .2s linear;
    border-radius: 5px;
}
.item-container:hover {
    background: #000000db;
    box-shadow: 1px 1px 20px -6px #1b1b1b;
}
 
.item-category a {
    float: right;
    background: #e91e63;
    padding: 4px;
    color: #fff;
}
  
.item_category2 {
    float: right;
    background: green;
    padding: 2px;
    color: #fff;
}  
.item-date {
    float: left;
    padding: 4px;
    color: #fff;
  z-index:99999;
}
 
.icon img {
    border-radius: 58%;
    height: 150px;
    border: 4px solid #fff;
    width: 150px;
    transition: all .2s linear;
}
.item-container:hover .icon img {
    width: 160px;
    height: 160px;
}
.sd3d {
    color: #fff;
    text-align: center;
    font-size: 11px;
    margin-top: 21px;
}
.sd3d a {
    color: #e91f63;
    text-align: center;
    font-size: 11px;
    margin-top: 21px;
}  
 
/* Anfang Speaker Test  */
/* Anfang Speaker Test  */
/* Anfang Speaker Test  */
 
  .speak_div {text-align:center; margin-top:10px; font-weight:bold; font-size:12px; clear:both; }
  .speak {border: 1px solid transparent; display:inline-block; cursor:pointer !important; border-radius:5px; ;}
  .speak:hover {background:#ffffff  !important; border: 1px solid #aaaaaa !important; }
  .speakAktiv {background:#aa2222; color: #ffffff !important;}
  .speak img {width:40px; margin:0;}
  .speak2 img {width:20px; border: 1px solid transparent;}
  .speak2 {border-radius:5px; padding: 2px 5px 5px 5px; cursor: pointer;}
  .speak2:hover img {background:#ffffff  !important; border: 1px solid #aaaaaa  !important; border-radius:5px;}
  
/* Ende Speaker Test  */
/* Ende Speaker Test  */
/* Ende Speaker Test  */
  
  
  
/* Anfang HTML 5 Player style */
/* Anfang HTML 5 Player style */
/* Anfang HTML 5 Player style */
 
audio {
  width: 250px;
  box-shadow: 5px 5px 20px rgba(1, 1, 1, 2.1);
  border-radius: 90px;
  transform: scale(1.05);
} 
 
/* Ende HTML 5 Player style */
/* Ende HTML 5 Player style */
/* Ende HTML 5 Player style */
  
.muenze {
  /* Groeße der Spenden-Muenze in der Foren Spende */
  --GroesseMuenze: 90px;
  
  display:none;
  margin: 40px auto;
  position: relative;  
  height: 200px; height: var(--GroesseMuenze);
  width: 200px; width:  var(--GroesseMuenze);
}       
.muenze div { 
  font-family: "Arial", sans-serif;
}
.muenze .jump {
  animation: jump 1.5s infinite ease;
}
@keyframes jump {
  0% { top: 0; }
  50% {top: calc(var(--GroesseMuenze) / -9);}
  100% { top: 0; }
}
.muenze .front {
  box-sizing: border-box;
  position: relative;
  height: 100%; 
  width: 100%; 
  background: #ffbd0b;
  border-radius: 50%;
  border-top: 7px solid #ffd84c;
  border-left: 7px solid #ffd84c;
  border-right: 7px solid #d57e08;
  border-bottom: 7px solid #d57e08;
  transform: rotate(45deg);
}
.muenze .front:before {
  content: "";
  left: 20%;
  position: absolute;
  width:50%;
  height: 50%;
  top:0; right:0; bottom:0; left:0;
  margin: auto; 
  background: #f0a608;
  border-radius: 50%;
  border-bottom: 5px solid #ffd84c;
  border-right: 5px solid #ffd84c;
  border-left: 5px solid #d57e08;
  border-top: 5px solid #d57e08;
  z-index: 2;
}
.muenze .front .currency {  
  line-height: calc(var(--GroesseMuenze)); 
  margin-top:-4px; 
  margin-left:-4px;
  overflow: hidden;
  position: absolute; 
  color: #c46d07;
  font-size: calc(var(--GroesseMuenze) / 6);
  font-weight:bold;
  transform: rotate(-45deg);
  width: 100%; 
  height: 100%;
  text-shadow: 0 4px 0 #feA73A;
  z-index: 3;
  border-radius: 50%;
}
.muenze .front .currency:after {
  content: "";
  position: absolute; 
  height: 180%;
  width: 40px; 
  margin: 30px -65px; 
  box-shadow: 50px -23px 0 -10px rgba(255, 255, 255, 0.22), 85px -10px 0 -16px rgba(255, 255, 255, 0.19);
  transform: rotate(-50deg);
  animation: shine 1.5s infinite;
}
@keyframes shine {
  0% { margin: 10px -65px; }
  50% { margin: 40px -85px; }
  100% { margin: 10px -65px; }
}
.muenze .front .shapes {
  transform: rotate(-45deg);
  position: absolute;
  margin-top: 0;
  margin-left: 0;
  width: 100%;
  height: 100%;
}
.muenze .front .shapes div {
  width: 10%;
  height: 2%;
  background: #d57e08;
  border-top: 2px solid #c47207;
  margin: 43% 7%;
}
.muenze .front .shapes div:before, .muenze .front .shapes div:after {
  content: "";
  position: absolute;
  width: 10%;
  height: 2%;
  background: #d57e08;
  border-top: 2px solid #c47207;
}
.muenze .front .shapes div:before {
  margin: 5% -5%;    
}
.muenze .front .shapes div:after {
  margin: 12% -5%;
}
.muenze .front .shape_l {
  float: left;
}
.muenze .front .shape_r {
  float: right;
}
.muenze .front .top, .muenze .front .bottom {  
  font-size: calc(var(--GroesseMuenze) / 9);
  font-weight:bold;
  color: #d67f08;
  width: 100%;
  position: fixed;
  left: 0;
  line-height: calc(var(--GroesseMuenze) / 4);
}
.muenze .front .top {
  top:5%;   top:0;
}
.muenze .front .bottom {
  bottom: 5%;  bottom: 0;
}
.muenze .shadow {
  width: 100%;
  height: 20px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  z-index: -1;
  margin: 10px auto 0 auto;
  animation: swift 1.5s infinite;
}
@keyframes swift {
  0% { opacity: 0.9; }
  50% { opacity: 0.5; transform: scale(0.9); }
  100% { opacity: 0.9; }
}
          
/* Ausblenden */
.donation_amount {display:none;}
  
/* Fürs V6 */
#donateform .card-body {
 text-align:center;
}
 
@media (min-width: 1200px) {
    .container {
        max-width: 2400px !important;
    }
}
.abspielen:hover {cursor:pointer;}
</style>
 

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 

<!------ Fügen Sie das Obige in Ihr HEAD-Tag ein ---------->
 
	<div class="container-fluid bg-full p-0"><a href="https://loreth.xobor.de/"" target="_blank">Zurück zum Forum</a>
        <h1 class="text-center pt-5 py-4 display-5 text-black" sstyle="font-size:29px;font">Präsentationen <span class="color1">News</span> & <span class="color1">Tips</span></h1> 
          <div class="row col-sm-10 text-center m-auto">
    <!-- ### 1. Fenster - Anfang ### -->        
              <div class="col-lg-4 item-fa example p-3">
                <div class="item-container">
                  <div class="wrapper2">
                  <div class="item-date">28/05/2024</div>
                 <div class="item-category"><a href="#">category</a></div><br><br>     <div class="item_category2">als PI für das Forum</div>
                    
                 <div class="item-title clearfix"><h3 class="text-light pt-3">Text to Speech (TTS)</h3></div> 
                 <div class="item-description text-white">
                   <p>Zur Demonstration bitte auf kleinen Lautsprecher klicken!</p>
                 </div> 
                 <div class="speak_div">
                   <div class="abspielen"><img src="//files.homepagemodules.de/b104774/a_501_ecd9c017.png"></div>
                   <div class="item-description text-white"><p>Beitrag vorlesen!</p></div>
                 </div><br>
 
                  <div class="icon my-4"><img src="https://files.homepagemodules.de/b104774/a_504_a1f9b795.png"></div>
                  <div class="item-description text-white text-left"><br>
Texte sich vorlesen zu lassen ist eine faszinierende und praktikable Idee!
<br>
Mit einfachsten Mitteln lassen sich überall im Forum Hilfetexte, Hinweise oder Warnungen mit Sprachausgabe platzieren, ohne extra eine MP3-Datei erstellen zu müssen!
<br><br>
<b>Hier geht es zum Beitrag:</b><br>
<a href="/t1790f31-Text-to-Speech-TTS-Feste-Textbloecke-in-Sprache-umwandeln-Teil.html#msg5029">Text to Speech (TTS) -Text in Sprache umwandeln!</a></div>
                  </div>
                </div>
            </div>
 
<!-- ### 1. Fenster - Ende ### -->            
            
            
<!-- ### 2. Fenster - Anfang ### -->       
  <div class="col-lg-4 item-fa example p-3">
                <div class="item-container">
                  <div class="wrapper2">
                  <div class="item-date">06/12/2021</div>
                    <div class="item-category"><a href="#">category</a></div><br><br>     <div class="item_category2">als PI für das Forum</div>
                    <div class="item-title clearfix "><h3 class="text-light pt-3 ">Sound beim Eintreffen einer Email!</h3></div><div class="item-description text-white"><p>Mögliche Soundwiedergabe für die Ankunft einer Mail:</p></div> <audio controls="controls" style="max-width:300px; width:99% !important;">
<source src="https://files.homepagemodules.de/b135428/f199t55470p407552n2.mp3">
Ihr Browser unterstützt nicht die Audio-Wiedergabe
</audio>
        <div class="icon my-4"><img src="https://files.homepagemodules.de/b541474/a_748_001a7aea.png"></div>
                  <div class="item-description text-white text-left">
 
Wer gerne eine akustische Benachrichtigung für die "privaten Mails" ins Forum einbauen möchte, findet hier eine Möglichkeit!<br>
Trifft eine "private Mail" ein, kann man das am blinkenden Symbol im User-Menü, oben recht sehen, allerdings nicht so gut!
<br>
Im folgenden Beitrag wird zusätzlich zum Sound eine relativ große Grafik eingeblendet, die nicht zu übersehen ist!
 
Durch ein Mausklick kommt man direkt zum Posteingang!
<br><br>
<b>Hier geht es zum Beitrag:</b><br>
<a href="/t842f31-quot-Sie-haben-Post-quot-Sound-Grafik-beim-Eintreffen-einer-Email.html#msg1851">Sie haben Post - Sound beim Eintreffen einer Email!</a></div>
                  </div>
                </div>
            </div>
<!-- ### 2. Fenster - Ende ### -->  
            
 <!-- ### 3. Fenster - Anfang ### -->           
  <div class="col-lg-4 item-fa example p-3">
                <div class="item-container">
                  <div class="wrapper2">
                  <div class="item-date">15/09/2023</div>
                    <div class="item-category"><a href="#">category</a></div><br><br>     <div class="item_category2">als PI für das Forum</div>
                    <div class="item-title clearfix "><h3 class="text-light pt-3 ">Betrag Forenspende animiert darstellen!</h3></div><div class="item-description text-white"><p>Zur Demonstration wie es Ausschaut!</p></div><div class="muenze"><div class="front jump"><div class="currency">10 �</div><div class="shapes"><div class="shape_l"></div><div class="shape_r"></div><span class="top">Forum</span><span class="bottom">Spende</span></div></div><div class="shadow"></div></div>
        <div class="icon my-4"><img src="https://files.homepagemodules.de/b104774/f296t720p5424n2_QyJSCkzT.png"></div>
                  <div class="item-description text-white text-left">
Wenn man sich den ausgewählten Spendenbetrag anschaut, sieht das Design etwas mager aus, blank ohne besonderes Aussehen!
Wie es aussehen kann, zeigt das Bild.
Hinzu kommt noch, dass die Münze animiert ist, sie springt, hat eine Lichtspiegelung und wirft einen Schatten!
Wer den Spenden mehr Ausdruck verleihen möchte, kann das mit dem folgenden Beitrag tun!
<br><br>
<b>Hier geht es zum Beitrag:</b><br>
<a href="/t720f296-Xobor-Spenden-Button-In-der-Foren-uebersicht-im-Profil-im-Beitrag-im-Portal-und-in-der-Mitgliederliste.html#msg5424">Betrag Forenspende animiert darstellen!</a></div>
                  </div>
                </div>
            </div>
<!-- ### 3. Fenster - Ende ### -->   
            
<!-- ### 4. Fenster - Anfang ### -->            
  <div class="col-lg-4 item-fa example p-3">
                <div class="item-container">
                  <div class="wrapper2">
                  <div class="item-date">09/06/2024</div>
                    <div class="item-category"><a href="#">category</a></div>
                    <div class="item-title clearfix "><h3 class="text-light pt-3 ">Name</h3></div>
        <div class="icon my-4"><img src="https://files.homepagemodules.de/b920350/a_3_e75a5991.png"></div>
                  <div class="item-description text-white">"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. "</div>
                  </div>
                </div>
            </div>
<!-- ### 4. Fenster - Ende ### --> 
            
<!-- ### 5. Fenster - Anfang ### -->            
<div class="col-lg-4 item-fa example p-3">
                <div class="item-container">
                  <div class="wrapper2">
                  <div class="item-date">09/06/2024</div>
                    <div class="item-category"><a href="#">category</a></div>
                    <div class="item-title clearfix "><h3 class="text-light pt-3 ">Name</h3></div>
        <div class="icon my-4"><img src="https://files.homepagemodules.de/b920350/a_3_e75a5991.png"></div>
                  <div class="item-description text-white text-left">"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. "</div>
                  </div>
                </div>
            </div>
<!-- ### 5. Fenster - Ende ### -->            
            
            
<!-- ### 6. Fenster - Anfang ### -->            
  <div class="col-lg-4 item-fa example p-3">
                <div class="item-container">
                  <div class="wrapper2">
                  <div class="item-date">09/06/2024</div>
                    <div class="item-category"><a href="#">category</a></div>
                    <div class="item-title clearfix "><h3 class="text-light pt-3 ">Name</h3></div>
        <div class="icon my-4"><img src="https://files.homepagemodules.de/b920350/a_3_e75a5991.png"></div>
                  <div class="item-description text-white text-left">"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. "</div>
                  </div>
                </div>
            </div>
<!-- ### 6. Fenster - Ende ### -->     
            
            <!-- ### Hier können Beliebig die fenster eingefügt werden achten sie bitte auch auf die numerierung der Fenster ### -->            
 
            
            
            <!-- ### Ende für dives  hier bitte nichts einfügen ### -->            
 
          </div>
      </div>
 

 
<script>
window.addEventListener('load', function(){
  
var message1 = new SpeechSynthesisUtterance();
message1.text = `
 
 Texte sich vorlesen zu lassen ist eine faszinierende und praktikable Idee!
Mit einfachsten Mitteln lassen sich überall im Forum Hilfetexte, Hinweise oder Warnungen mit Sprachausgabe platzieren, ohne extra eine MP3-Datei erstellen zu müssen!
 
`; 
 
speechSynthesis.cancel(); 
$('.abspielen').on('click',function(){
  if (speechSynthesis.speaking) { 
    speechSynthesis.cancel(); 
  } else { 
    speechSynthesis.speak(message1);
  } 
});
 
});
</script>
 
<script>
window.addEventListener('load', function(){
  // Betrag auslesen
  var muenze = $('.donation_amount').html();
  $('.donation_amount').before('<center><div class="muenze"><div class="front jump"><div class="currency">'+ muenze +'</div><div class="shapes"><div class="shape_l"></div><div class="shape_r"></div><span class="top">Forum</span><span class="bottom">Spende</span></div></div><div class="shadow"></div></div></center>');
  
  // Als Gast über PayPal geht z.Z. nicht 
  $('#noppinfo').html(`<br><div style="display:inline-block;background:#ffffff;color:#383838;border-radius:5px;border:1px solid #aaaaaa; padding: 10px 20px;">Die Option als Gast ohne ein Paypal Konto Geld zu spenden funktioniert z.Z. nicht! <br>Es ist auch möglich mittels einer Banküberweisung zu spenden. Bitte hierzu im Forum über <a href="/private_new.php?sendto=1&title=Ich%20habe%20eine%20Frage%20zu%20PayPal!">PN</a> melden! <br>Besten Dank!</div>`)
 
  // Münze einblenden
  $('.muenze').show();                                          
});
</script>
 

Schließen

Spoiler mit einem Klick öffnen und schließen!

Super Skript, danke dafür!

Wolfgang

844er und Daishi finden das Top!

Antworten

#10 | RE: Was mache ich hier falsch - Präsentationskalender? datum

21.06.2024 12:51 (zuletzt bearbeitet: 21.06.2024 13:08)

Daishi

Informationen anzeigen

Beitr�ge:	392
Registriert seit:	08.01.2022

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

Sorry, dass ich mich so spät melde, hatte viel Arbeit und konnte mich nicht so schnell melden.

Ich bedanke mich recht herzlich für deine mühevolle Arbeit und dass du hierfür sehr viel Zeit investiert hast und den Fehler gefunden hast. Ich dachte mir, ich versuche mal andere Classes, wusste nicht, dass es sie in v6 schon gab.

Dafür entschuldige ich mich. Mit den ganzen Classes, dachte ich mir, dass das alles gut gewesen wäre. Ich raffe das noch nicht so ganz mit den classes, und wo sie als Tabelle oder Liste aufgeführt sind, welche schon in Benutzung sind und welche nicht, da finde ich nichts Genaueres.

Vielleicht gebe ich in der Suchleiste auch falsche Suchangaben ein.

Ich bedanke mich auch für die Beurteilung des Scripts, dass du es super findest, das freut mich sehr.

Da mein Deutsch nicht so riesig und sauber ist, habe ich mal eine genauere Frage, ob ich das so lassen kann oder ob das in eine falsche Richtung verstanden wird.

Kann ich das so lassen?

1
 
<div class="item-category"><a href="#" title="Skripte für das Forum!">Kategorie</a></div><br><br>     <div class="item_category2" title="als Plugin unter Untere Leiste - Header angelegt werden,  Admin > Plugins > Plugin-Entwicklung > NEUE Plugin Elemente > Neues Element erstellen > Template Element > bottom_header Untere Leiste - Header !">als Plugin</div>

Habe an dem Script weitergearbeitet, und meines Erachtens bisschen besser herübergebracht.

Wie es jetzt ausschaut

Test Presa 22!

Ich hoffe, dass ich hier soweit richtig verstanden werde.

Mit herzlichen Grüßen

Daishi

Daishi

Wolfgang findet das Top!

Antworten

Eine Idee für den Präsentationskalender � � Iconbar halbrund

Seite 1 von 2 � Seite 1 2 Seite �

�hnliche Themen

Antworten

Letzter Beitrag

Habe mal eine Frage? Was habe ich hier falsch gemacht? Mobile Navigation fürs Forum!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! von Daishi

19.05.2024 21:35
von

Daishi • Zugriffe: 374

Was mache ich hier falsch - Dropdownmenü in der Iconbar?
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! von Daishi

10.05.2024 18:14
von

Daishi • Zugriffe: 418

Iconbar stylisch und moderner machen
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! von Daishi 12 29.05.2024 08:59
Daishi • Zugriffe: 766
RSS-Feed bzw. News auf der Portalseite
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Kipper-Spedition 7 19.07.2023 21:37
creator • Zugriffe: 472

News-Laufschrift in der Kopf- & Fußzeile
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Daishi

10.03.2024 13:02
von

Kipper-Spedition • Zugriffe: 1036

Countdown-Timer: Javascript läuft falsch
Erstellt im Forum Das neue Template Xobor (v6). von Nara 9 12.09.2021 15:28
Nara • Zugriffe: 1175

Hier stimmt was nicht: Corona - Zum Nachdenken und was wir wirklich tun können!
Erstellt im Forum Spiritualit�t, Seele, New Age, Yoga, Gesundheit. von Wolfgang

04.04.2020 11:18
von

Wolfgang • Zugriffe: 1006

Wechselnde, durchlaufende und verlinkte News Ticker
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! von Magister

05.11.2025 12:01
von

Dankeschön • Zugriffe: 3166

Machen Sie Ihre Website bekannt!!!
Erstellt im Forum Stellen Sie Ihr eigene Webseite vor. von Wolfgang 0 28.01.2007 20:54
wolf.andres • Zugriffe: 7656

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

Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! � Was mache ich hier falsch? - Präsentation von News & Tipps!

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 €

93%