Seite 1 von 8
« Seite
1
2
3
4
5
6
8
Seite »
Thema von Daishi im Forum Testforum
Hier eine tolle Idee von Wolfgang, schönes Script, das wunderbar funktioniert. Meine Idee für das Einblenden:
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! Hier geht es zum Beitrag: Text to Speech (TTS) -Text in Sprache umwandeln!
Thema von Daishi im Forum Script, Codes für For...
Ich habe mir sehr viel Mühe gegeben und überlegt, wie ich es anstelle, dass auch in den kostenlosen Foren, eine Zustimmung der Cookies sind. Da die Zustimmungen für Cookies erst ab Profi Tarif gibt, habe ich mir die Mühe gemacht. Da ich schon angesprochen wurde, warum ich diese nicht habe auf einem kostenlosen Forum. Hier mal ein Bild wie es ausschaut habe es auf ein dunkles Design angepasst.Bild: [[File:zustimmung.png|none|auto]]Und hier mal der code:
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
<style> .wrapper { font: 16px Brush Script MT, cursive; position: fixed; bottom: 50px; right: -400px; max-width: 345px; width: 100%; background: #333333; border-radius: 8px; border: 1px solid #fff; padding: 15px 25px 22px; transition: right 0.3s ease; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); z-index:999999; } .wrapper.show { right: 20px; } .wrapper header { display: flex; align-items: center; column-gap: 15px; } header i { color: #fff; font-size: 32px; } header h2 { color: #646666; font-weight: 500; } .wrapper .data { margin-top: 16px; } .wrapper .data p { color: #000; font: 16px Brush Script MT, cursive; } .wrapper .data p a { color: #000; text-decoration: none; font: 16px Brush Script MT, cursive; } .wrapper .data p a:hover { text-decoration: underline; } .wrapper .buttons { margin-top: 16px; width: 100%; display: flex; align-items: center; justify-content: space-between; } .wrapper .buttons .button { font: 16px Brush Script MT, cursive; border: none; color: #000; padding: 8px 0; border-radius: 4px; border: 2px solid green; background: linear-gradient(0deg, #1a1a1a 0%, #fff 50%, #1a1a1a 100%)!important; cursor: pointer; width: calc(100% / 2 - 10px); transition: all 0.2s ease; } .wrapper .buttons #acceptBtn:hover { color: green; } .wrapper #declineBtn { border: 2px solid red; background-color: #fff; color: #000; } .wrapper #declineBtn:hover { background-color: red; color: red; } </style> <!-- Boxicons CSS --> <link href="https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css" rel="stylesheet" /> <div class="wrapper"> <header> <i class="bx bx-cookie"></i> <h2>Einwilligung zu Cookies</h2> </header> <div class="data"> <p>Dieses Forum verwendet Cookies, um Ihnen ein besseres und relevanteres Surferlebnis auf dem Forum zu ermöglichen. <a href="./datenschutz.html"> Mehr lesen...</a></p> </div> <div class="buttons"> <button class="button" id="acceptBtn">Akzeptieren</button> <button class="button" id="declineBtn">Ablehnen</button> </div> </div> <script> const cookieBox = document.querySelector(".wrapper"), buttons = document.querySelectorAll(".button"); const executeCodes = () => { //Wenn das Cookie Codinglab enthält, wird es zurückgegeben und der darunter liegende Code wird nicht ausgeführt if (document.cookie.includes("codinglab")) return; cookieBox.classList.add("show"); buttons.forEach((button) => { button.addEventListener("click", () => { cookieBox.classList.remove("show"); //Wenn die Schaltfläche die AcceptBtn-ID hat if (button.id == "acceptBtn") { //Cookies für 1 Monat setzen. 60 = 1 Minute, 60 = 1 Stunde, 24 = 1 Tag, 30 = 30 Tage document.cookie = "cookieBy= codinglab; max-age=" + 60 * 60 * 24 * 30; } }); }); }; //Die Funktion „executeCodes“ wird beim Laden der Webseite aufgerufen window.addEventListener("load", executeCodes); </script>
Den Code habe ich als pi in untere Leiste Header eingefügt und gespeichert.
Daishi
Test22 24.04.2024 13:28 1713958112
Thema von Daishi im Forum Testforum
Thema von Daishi im Forum Testforum
Für die Iconbar geht man so vor: Hier der Code, den ich einfach bei "Foren-Code" eingegeben habe. Ersetze:
Mit:
1
<small> <a href="u1_Daishi.html"><strong>Daishi</strong></a> hat folgende Dateien an diesen Beitrag angehängt </small>
Grafik:
1
https://files.homepagemodules.de/b2001010/a_766_9080db04.png
Sieht dann so aus: Daishi hat folgende Dateien an diesen Beitrag angehängt
Für Audio Player macht man es so: Für die Iconbar geht man so vor:
Ersetze:
1 2 3
[audioplayer] ... [/audioplayer]
Mit:
1 2 3 4
<audio controls> <source src=" ... " />Your browser does not support the <code>audio</code> element.</audio>
Grafik: BB - Code für Forum:
1
[audioplayer]https://files.homepagemodules.de/b104774/f31t1744p4729n2_XgrYcVyW.mp3[/audioplayer]
Das sieht dann so aus: [[File:HTML Player.png|none|auto]] jetzt Stylen wir den Html - Player ein wenig damit es ein bischen besser ausschaut jetzt fügen wir in der CSS den Code ein.Css Code für Player style:
1 2 3 4 5 6
audio { width: 400px; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4); border-radius: 90px; transform: scale(1.05); }
Jetzt sieht der Player schon schöner aus. Und so sieht der Anhang für die Audiodaten schon besser aus, na ja ist Geschmacksache. Ich dachte mir damit sieht der Anhang für die Audio-Dateien besser aus, einfach ein kleines makeup für das Forum. Es war nur eine Idee und Inspiration. Mit Herzlichen Grüßen Daishi
Daishi hat folgende Dateien an diesen Beitrag angehängt FREE_Beat_HipHop.mp3: Your browser does not support the audio
element. FREE_Happy_Birthday.mp3 Your browser does not support the audio
element. FREE_Feuerwerk.mp3 Your browser does not support the audio
element. Ist nur ein Test, ob das Funktioniert.
Admin Daishi
Thema von Daishi im Forum Testforum
Thema von Daishi im Forum Script, Codes für For...
Hier mal der Code für nur reinen HTML
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
<style> body { width 100%; background: rgba(18,17,18,1); padding: 24px; } .wrapper { padding-top: 150px; width: 250px; height: 150px; margin: 0 auto; position: relative; overflow: hidden; border-radius: 8px; background: linear-gradient(90deg, #e9c794 0%, #a6eed7 30%, #6a4bc9 70%, #e9c794 100%); background-size: 200% auto; animation: animated-border 5s linear infinite; box-shadow: 0px 2.8px 2.2px rgba(0, 0, 0, 0.038), 0px 6.7px 5.3px rgba(0, 0, 0, 0.055), 0px 12.5px 10px rgba(0, 0, 0, 0.065), 0px 22.3px 17.9px rgba(0, 0, 0, 0.07), 0px 41.8px 33.4px rgba(0, 0, 0, 0.072), 0px 100px 80px rgba(0, 0, 0, 0.07) ; } .card { position: absolute; top: 1%; left: 0; right: 0; height: 98%; width: 98%; display: flex; align-items: center; justify-content: center; margin: auto; align-self: center; background: #fff; z-index: 2; border-radius: 7px; overflow: hidden; } .card img { object-fit: cover; width: 100%; height: 100%; } @keyframes animated-border { from { background-position: 200% right; } to { background-position: 200% center; } } @keyframes shimmer { to { background-position: 200% bottom; } } </style> <div class="wrapper"> <div class="card"> <img src="https://iili.io/J5oJmDF.jpg" alt=""> </div> </div> <br> <span title=' <h2><center><span style="color:#222222"><u>Exif Daten!</u></span></center></h2> <div style="font-size:14px;background-color:#00115f;padding:10px 20px;border:2px solid #00007f;color:#FFFFFF;"> <table id="exifdetail"><tbody><tr><th>Name</th><th>Wert</th></tr><tr class="edet"><td>Upload</td><td>16.Februar 2024 10:13</td></tr><tr class="edet"><td>Aufnahmedatum</td><td>2022:09:27 09:23:51</td></tr><tr class="edet"><td>Kameramarke</td><td>samsung</td></tr><tr class="edet"><td>Model</td><td>SM-G960F</td></tr><tr class="edet"><td>Brennweite</td><td>430/100</td></tr><tr class="edet"><td>Kleinbildbrennweite</td><td>26</td></tr><tr class="edet"><td>Digital-Zoom</td><td>0/0</td></tr><tr class="edet"><td>Software</td><td>G960FXXUHFVG4</td></tr><tr class="edet"><td>Belichtungszeit</td><td>1/17</td></tr><tr class="edet"><td>Blende</td><td>150/100</td></tr><tr class="edet"><td>ISO</td><td>320</td></tr><tr class="edet"><td>EV-Wert</td><td>0/10</td></tr><tr class="edet"><td>COMMENT</td><td><table></table></td></tr><tr class="edet"><td>Blitz</td><td>Flash did not fire</td></tr><tr class="edet"><td>Weißabgleich</td><td>Auto white balance</td></tr></tbody></table> </div> <br> '>Exif Daten</span>
Hier mal der Code in BB - Code:
1 2
[Bild mit Rahmen]https://iili.io/J5oJbN1.jpg[/Bild mit Rahmen] [center][tooltipp_text] <div id="exifdata" class="" style="display: block;"><table id="exifdetail"><tbody><tr><th>Name</th><th>Wert</th></tr><tr class="edet"><td>Upload</td><td>16.Februar 2024 10:13</td></tr><tr class="edet"><td>Aufnahmedatum</td><td>2022:09:27 09:23:44</td></tr><tr class="edet"><td>Kameramarke</td><td>samsung</td></tr><tr class="edet"><td>Model</td><td>SM-G960F</td></tr><tr class="edet"><td>Brennweite</td><td>430/100</td></tr><tr class="edet"><td>Kleinbildbrennweite</td><td>26</td></tr><tr class="edet"><td>Digital-Zoom</td><td>0/0</td></tr><tr class="edet"><td>Software</td><td>G960FXXUHFVG4</td></tr><tr class="edet"><td>Belichtungszeit</td><td>1/17</td></tr><tr class="edet"><td>Blende</td><td>150/100</td></tr><tr class="edet"><td>ISO</td><td>320</td></tr><tr class="edet"><td>EV-Wert</td><td>0/10</td></tr><tr class="edet"><td>COMMENT</td><td><table></table></td></tr><tr class="edet"><td>Blitz</td><td>Flash did not fire</td></tr><tr class="edet"><td>Weißabgleich</td><td>Auto white balance</td></tr></tbody></table><div id="forceexifreload" style="text-align:center; margin-top:10px;" onclick="force_exif_reload= true; setExif();"></div> [/tooltipp_text] Exif Daten [/tooltipp_ende][/center]
Einbau in der iconbar: Iconbar unter "Admin > Layout >Iconbar" öffnen
Reiter "Foren-Code" aufrufen
Erweiterte Foren-Code einblenden und die folgenden Daten eingetragen, speichern!
Icon an die passende Stelle schieben.
Reihenfolge! Bildadresse eintragen und markieren. Mit einem Klick auf das neue Icon wird das Bild mit dem neuen Foren-Code umgeben!
1. Ersetze: 1 2 3 4 5 6
[Bild mit Rahmen] ... [/Bild mit Rahmen]
1. Mit:
1 2 3 4 5 6
<div class="wrapper"> <div class="card"> <img src=" ... " alt=""> </div> </div>
1. Grafik:
1
//img.homepagemodules.de/ds/static/gaia/picture.png
Ich hoffe, ich konnte das so gut es geht einfach erklären. Mit freundlichen Grüßen Daishi
Thema von Daishi im Forum Testforum
Hier teste ich einen neuen Bilderrahmen mit Animation und mit Bilderadresse Eingabe für die iconbar noch in Bearbeitung.Ergebnis:
Exif Daten Hier noch ein Test mit Exif Daten
Ostern 03.04.2024 15:41 1712151663
Thema von Daishi im Forum Script, Codes für For...
Eine kleine Idee
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
<style> @import url(https://fonts.googleapis.com/css?family=Montserrat); body { margin: 0; } canvas { display: block; } /* Modal styles */ .modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 9999; justify-content: center; align-items: center; font-family: Montserrat; } .modal-content { background-color: #aaffaa; padding: 20px; border-radius: 10px; box-shadow: inset 0px 0px 5px 5px rgba(0,0,0,0.3); animation: fadeInModal 1s ease-in-out forwards; } button { position: relative; left: 50%; transform: translate(-50%, 0); background-color: #c2fbd7; border-radius: 100px; box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,rgba(44, 187, 99, .15) 0 1px 2px,rgba(44, 187, 99, .15) 0 2px 4px,rgba(44, 187, 99, .15) 0 4px 8px,rgba(44, 187, 99, .15) 0 8px 16px,rgba(44, 187, 99, .15) 0 16px 32px; color: green; cursor: pointer; display: inline-block; font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif; padding: 7px 20px; text-align: center; text-decoration: none; transition: all 250ms; border: 0; font-size: 16px; user-select: none; -webkit-user-select: none; touch-action: manipulation; &:hover { box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,rgba(44,187,99,.25) 0 1px 2px,rgba(44,187,99,.25) 0 2px 4px,rgba(44,187,99,.25) 0 4px 8px,rgba(44,187,99,.25) 0 8px 16px,rgba(44,187,99,.25) 0 16px 32px; transform: translate(-50%, 0) scale(1.3) rotate(-4deg); } } @keyframes fadeInModal { from { opacity: 0; } to { opacity: 1; } } </style> <!-- Modal --> <div id="modal" class="modal"> <div class="modal-content"> <h2>Daishi’s-Forum wünscht ihnen <br><br><center>🐰 Frohe Ostern 🐰</center></h2> <br><br> <button onclick="modal.style.display = 'none';">Close</button> </div> </div> <script> // Modal auf Timer anzeigen window.onload = function() { setTimeout(function() { modal.style.display = 'flex'; }, 2000); // delay }; </script>
Thema von Daishi im Forum Testforum
Habe mal für Teilen etwas Neues versucht, da die andere Version nicht mehr im Forum geht, warum auch immer. Hier ein Bild wie es jetzt ausschaut, denke, das passt besser.Bild für Teilen Buttons: [[File:Teilen neu.png|none|auto]] Ich hoffe das, das zum Teilen besser ankommtHier die Teilen-Buttons:
Mit freundlichen Grüßen
Daishi
Thema von Daishi im Forum Saisonale Grüße zu
Bei mir gab es heute Lammkotelett, mit Salat und Soße mit Kartoffeln. Traditionelles Osteressen. Und am Sonntag werden 3 kleine Lämmer geschlachtet und in Glut gegart. Mit vielen Beilagen, ich freue mich schon sehr auf die gefüllte Mägen sehr lecker. Dieses Jahr kommen verwandte und Freunde endlich nach langem wieder und wir können traditionell feiern ums Feuer. Wünsche euch viel Spaß beim Feiern. Euer Daishi
Thema von Daishi im Forum Testforum
Ich habe mal das Javascript geändert und hoffe, dass es jetzt funktioniert. Ich füge noch den Teilen Button unten gleich ein, leider habe ich kein twitter Account und kenne mich damit nicht aus, wer es gerne testen möchte, kann das tun ich füge noch die neuen Codes hinzu.
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
<style> #shariff_button_x{ background: #000; border-radius: 3px; font-weight: 600; padding: 5px 8px; display: inline-block; position: static; } #shariff_button_x:hover { cursor: pointer; background: #333 } #shariff_button_x svg { width: 18px; fill: white; vertical-align: middle; border-radius: 2px } #shariff_button_x span { vertical-align: middle; color: white; font-size: 14px; padding: 0 3px } </style> <script> var shariff_button_x = document.getElementById('shariff_button_x'); var pageURL = $(location).attr("href"); shariff_button_x.addEventListener('click', function() { window.open('https://twitter.com/intent/tweet?text=' + url, 'twitter-share-dialog', 'width=800,height=600' ); return false; }); </script>
Für die Iconbar geht man so vor:
Hier der Code, den ich einfach bei Forencode eingegeben habe.
Ersetze:
Mit:
1
<div id="shariff_button_x"> <svg viewBox="0 0 24 24" preserveAspectRatio="Beitrag Posten"> <path class="svg-icon-path" d="M14.258 10.152L23.176 0h-2.113l-7.747 8.813L7.133 0H0l9.352 13.328L0 23.973h2.113l8.176-9.309 6.531 9.309h7.133zm-2.895 3.293l-.949-1.328L2.875 1.56h3.246l6.086 8.523.945 1.328 7.91 11.078h-3.246zm0 0"></path> </svg> <span>Teilen</span> </div>
Grafik: Ich bitte um Informationen und Feedback, ob es jetzt richtig funktioniert. Habe das Javascript geändert. Mit freundlichen Grüßen Daishi PS hier kann man Twitter testen
Thema von Daishi im Forum Testforum
Ich bedanke mich sehr bei den Membern für das gefällt mir klicken; [[File:gefällt.png|none|auto]]
Thema von Daishi im Forum Testforum
Hmmmm Habe jetzt mal getestet einzeln, da funktioniert es, ich muss alle Teilen Buttons nochmal durchgehen, vielleicht verträgt sich da was nicht mit dem JavaScript, das ich gemacht habe nicht. Gibt mir noch bitte etwas Zeit zum Testen.Mein einzelner Test sieht so aus, mit dem Teilen Button; [[File:facebook teilen.png|none|auto]]und bei Facebook auf den Link klick, erscheine ich direkt auf dem geteilten Seite: [[File:klick auf Facebook.png|none|auto]]
Thema von Daishi im Forum News, Support & Forum...
Das Forum läuft im Moment als Test auf HD, 2K und 4K und (UHD) Ich teste hier, ob es auch darunter lauffähig ist. Kann sein das ich hier weitere Einstellungen machen muss, aber soweit funktioniert es gut. Mit freundlichen Grüßen Daishi
Thema von Daishi im Forum Testforum
Ich teste die CSS für HD, 2K und 4K (UHD) Dies ist vorerst das komplette CSS:
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
<style type="text/css"> body { width: 680px; margin: 0 auto; font-family: Calibri, "Calibri Light", Arial, SansSerif; background: #666666; } table{ border-collapse:collapse; } table tbody tr:hover td { color:#000; background:#efefef; } .page{ width: 680px; background: #FFFFFF; padding-left: 2mm; margin-left:auto; margin-right:auto; } .textChairman { overflow: hidden; background: #FF00FF; text-align: right; color: #FFFFFF; } .floatTextLeft { float: left; text-align: left; } .floatTextRight { float: right; text-align: right; } .textUppercase { text-transform: uppercase; } .textDate { text-transform: uppercase; font-size: 10pt; color: #FFFFFF; padding-left: 1mm; } .textWeeklyBibleReading { text-transform: uppercase; font-size: 10pt; font-weight: 700; color: #FFFFFF; } .cellDate { border-style: none none solid none; background-color: #FF00FF; border-bottom-color: #d3d3d3; } .borderDotCell { border-color: #000000; border-style: none none solid none; border-width: 1px; background-color: #FF00FF; } .tableOuter { border-width: 0px; width: 670px; } .tableOuter tr td { vertical-align: top; } .borderDotDateRow { border-color: #d3d3d3; border-style: none none solid none; border-width: 1px; background-color: #28456c; } .containerDateWeeklyBibleReading { float: left; background: #28456c; } .borderDot { border-color: #d3d3d3; border-style: none solid solid none; border-width: 1px; font-size: 10pt; } .borderDotTheme { border-color: #d3d3d3; border-style: none solid solid none; border-width: 1px; font-size: 10pt; width: 480px } .borderDotTheme2Classes { border-color: #d3d3d3; border-style: none solid solid none; border-width: 1px; font-size: 10pt; width: 360px; } .borderDotTheme3Classes { border-color: #d3d3d3; border-style: none solid solid none; border-width: 1px; font-size: 10pt; width: 240px; } .borderDotClass { border-color: #d3d3d3; border-style: none solid solid none; border-width: 1px; font-size: 10pt; width: 120px; text-align: center; } .borderDotName { border-color: #d3d3d3; border-style: none solid solid none; border-width: 1px; font-size: 10pt; width: 120px; text-align: center; } .borderDotTime { border-color: #d3d3d3; text-align: right; border-style: none solid solid solid; border-width: 1px; font-size: 10pt; width: 60px; } .borderDotSong { border-color: #d3d3d3; border-style: none solid solid solid; border-width: 1px; font-size: 10pt; font-weight: 700; } .borderDotMeetingNotes { border-color: #d3d3d3; border-style: none solid solid solid; border-width: 1px; font-size: 10pt; } .borderDotSpecialEvent { border-color: #d3d3d3; border-style: none solid solid solid; border-width: 1px; font-size: 10pt; text-align: center; } .borderDotSpecialEventLocation { border-color: #d3d3d3; border-style: none solid solid solid; border-width: 1px; font-size: 10pt; text-align: center; } .textStyle { font-size: 10pt; } .containerChairman { overflow: hidden; background: #28456c; text-align: right; color: #FFFFFF; font-size: 10pt; } .containerDate { margin-bottom: 2mm; } .textSongTitle { /* comment this out to show the song title text */ /* display: none; */ } .textMethod { /* comment this out to display the method text */ /* display: none; */ } .textMaterial { /* comment this out to display the student material text */ /* display: none; */ } .textCongregationBibleStudyMaterial { /* comment this out to display the CBS material text */ /* display: none; */ } .containerTitle { margin-top: 2mm; margin-bottom: 2mm; width: 670px; font-size: 14pt; font-weight: bold; text-align: center; } .containerTitlePageBreak { margin-top: 2mm; margin-bottom: 2mm; width: 670px; font-size: 14pt; font-weight: bold; text-align: center; page-break-before:always; } .textTitleDate { font-size: 12pt; } .containerTFGW { width: 670px; margin-bottom: 2mm; } .textTFGW { font-size: 10pt; text-transform: uppercase; background-color: #606a70; width: 300px; color: #FFFFFF; padding-left: 1mm; } .gapToTwoClasses { border-style: none solid solid none; border-width: 1px; border-color: #d3d3d3; } .containerTFGWcell { border-style: none none solid none; border-width: 1px; border-color: #d3d3d3; } .containerAYFM { width: 670px; margin-bottom: 2mm; } .containerAYFMcellNoExtraClasses { border-style: none none solid none; border-width: 1px; border-color: #d3d3d3; } .containerAYFMcell { border-style: none solid solid none; border-width: 1px; border-color: #d3d3d3; } .textAYFM { font-size: 10pt; text-transform: uppercase; background-color: #c18626; width: 300px; color: #FFFFFF; padding-left: 1mm; } .cellAYFMMainHall { border-style: solid solid solid none; border-width: 1px; border-color: #d3d3d3; font-size: 10pt; text-align: center; } .cellAYFMAuxClass1 { border-style: solid solid solid none; border-width: 1px; border-color: #d3d3d3; font-size: 10pt; text-align: center; } .cellAYFMAuxClass2 { border-top-style: solid; border-right-style: solid; border-left-style: none; border-bottom-style: solid; border-width: 1px; border-color: #d3d3d3; font-size: 10pt; text-align: center; } .containerLAC { width: 670px; margin-bottom: 2mm; } .containerLACcell { border-style: none none solid none; border-width: 1px; border-color: #d3d3d3; } .textLAC { font-size: 10pt; text-transform: uppercase; background-color: #961526; width: 300px; color: #FFFFFF; padding-left: 1mm; } .containerMeeting { width: 100%; padding-bottom: 0mm; margin-bottom: 3mm; } /*------------------------------------------** ** Prefix "demo" with newline character ** **-----------------------------------------*/ .textDemoNewlinePrefix { } /*------------------------------------------** ** Demo prefix text ** **-----------------------------------------*/ .textDemoPrefix { } /*------------------------------------------** ** Demo description text ** **-----------------------------------------*/ .textDemoDescription { } /*------------------------------------------** ** Demo brother text (publisher, ** ** householder, interview 3) ** **-----------------------------------------*/ .textDemoBrother { } /*------------------------------------------** ** Demo "[" and "]" text ** **-----------------------------------------*/ .textDemoBracket { } /*------------------------------------------** ** Demo "," text ** **-----------------------------------------*/ .textDemoComma { } /*------------------------------------------** ** Demo " - " text ** **-----------------------------------------*/ .textDemoHyphen { } /*------------------------------------------** ** Demo " / " text ** **-----------------------------------------*/ .textDemoSlash { /*Uncomment to hide the slash character*/ /*display:none;*/ } .containerWeekend { width: 670px; margin-bottom: 2mm; } .containerWeekendHeadingcell { border-style: none none solid none; border-width: 1px; border-color: #d3d3d3; background-color: #8b8378; font-size: 10pt; } .containerWeekendChairmancell { border-style: none none solid none; border-width: 1px; border-color: #d3d3d3; background-color: #8b8378; font-size: 10pt; text-align:right; } .textWeekend { text-transform: uppercase; padding-left: 1mm; } .borderWeekend { font-size: 10pt; border-width: 1px; border-style: solid; border-color: #d3d3d3; } .textPTSLabel{ font-weight: 700; font-size: 10pt; } .textPTSValue{ font-size: 10pt; } @media print { body, .tableOuter, .page, .containerTitle, .containerMeeting, .containerTFGW, .containerAYFM, .containerLAC, .textTFGW, .textAYFM, .textLAC, .containerWeekend { width: 100%; } body { background-color: #FFF; } .page { padding-left: 0px; } /* 100 / 680 = 0.15 approx. We use this to work out the % values. */ .borderDotTheme { width: 72%; } .borderDotTheme2Classes { width: 54%; } .borderDotTheme3Classes { width: 36%; } .borderDotClass, .borderDotName { width: 18%; } .borderDotTime { width: 9%; } .containerMeeting { width: 99%; } } </style>
Aber es funktioniert nicht gut, wenn der Benutzermonitor UHD ist. Also begann ich zu spielen:
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
@media screen and (min-width: 1024px) { body { width: 680px; } } @media screen and (min-width: 1366px) { body { width: 888px; background: yellow; } } @media screen and (min-width: 1920px) { body { width: 1248px; background: green; } } @media screen and (min-width: 2560px) { body { width: 1664px; background: red; } } @media screen and (min-width: 3480px) { body { width: 2262px; background: blue; } }
In Firefox kann ich mit STRG+umschalt+M eine UHD-Auflösung simulieren. Es klappt. Aber wie Sie meinem CSS entnehmen können, verwende ich diese tatsächlichen Pixelbreiten und es hat immer gut funktioniert.
So heute habe ich Abdeckplane runter gemacht. Und den Unterbau entfernt.Endergebnis sieht so aus: [[File:IMG-20240324-WA0000.jpeg|none|auto]] [[File:20240324_090918.jpg|none|auto]] [[File:20240324_090925.jpg|none|auto]] [[File:20240324_090938.jpg|none|auto]] [[File:20240324_090952.jpg|none|auto]] [[File:20240324_090959.jpg|none|auto]] Jetzt später wird noch fließen draufgemacht mit indirekte Beleuchtung
Sorry, dass ich nicht so oft online bin, im Forum habe privat viel um die Ohren. Da ich 1 ganzen Tag gebraucht habe eine halbe Tonne Kies mit Schubkarren nach Hause zu karren, für die Betonplatte für den Grill fertigzustellen, ich kann euch sagen 75 voll gehäufte Schubkarren sind eine halbe Tonne. Mir tut der Rücken weh und alle Knochen und alle Muskeln, aber die harte Arbeit war es wert. Habe die Betonplatte fertigbekommen, bevor der starke Regen kam.Hier mal die Bilder: [[File:20240318_164105.jpg|none|auto]] [[File:20240318_182910.jpg|none|auto]] [[File:20240318_191528.jpg|none|auto]] [[File:20240318_191550.jpg|none|auto]] [[File:20240320_124716.jpg|none|auto]] [[File:20240320_124722.jpg|none|auto]] [[File:20240321_081855.jpg|none|auto]] [[File:20240322_103429.jpg|none|auto]] [[File:20240322_103434.jpg|none|auto]] [[File:20240322_103442.jpg|none|auto]] [[File:20240322_120803.jpg|none|auto]] [[File:20240322_130535.jpg|none|auto]] [[File:20240322_130543.jpg|none|auto]] [[File:20240322_130548.jpg|none|auto]] [[File:20240322_130555.jpg|none|auto]] Jetzt lasse ich das 3 - 4 Tage trocknen und entferne dann später die steine und styropor, zeige euch später dan das ergebniss.
Hier mein 2ter Akt seit gestern arbeite ich daran und habe jetzt Feierabend gemacht. Hier mal Bilder wie weit ich heute gekommen bin. Bilder wie weit ich heute gekommen bin :
Thema von Daishi im Forum Gartengestaltung
Da ich mir überlegt habe ein neuer Grill - Ecke zu mauern, habe ich mir eine fantastische Idee einfallen lassen, sie soll eine gemauerte outdoor Küche sein. Ich dachte mir, warum immer teures Zeugs kaufen, wenn man vieles geschenkt bekommt, sei es Steine, Ziegel und andere Materialien, nun gut ist auch viel Arbeit, mit dem Schubkarren alles herbeizuholen. Seit gestern habe ich angefangen, Stück für Stück alles aufzubauen. Das wird auch noch eine Weile dauern, aber ich werde euch auf dem Laufenden halten.Hier mal die Bilder, wie weit ich jetzt bin: [[File:anfang.jpg|none|auto]] [[File:anfang 1.jpg|none|auto]] [[File:anfang 2.jpg|none|auto]] [[File:anfang 3.jpg|none|auto]] [[File:anfang 4.jpg|none|auto]] Wie gesagt halte ich euch auf dem Laufenden, das ist mein Projekt für einen schönen Grill und Sitzecke. Mit freundlichen Grüßen Daishi
Thema von Daishi im Forum News, Support & Forum...
Ich möchte mich dafür entschuldigen, für Gäste und Mitglieder, die mit dem Handy auf das Forum zugreifen möchten. Durch das wo ich teils das Forum Layout & Design stark verändert habe, funktionieren viele Sachen nicht über das Handy, durch die Einarbeitung meines Seitenmenüs und selbstgeschriebene Module, werden auf dem Handy nicht alle verfügbaren Menüs und Links funktionieren. Habe es getestet, und verstehe jetzt, warum mich viele anschreiben und nicht viel sehen können. Sie sehen nur das Portal und Forum mehr nicht. Ich habe daran versucht eine Lösung zu finden und habe eine CSS geschrieben für mobile Geräte. Den CSS Code werde ich später unten einfügen. Hier im Forum werde ich das mobile Farben&Einstellungen des mobilen Designs abschalten, da es für mein Forum nichts bringt. Und nicht alles anzeigt.
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
/* Anfang Automatische anpassungen für Endgeräte */ /* Anfang Automatische anpassungen für Endgeräte */ /* Anfang Automatische anpassungen für Endgeräte */ /* Für Mobiltelefone: */ [class*="col-"] { width: 100%; } @media only screen and (min-width: 600px) { /* Für Tablets: */ .col-s-1 {width: 8.33%;} .col-s-2 {width: 16.66%;} .col-s-3 {width: 25%;} .col-s-4 {width: 33.33%;} .col-s-5 {width: 41.66%;} .col-s-6 {width: 50%;} .col-s-7 {width: 58.33%;} .col-s-8 {width: 66.66%;} .col-s-9 {width: 75%;} .col-s-10 {width: 83.33%;} .col-s-11 {width: 91.66%;} .col-s-12 {width: 100%;} } @media only screen and (min-width: 768px) { /* Für den Desktop: */ .col-1 {width: 8.33%;} .col-2 {width: 16.66%;} .col-3 {width: 25%;} .col-4 {width: 33.33%;} .col-5 {width: 41.66%;} .col-6 {width: 50%;} .col-7 {width: 58.33%;} .col-8 {width: 66.66%;} .col-9 {width: 75%;} .col-10 {width: 83.33%;} .col-11 {width: 91.66%;} .col-12 {width: 100%;} } /* Ende Automatische anpassungen für Endgeräte */ /* Ende Automatische anpassungen für Endgeräte */ /* Ende Automatische anpassungen für Endgeräte */
Diese Einstellung funktioniert sehr gut auf dem Handy, habe es selbst getestet.
Da funktioniert jetzt auch das Seitenmenü.
Hier ein Foto von Handy habe es jetzt mit dem Handy bearbeitet.
Bild [[File:Screenshot_20240311-160633_Chrome.jpg|none|auto]]
Mit freundlichen Grüßen
Daishi Admin
Inhalte des Mitglieds Daishi
Beiträge: 130
Ort: Wutöschingen Geschlecht: männlich
Seite 1 von 8
« Seite
1
2
3
4
5
6
8
Seite »