Hallo alle miteinander, ich tüftele und bastele am Portal herum, wollte es etwas spezieller gestalten.
Mal eine Frage an Euch, sieht es so gut aus und kann ich es so lassen?
Ich versuche noch, die TAB-Menüs anzupassen, aber jetzt hängt alles schief. Ich weiß, dass ich sehr umständlich arbeite, kenne es nur so, habe es schon anders versucht, komme damit nicht klar.
Ich habe in der CSS schon Änderungen gemacht, aber irgendwie möchte sie nicht so wie ich möchte. Ich denke, seit 2 Tagen hat sie ihre sturen Tage. Ich rede ihr immer gut zu, aber sie mag nicht.
Ihr kennt Euch da soweit gut aus und bräuchte mal Hilfe. Vielleicht wird sie ja auch wieder lieb und nett, die CSS. Also nicht wundern, ich muss immer doppelte Arbeit machen. Erst alles mit BB Codes schreiben, dann mit Quelltext auf HTML Code umschreiben, da ja die BB- Codes mit den HTML Code übereinstimmen müssen.
Ich weiß, für manche ist das eine sehr umständliche und mühsame Arbeit und viele würden die Arbeit lassen, da sie sehr aufwendig und Zeit raubend ist. Wie gesagt, ich kenne es nur so. Ich denke, einige von Euch werden diese Arbeit schätzen und respektieren.
Für andere Leute muss ich es auch so machen. Die meisten denken, man holt sich eine Forensoftware und schreibt drauflos und das war's, aber dass man Anpassungen machen muss und wenn Befehle nicht gehen, hat man im Hintergrund zu tun, das alles funktioniert. Manche regen sich auch auf, dass man für einen kleinen Text mal schnell 2 Tage dranhängt, um alles zu bearbeiten, dass es gut aussieht. Wie gesagt mit erklären bin ich nicht sehr gut, aber von Euch, die ein Forum oder Board betreiben, wissen was ich meine.
Deine Skripte funktionieren auch tatenlos in wotlab-Foren. Nur komplizierter mit dem Admin-Menüs und den HTML Codes. Sie müssen extra in eine sichere HTML-Datei gebracht werden.
So zum Thema:
Wie beschrieben habe ich etwas an der CSS herumgeschraubt, damit ich mehrere TAB-Menüs nebeneinander setzen kann, aber wie es jetzt so aussieht, wollte sie es nicht.
Jetzt zur Frage, könntet ihr mal bitte so lieb und nett sein und mal drüberschauen, wo ich einen Fehler gemacht habe? Also nicht wundern, dass es anders aussieht wie gewohnt.
Hier die HTML - Codes mit der CSS - Code:
Ps: Ein kleiner Tipp - Zum besseren navigieren einfach in den Code mit linker Maustaste klicken und mit den Pfeiltasten rechts, links, hoch und runter drücken, um alles besser zu sehen.
<div class="xquoteable" id="xquoteable_p_9"><p><span style="font-size:17px">Hier haben wir mal einen kleinen Überblick zusammengefasst um das Board Benutzer freundlicher zu machen.</span><br><span style="font-size:12px"><i>Alles was farbig ist, ist Klickbar </i></span><br></p><ul class="list-group"><li>Unser <b><font color="#bb0000">Board-Regeln</font></b> habt ihr denke mal schon gefunden wenn nicht dann <a href="t2f51738-Zuerst-die-Board-Regeln-lesen-dann-geht-s-weiter.html#msg2"><b><span style="color:orange">Hier Klicken</span></b></a> und ihr kommt dort hin. <br><h1><span style="color:#1874c9"></span></h1><hr style="box-shadow: -2px 2px 6px 1.5px #225D82;height: 1px;"></li><li>Wenn du dich Vorstellen möchtest ist dies unter <a href="t7f51746-Vorstellungen.html#msg8"><b><span style="color:orange">Vorstellungen</span></b></a> möglich.<br><h1><span style="color:#1874c9"></span></h1><hr style="box-shadow: -2px 2px 6px 1.5px #225D82;height: 1px;"><br><li>Wie du siehst Kannst du dieses schöne TAB-Menü`s</b></a> anklicken,sie öffnen sich beim Klick.<br> <h1><span style="color:#1874c9"></span></h1><hr style="box-shadow: -2px 2px 6px 1.5px #225D82;height: 1px;"></div><br><br>
<center> <div class="tabs"> <div class="tab"> <input class="radioClass" type="radio" cchecked name="tabs" id="tab1"> <label for="tab1">Portal - Startseite</label> <div class="content"> <div class="verlauf">Portal - Startseite</div><br> <h4>Portal - Startseite des Boards</h4> <p><center><img style="width: 600px; max-width: 1484px;" src="//files.homepagemodules.de/b906480/a_38_0b5c2b3e.png"></center><h1><span style="color:#1874c9"></span></h1><hr style="box-shadow: -2px 2px 6px 1.5px #225D82;height: 1px;"><br><center><b>Herzlich Willkommen in Black - Angel´s - Club</b><br><br>Black - Angel´s - Club hat am 16.Oktober.2022 seine Pforten geöffnet.<br><br>Wenn du also gern schreibst, dich und deine Interessen im Forum einbringst, bist du hier genau richtig.<br><br>Wir haben einige geschützte Bereiche - wie z.B. • private Foto-Galerie für Mitglieder.<br><br>Bei uns kannst du dich ohne Verpflichtung und kostenlos anmelden.<br><br>Willkommen ist jeder, der sich selbst gern in netter Weise einbringt und sich nicht nur die Zeit mit Lesen vertreiben will.<br><br>Werbung wird hier nicht geduldet.<br><br>Stell dich bitte nach dem Registrieren kurz im Mitgliederbereich vor. <br>Danke!<br><br>Viel Spaß</p></center>
<div class="tab"> <input class="radioClass" type="radio" cchecked name="tabs" id="tab2"> <label for="tab2">Portal News</label> <div class="content"> <div class="verlauf">Portal News</div><br> <h4>Hier könnt ihr Live Radio hören von Radio-Fantastisch!</h4> <p><center><div style="display: inline-block; position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); margin: 1em; padding: 10px 35px 10px 40px; background: #323232; border: 1px solid #ffffff;"><center><b>Herzlich Willkommen in Black - Angel´s - Club</b><br><br>Hier könnt ihr Live Radio hören von Radio-Fantastisch!<br><br>Bald könnt ihr mich auch als DJ in Radio-Fantastisch antreffen<br><br>Radio-Fantastisch sucht Verstärkung<br><br> <img style="width: 300px; max-width: 1484px;" src="https://i.ibb.co/YN2bgNH/Silber-Gast-Moderatoren.png"><br><br> <img style="width: 100px; max-width: 1484px;" src="https://i.ibb.co/vBJgbQ5/Stelle-frei1.gif"><br><br><img style="width:300px" src="https://i.ibb.co/2g1wkzc/Silber-Moderatoren.png"><br><br><img style="width:100px" src="https://i.ibb.co/vBJgbQ5/Stelle-frei1.gif"><br><br><img style="width:300px" src="https://i.ibb.co/6Fdq60K/Silber-Techniker.png"><br><br><center><img style="width:100px" src="https://i.ibb.co/vBJgbQ5/Stelle-frei1.gif"><br><br>Hier könnt ihr je nach eurem Player die Playlisten downloaden.<br><br> Wir wünschen euch viel Spaß beim Hören.</center></div><center><div style="display: inline-block; position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); margin: 1em; padding: 10px 35px 10px 40px; background: #323232; border: 1px solid #ffffff;"><center><a href="https://sendeplan.radio-fantastisch.com:443/sendeplan/player/play.php?p=1&dl=NDYuMTA1LjI0NC4xNjc6MTIwMDU="><img title="Download für Real - Player :O) Play-liste für Life radio hören von Radio-Fantastisch" src="https://sendeplan.radio-fantastisch.com:443/sendeplan/player/playericon/real.png" class="img-fluid" width="50px"></a> <a href="https://sendeplan.radio-fantastisch.com:443/sendeplan/player/play.php?p=2&dl=NDYuMTA1LjI0NC4xNjc6MTIwMDU="><img title="Download Windows - Media - Player :O) Play-liste für Life radio hören von Radio-Fantastisch" src="https://sendeplan.radio-fantastisch.com:443/sendeplan/player/playericon/media.png" class="img-fluid" width="50px"></a> <a href="https://sendeplan.radio-fantastisch.com:443/sendeplan/player/play.php?p=3&dl=NDYuMTA1LjI0NC4xNjc6MTIwMDU="><img title="Download Winamp - Player :O) Play-liste für Life radio hören von Radio-Fantastisch" src="https://sendeplan.radio-fantastisch.com:443/sendeplan/player/playericon/amp.png" class="img-fluid" width="50px"></a> <a href="https://sendeplan.radio-fantastisch.com:443/sendeplan/player/play.php?p=4&dl=NDYuMTA1LjI0NC4xNjc6MTIwMDU="><img title="Download VLC - Player :O) Play-liste für Life radio hören von Radio-Fantastisch" src="https://sendeplan.radio-fantastisch.com:443/sendeplan/player/playericon/vlc.png" class="img-fluid" width="50px"></a></center></div></center><br><br><center> <a href="https://radio-fantastisch.com/index.php?bewerbung/" target="_blank" title="Bewerbung für Radio-Fantastisch!"><img src="//files.homepagemodules.de/b906480/a_26_a7ee0588.png" alt="Bewerbung für Radio-Fantastisch!" title="Hallo Du, ja Du. Möchtest Du Dich bei uns bewerben? Klicke mich an, wenn Du Dich als Moderator, Gast-Moderator oder Techniker bei Radio-Fantastisch bewerben möchtest! " width="80" height="80" border="0"></a></p>
<div class="tab"> <input class="radioClass" type="radio" cchecked name="tabs" id="tab5"> <label for="tab5">***Geplanter Neustart***</label> <div class="content"> <div class="verlauf">***Geplanter Neustart***</div><br> <h4>***Geplanter Neustart*** des Black - Angel´s - Club</h4> <p>Hallo, ihr lieben Verirrten!<br><br>Dieses kleine Forum wurde als damaliges Herzensprojekt gestartet, leider dann gelöscht und als Herzensprojekt wieder neu ins Leben gerufen. Da ich mehr mit meinem eigenen Leben beschäftigt war, und viel auf Montage, arbeitete, verkam dieses Forum langsam und starb aus. <br><br>Es gab noch die Beiträge, es gab noch die User, die nie mehr online kamen.<br><br>Das alles ist nun schon einige Jahre her und ich ertrage es einfach nicht diese Seite, mit der ich doch ziemlich schöne Erinnerungen verbinde, einfach verwesen zu lassen. <br><br>Schon oft habe ich über eine Löschung der Plattform nachgedacht, doch ich konnte es nicht über mich bringen. Nicht schon wieder. Mehrmals habe ich mir überlegt, das Board nochmal aufleben zu lassen - Kategorien verschoben, neue erstellt und letztendlich doch nichts daraus gemacht.<br><br>Ich kann dieses Forum einfach nicht vergessen, so entschloss ich mich dieses Board neu aufzusetzen. Das alte Board gibt es bedauerlicherweise nicht mehr, Ich will das Board wieder aufleben lassen. Ich will mir größte Mühe geben, dass sich ein paar Leute anmelden, dass ich ihnen einen Grund gebe Beiträge zu schreiben, auch trotz der Zeiten von Instagram und Co.<br><br>Das Board gab es damals seit 1999, bis 2009, wir hatten einen eigenen Radio-Sender, IRC Chat, und einen eigenen Teamspeak 2 Server und sogar Sponsoren. Wir hatten auch von Firmen Werbung gemacht und dafür spendeten die Firmen, wir machten auch über unser Radio Werbungen für die Firmen also Sponsoren, unsere Rechnungen, für Server, GEMA und..... Bezahlten sich von selbst.<br><br>Der Name Black - Angel´s - Club war einfach ein Club wo man sich abends immer getroffen hatte nach der Arbeit, und einfach geschrieben, gechattet und auf Drinks man sich dort traf und Spaß hatte.<br><br>Wir machten, auch wenn es ging, auch reale Treffen, wir sprachen uns als ab wer was mitbrachte und wir trafen uns für das Wochenende, zelteten auf Grundstück und hatten Spaß. Grillten, und so<br><br>Unsere Webseite habe ich damals mit <a href="https://www.phpfusion-deutschland.de/startseite.php" target="_blank"> PHP-Fusion! </a> auf einem Root-server betrieben von <a href="https://www.strato.de/" target="_blank"> Strato! </a> die heutigen Webradios werden immer noch betrieben, mit der PHP-Fusion Software für Homepages.<br><br>Und für Musik zu streamen, also live Musik zu machen, installiert man einen Shoutcast Server. Zum Streamen hatten wir den Player Winamp, DJ-Plugin, SHOUTcast DSP-Plugin oder oddcast DSP-Plugin, Server Software SHOUTcast Server oder Icecast Server benutzt, heute gibt es unzählige Programme.<br> </p>
<div class="tab"> <input class="radioClass" type="radio" name="tabs" id="tab6"> <label for="tab6">Wichtig Spenden</label> <div class="content"> <div class="verlauf">Wichtig Spenden für Black - Angel´s - Club</div><br> <h4>Wichtiger Hinweis</h4> <p><br><b>Warum ein Forenkonto?</b></li><li>Das Forenkonto ermöglicht es, Zahlungen von Mitgliedern anzunehmen, und diese später für die Zahlung des Premium-Tarifs oder anderen Forendienstleistungen einzusetzen!</li><li>Weist das Forenkonto ein Guthaben auf, wird es bei der nächsten Rechnung automatisch verrechnet!</li><li>Alle Mitglieder können das Spendenformular jederzeit über die neue <a href="http://donations.html" target="_blank">Spenden-Seite</a> mit "/donations.html" erreichen.</li><li>Diese Seite kann auch inaktiv geschaltet werden, sobald das Spendenziel erreicht wird!</li><li><b>Wichtig!</b> Das Spendenformular wird nicht für Gäste angezeigt!</li></ul><br><br><br><br><b>Wir brauchen Deine Hilfe!</b><br><br><br><img style="width: 300px; max-width: 1484px;" src="https://files.homepagemodules.de/b2001010/a_1711_f8762c31.png"><br><br><br>Wir freuen uns, dass Du Dich dazu entschlossen hast, unser Forum mit Deiner Spende zu unterstützen!<br><br>Ein Forum zu betreiben, erfordert ein hohes Maß an Zeit, Kraft und Aufmerksamkeit. <br>Mit Deiner Spende kannst Du uns dabei unterstützen, die Finanzierung für den Forentarif aufzubringen,<br>der für die Werbefreiheit, viele der Forenextras und regelmäßige Updates für einen reibungslosen Ablauf sorgt. <br><br><br><br><b>Was passiert mit Deiner Spende?</b><br><br>Die oben angesprochene Werbefreiheit, sowie viele liebgewonnene Extras sind Bestandteile eines Premiumtarifs,<br>der einen monatlichen Betrag kostet.<br>Sämtliche Spenden werden ausschließlich für die Zahlung des Forums verwendet. Eine Auszahlung oder Überweisung an den Admin findet nicht statt.<br><br><br><img src="https://i.ibb.co/9HL0LVg/3-euro.png" style="max-width: 1484px;" border="0"><br>Kleiner <i>3 Euro </i> zur Auswahl anzubieten, funktioniert nicht und wird mit einer Fehlermeldung "<font color="#bb0000">ungültiger Beitrag</font>" ausgegeben!<br><br>Es ist möglich, die Spenden-Seite und die Betragsauswahl anzupassen. Allerdings etwas aufwendig. Es sieht dann so aus.<br><br><img src="https://i.ibb.co/QkNgVJR/5-euro.png" style="max-width: 1484px;" border="0"><br><br>Die Betragsauswahl kann auf Wunsch auch geändert werden, wir das Team kümmern uns darum. Wenn ein Spender zum Beispiel die Betragsauswahl 15 € haben möchte, damit er auf einmal 15 € spenden möchte, stellen wir es gerne um.<br><br>Einfach eine PN an den Admin <a href="u1_Enrico.html">@Enrico</a> senden<br><br><br><br><br>Enrico</p>
<div class="tab"> <input class="radioClass" type="radio" name="tabs" id="tab7"> <label for="tab7">¤ Information ¤</label> <div class="content"> <div class="verlauf">Informationen des Forums</div><br> <h4>Informationen</h4> <p> <li><font color="orange"><strong>Black - Angel´s - Club</strong></font><br>Hier gibt es im Board viele Themen:<br><ul> <li class="list-group">1. <a href="https://black-angels-club.xobor.de/f51925-Rezepte.html" class="postlink"><font color="orange"><strong>Rezepte</strong></font></a>, wenn man dort drauf klickt kommt man zu den Themen, wie zum Beispiel:<br><br></li><li><a href="https://black-angels-club.xobor.de/f51926-Cocktail-Lounge.html" class="postlink"><font color="orange">Cocktail-Lounge…</font></a><br></li><li><a href="https://black-angels-club.xobor.de/f51927-Weihnachtsrezepte.html" class="postlink"><font color="orange">Weihnachtsrezepte</font></a><br></li><li><a href="https://black-angels-club.xobor.de/f51956-br-span-style-color-rgb-span-Ideen-von-Mitgliedern-zum-Thema-Was-kochen-wir-heute-br.html" class="postlink"><font color="orange">Ideen von Mitgliedern zum Thema "Was kochen wir heute"</font></a><br></li><li><a href="https://black-angels-club.xobor.de/f51957-Halloween.html" class="postlink"><font color="orange">Halloween</font></a><br></li><li><a href="https://black-angels-club.xobor.de/f51958-Ostern.html" class="postlink"><font color="orange">Ostern</font><br><h1><span style="color:#1874c9"></span></h1><hr style="box-shadow: -2px 2px 6px 1.5px #225D82;height: 1px;"></a></li><br><li>2. <a href="https://black-angels-club.xobor.de/f51953-Partnerschafts-Anfragen.html"><font color="orange"><strong>Partnerschaft</strong></font></a>, wenn man dort drauf klickt kommt man zu den Themen, wie zum Beispiel:<br></li><br><li><a href="https://black-angels-club.xobor.de/t10f51953-Unsere-Partnerschaftsregeln.html" class="postlink"><font color="orange">Partnerschafts regeln</font></a></li><li><a href="https://black-angels-club.xobor.de/t11f51954-Aktive-Partner.html" class="postlink"><font color="orange">Aktive Partner</font></a></li><li><a href="https://black-angels-club.xobor.de/f51955-Partner-Bannertausch-oder-Linktausch.html" class="postlink"><font color="orange">Partner, Bannertausch oder Linktausch</font></a><br></li><br><h1><span style="color:#1874c9"></span></h1><hr style="box-shadow: -2px 2px 6px 1.5px #225D82;height: 1px;"><br> <li class="list-group">3. <a href="https://www.black-angels-club.org/f51962-Server-Installation-Tutorials.html" class="postlink"><font color="orange"><strong>Tutorials</strong></font></a>, wenn man dort drauf klickt kommt man zu den Themen, wie zum Beispiel:<br><br></li><li><a href="https://www.black-angels-club.org/t16f51962-TS-Server-auf-Webseite-verlinken-Teamspeak-Join-Link-erstellen.html" class="postlink"><font color="orange">TS3 Server auf Webseite verlinken / Teamspeak Join Link erstellen</font></a><br></li><li><a href="https://www.black-angels-club.org/t13f51962-teamspeak-server-installieren-ubuntu.html" class="postlink"><font color="orange">teamspeak 3 server installieren ubuntu</font></a><br></li><li><a href="https://www.black-angels-club.org/t12f51962-Wie-man-Shoutcast-Server-auf-Ubuntu-LTS-installiert.html" class="postlink"><font color="orange">Wie man Shoutcast Server auf Ubuntu 18.04 LTS installiert</font></a><br></li><br> <h1><span style="color:#1874c9"></span></h1><hr style="box-shadow: -2px 2px 6px 1.5px #225D82;height: 1px;"></a></li><br></p>
<br> <small><br><span style="color: rgb(255, 0, 0);">•</span> Für unsere Liebe Gäste hier könnt ihr gemütlich Bier Whiskey Scotch trinken und euch unterhalten.<br> <br><span style="color: rgb(255, 0, 0);">•</span> Ich wünsche euch viel Spaß hier am Stammtisch..<br> <br></p>
Hallo Daishi, habe mir Dein Skript fürs Portal angesehen und Deine Geschichte zum Forum gelesen. Sehr eindrucksvoll!
Zum Thema:
Das TAB-Menü war nicht für eine Aneinanderreihung gedacht. Hier hast Du keinen Fehler gemacht!
Frage:
Warum willst Du zwei TAB- Menüs nebeneinandersetzen? Reicht nicht eine Erweiterung der TAB's? Zu bedenken ist auch, dass die TAB-Menüs in der mobilen Version nicht in dem Maße angezeigt werden können, wie in der Desktop-Version. Hier werden sogar die TAB's umgebrochen! Im folgenden Skript ist es allerdings möglich!
Was mir aufgefallen ist, welche Fehler ich gefunden und behoben habe:
Um im Skript auf Fehlersuche zu gehen, ist es gut das Skript zu ordnen! Man kann dann auch besser erkennen, ob man Wiederholungen gleichermaßen erstellt hat oder hier und da andere Formatierungen eingesetzt hat! Fehler in den einleitende- und abschließende TAGs können den gesamten Aufbau mächtig stören!
Habe durch das Ordnen des Skriptes viele fehlende Abschlüsse in den Tabellen und DIV-Container gefunden! Auch einleitende TAGs für Tabellen haben gefehlt! Habe die Tabellen unter "Informationen des Forums" ein wenig auf Trapp gebracht!
Habe im gleichen Maße kleine Rechtschreibfehler behoben, ich hoffe, dass ist ok. Du hast die Anreden wie Du, Deine, Dir, u.sw. mal groß, mal klein geschrieben. Bin wohl etwas altmodisch, habe alles auf Großschreibung gesetzt!
In der CSS habe ich ".tabs " so angepasst, damit man mehrere TAB-Menüs aneinanderreihen kann!
Habe das gesamte Skript zum Testen kurz bei mir ins Portal eingetragen!
<p> <span style="font-size:17px">Hier haben wir mal einen kleinen Überblick zusammengefasst, um das Board benutzerfreundlicher zu machen.</span> <br> <span style="font-size:12px"><i>Alles was farbig und unterstrichen ist, ist auch klickbar </i></span> <br><br> </p>
<ul style="list-style:none"> <li>Unsere <b><font color="#bb0000">Board-Regeln</font></b> habt Ihr, denke ich, schon gefunden, wenn nicht dann <a href="t2f51738-Zuerst-die-Board-Regeln-lesen-dann-geht-s-weiter.html#msg2"><b><span style="color:orange">hier klicken</span></b></a> und Ihr kommt dort hin.</li> <br> <hr style="box-shadow: -2px 2px 6px 1.5px #225D82;height: 1px;"> <br> <li>Wenn Du Dich vorstellen möchtest, ist dies unter <a href="t7f51746-Vorstellungen.html#msg8"><b><span style="color:orange">Vorstellungen</span></b></a> möglich.</li> <br> <hr style="box-shadow: -2px 2px 6px 1.5px #225D82;height: 1px;"> <br> <li>Wie Du siehst, kannst Du dieses schöne TAB-Menü</b></a> anklicken, es öffnen sich beim Klick</li> <br> <hr style="box-shadow: -2px 2px 6px 1.5px #225D82;height: 1px;"> </ul>
<br><br>
<center> <div class="tabs">
<div class="tab"> <input class="radioClass" type="radio" cchecked name="tabs" id="tab1"> <label for="tab1">Portal - Startseite</label> <div class="content"> <div class="verlauf">Portal - Startseite</div> <h4>Portal - Startseite des Boards</h4> <center> <p> <img style="max-width: 600px;" src="https://files.homepagemodules.de/b906480/a_38_0b5c2b3e.png"> <br> <hr style="box-shadow: -2px 2px 6px 1.5px #225D82;height: 1px;"> <br> <b>Herzlich Willkommen in Black - Angel´s - Club</b> <br><br> Black - Angel´s - Club hat am 16.Oktober.2022 seine Pforten geöffnet. <br><br> Wenn Du also gern schreibst, Dich und Deine Interessen im Forum einbringst, bist Du hier genau richtig. <br><br> Wir haben einige geschützte Bereiche - wie z.B. • Private Foto-Galerie für Mitglieder. <br><br> Bei uns kannst Du Dich ohne Verpflichtung und kostenlos anmelden. <br><br> Willkommen ist jeder, der sich selbst gern in netter Weise einbringt und sich nicht nur die Zeit mit Lesen vertreiben will. <br><br> Werbung wird hier nicht geduldet. <br><br> Stell Dich bitte nach dem Registrieren kurz im Mitgliederbereich vor. <br> Danke! <br><br> Viel Spaß </p> </center> <br> <input class="radioClass" type="radio" name="tabs" id="tab"> <label for="tab">Schließen</label> </div> </div>
<div class="tab"> <input class="radioClass" type="radio" cchecked name="tabs" id="tab2"> <label for="tab2">Portal News</label> <div class="content"> <div class="verlauf">Portal News</div> <h4>Hier könnt Ihr Live Radio hören von Radio-Fantastisch!</h4> <center> <p> <div style="display: inline-block; position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); margin: 1em; padding: 10px 35px 10px 40px; background: #323232; border: 1px solid #ffffff;"> <b>Herzlich Willkommen in Black - Angel´s - Club</b> <br><br> Hier könnt Ihr Live Radio hören von Radio-Fantastisch! <br><br> Bald könnt Ihr mich auch als DJ in Radio-Fantastisch antreffen <br><br> Radio-Fantastisch sucht Verstärkung <br><br> <img style="max-width: 300px;" src="https://i.ibb.co/YN2bgNH/Silber-Gast-Moderatoren.png"> <br><br> <img style="max-width: 100px;" src="https://i.ibb.co/vBJgbQ5/Stelle-frei1.gif"> <br><br> <img style="max-width:300px" src="https://i.ibb.co/2g1wkzc/Silber-Moderatoren.png"> <br><br> <img style="max-width:100px" src="https://i.ibb.co/vBJgbQ5/Stelle-frei1.gif"> <br><br> <img style="max-width:300px" src="https://i.ibb.co/6Fdq60K/Silber-Techniker.png"> <br><br> <img style="width:100px" src="https://i.ibb.co/vBJgbQ5/Stelle-frei1.gif"> <br><br> Hier könnt Ihr je nach eurem Player die Playlisten downloaden. <br><br> Wir wünschen Euch viel Spaß beim Hören. </div> <br> <div style="display: inline-block; position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); margin: 1em; padding: 10px 35px 10px 40px; background: #323232; border: 1px solid #ffffff;"> <a href="https://sendeplan.radio-fantastisch.com:443/sendeplan/player/play.php?p=1&dl=NDYuMTA1LjI0NC4xNjc6MTIwMDU="><img title="Download für Real - Player :O) Play-liste für Life radio hören von Radio-Fantastisch" src="https://sendeplan.radio-fantastisch.com:443/sendeplan/player/playericon/real.png" class="img-fluid" width="50px"></a> <a href="https://sendeplan.radio-fantastisch.com:443/sendeplan/player/play.php?p=2&dl=NDYuMTA1LjI0NC4xNjc6MTIwMDU="><img title="Download Windows - Media - Player :O) Play-liste für Life radio hören von Radio-Fantastisch" src="https://sendeplan.radio-fantastisch.com:443/sendeplan/player/playericon/media.png" class="img-fluid" width="50px"></a> <a href="https://sendeplan.radio-fantastisch.com:443/sendeplan/player/play.php?p=3&dl=NDYuMTA1LjI0NC4xNjc6MTIwMDU="><img title="Download Winamp - Player :O) Play-liste für Life radio hören von Radio-Fantastisch" src="https://sendeplan.radio-fantastisch.com:443/sendeplan/player/playericon/amp.png" class="img-fluid" width="50px"></a> <a href="https://sendeplan.radio-fantastisch.com:443/sendeplan/player/play.php?p=4&dl=NDYuMTA1LjI0NC4xNjc6MTIwMDU="><img title="Download VLC - Player :O) Play-liste für Life radio hören von Radio-Fantastisch" src="https://sendeplan.radio-fantastisch.com:443/sendeplan/player/playericon/vlc.png" class="img-fluid" width="50px"></a> </div> <br><br> <a href="https://radio-fantastisch.com/index.php?bewerbung/" target="_blank" title="Bewerbung für Radio-Fantastisch!"><img src="//files.homepagemodules.de/b906480/a_26_a7ee0588.png" alt="Bewerbung für Radio-Fantastisch!" title="Hallo Du, ja Du. Möchtest Du Dich bei uns bewerben? Klicke mich an, wenn Du Dich als Moderator, Gast-Moderator oder Techniker bei Radio-Fantastisch bewerben möchtest! " width="80" height="80" border="0"></a> </p> </center> <br> <input class="radioClass" type="radio" name="tabs" id="tab"> <label for="tab">Schließen</label> </div> </div>
<div class="tab"> <input class="radioClass" type="radio" name="tabs" id="tab3"> <label for="tab3">Bitte votet für uns</label> <div class="content"> <div class="verlauf">Bitte votet für uns</div> <h4>Bitte votet für uns Radio-Fantastisch!</h4> <center> <p> <div style="display: inline-block; position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); margin: 1em; padding: 10px 35px 10px 40px; background: #323232; border: 1px solid #ffffff;"> <br><br> <img src="https://files.homepagemodules.de/b906480/a_25_7f18c24c.gif" alt="Hallo Du, ja Du, schau hier" title="Hallo Du, ja Du, schau hier! ---> Klicke unten auf das Vote-Männchen und vote für uns!" width="80" height="80" border="0"> <b>Bitte votet alle 6 Stunden für das Radio-Fantastisch!</b> <br><br> Einfach mich anklicken :O) <br><br> <a href="https://www.webradio24.info/webradio-vote/index.php?id=3491" target="_blank" title="Webradio Topliste, Webradio Voting, Webradio Rating"> <img src="https://files.homepagemodules.de/b906480/a_24_1d4ebde4.gif" alt="Webradio Topliste, Webradio Voting, Webradio Rating" title="Webradio Top 500. Voten danach unten auf Seite 3 klicken und dann bei Platz 50 ---> Radio-Fantastisch anklicken" width="150" height="150" border="0"> </a> </div> </p> </center> <br> <input class="radioClass" type="radio" name="tabs" id="tab"> <label for="tab">Schließen</label> </div> </div>
<div class="tab"> <input class="radioClass" type="radio" cchecked name="tabs" id="tab5"> <label for="tab5">***Geplanter Neustart***</label> <div class="content"> <div class="verlauf">***Geplanter Neustart***</div><br> <h4>***Geplanter Neustart*** des Black - Angel´s - Club</h4> <p> Hallo, Ihr lieben Verirrten! <br><br> Dieses kleine Forum wurde als damaliges Herzensprojekt gestartet, leider dann gelöscht und als Herzensprojekt wieder neu ins Leben gerufen. Da ich mehr mit meinem eigenen Leben beschäftigt war und viel auf Montage arbeitete, verkam dieses Forum langsam und starb aus. <br><br> Es gab noch die Beiträge, es gab noch die User, die nie mehr online kamen. <br><br> Das alles ist nun schon einige Jahre her und ich ertrage es einfach nicht diese Seite, mit der ich doch ziemlich schöne Erinnerungen verbinde, einfach verwesen zu lassen. <br><br> Schon oft habe ich über eine Löschung der Plattform nachgedacht, doch ich konnte es nicht über mich bringen, nicht schon wieder. Mehrmals habe ich mir überlegt, das Board nochmal aufleben zu lassen - Kategorien verschoben, neue erstellt und letztendlich doch nichts daraus gemacht. <br><br> Ich kann dieses Forum einfach nicht vergessen, so entschloss ich mich dieses Board neu aufzusetzen. Das alte Board gibt es bedauerlicherweise nicht mehr. Ich will das Board wieder aufleben lassen, gebe mir größte Mühe, dass sich ein paar Leute anmelden, dass ich ihnen einen Grund gebe Beiträge zu schreiben, trotz der Zeiten von Instagram und Co. <br><br> Das Board gab es damals seit 1999 bis 2009. Wir hatten einen eigenen Radio-Sender, IRC Chat und einen eigenen Teamspeak 2 Server und sogar Sponsoren. Für Firmen haben wir sogar Werbung gemacht und bekamen dafür finanzielle Unterstützung. Durch die Radio Werbungen und die Unterstützung unser Sponsoren, bezahlten sich unsere Rechnungen für Server, GEMA, ... von selbst. <br><br> Der Name Black - Angel´s - Club war einfach ein Club, wo man sich abends nach der Arbeit immer getroffen hatte und einfach geschrieben, gechattet und auf einen Drink sich dort traf, um Spaß zu haben. <br><br> Wir machten, wenn es ging, auch reale Treffen. Wir sprachen uns ab wer was mitbrachte und wir trafen uns für das Wochenende zum Zelteten auf unserem Grundstück, grillten und hatten mächtig Spaß. <br><br> Unsere Webseite habe ich damals mit <a href="https://www.phpfusion-deutschland.de/startseite.php" target="_blank"> PHP-Fusion! </a> auf einem Root-Server von <a href="https://www.strato.de/" target="_blank"> Strato! </a> betrieben. Die heutigen Webradios laufen immer noch mit der PHP-Fusion Software für Homepages. <br><br> Um Musik zu streamen und Live-Musik zu machen, installiert man alles auf einen Shoutcast-Server. Zum Streamen hatten wir den Player Winamp, DJ-Plugin, SHOUTcast DSP-Plugin oder oddcast DSP-Plugin, Server Software SHOUTcast Server oder Icecast Server benutzt, heute gibt es unzählige Programme. <br> </p> <br> <input class="radioClass" type="radio" name="tabs" id="tab"> <label for="tab">Schließen</label> </div> </div>
<div class="tab"> <input class="radioClass" type="radio" name="tabs" id="tab6"> <label for="tab6">Wichtig Spenden</label> <div class="content"> <div class="verlauf">Wichtig Spenden für Black - Angel´s - Club</div> <h4>Wichtiger Hinweis</h4> <p> <b>Warum ein Forenkonto?</b> <ul><li>Das Forenkonto ermöglicht es, Zahlungen von Mitgliedern anzunehmen und diese später für die Zahlung des Premium-Tarifs oder anderen Forendienstleistungen einzusetzen!</li> <li>Weist das Forenkonto ein Guthaben auf, wird es bei der nächsten Rechnung automatisch verrechnet!</li> <li>Alle Mitglieder können das Spendenformular jederzeit über die neue <a href="http://donations.html" target="_blank">Spenden-Seite</a> mit "/donations.html" erreichen.</li> <li>Diese Seite kann auch inaktiv geschaltet werden, sobald das Spendenziel erreicht wird!</li> <li><b>Wichtig!</b> Das Spendenformular wird nicht für Gäste angezeigt!</li> </ul> <br><br><br><br> <b>Wir brauchen Deine Hilfe!</b> <br><br><br> <img style="max-width: 300px;" src="https://files.homepagemodules.de/b2001010/a_1711_f8762c31.png"> <br><br><br> Wir freuen uns, dass Du Dich dazu entschlossen hast, unser Forum mit Deiner Spende zu unterstützen! <br><br> Ein Forum zu betreiben, erfordert ein hohes Maß an Zeit, Kraft und Aufmerksamkeit. <br> Mit Deiner Spende kannst Du uns dabei unterstützen, die Finanzierung für den Forentarif aufzubringen, <br> der für die Werbefreiheit, viele der Forenextras und regelmäßige Updates für einen reibungslosen Ablauf sorgt. <br><br><br><br> <b>Was passiert mit Deiner Spende?</b> <br><br> Die oben angesprochene Werbefreiheit, sowie viele liebgewonnene Extras sind Bestandteile eines Premiumtarifs, <br> der einen monatlichen Betrag kostet. <br> Sämtliche Spenden werden ausschließlich für die Zahlung des Forums verwendet. Eine Auszahlung oder Überweisung an den Admin findet nicht statt. <br><br><br> <img src="https://i.ibb.co/9HL0LVg/3-euro.png" style="max-width: 1484px;" border="0"> <br><br> Kleiner <i>3 Euro </i> zur Auswahl anzubieten funktioniert nicht und wird mit einer Fehlermeldung "<font color="#bb0000">Ungültiger Beitrag</font>" ausgegeben! <br><br> Es ist möglich, die Spenden-Seite und die Betragsauswahl anzupassen. Allerdings etwas aufwendig. Es sieht dann so aus. <br><br> <img src="https://i.ibb.co/QkNgVJR/5-euro.png" style="max-width: 1484px;" border="0"> <br><br> Die Betragsauswahl kann auf Wunsch auch geändert werden, wir das Team kümmern uns darum. Wenn ein Spender zum Beispiel die Betragsauswahl 15 € haben möchte, damit er auf einmal 15 € spenden möchte, stellen wir es gerne um. <br><br> Einfach eine PN an den Admin <a href="u1_Enrico.html">@Enrico</a> senden! <br><br><br><br><br> Enrico </p> <br><input class="radioClass" type="radio" name="tabs" id="tab"> <label for="tab">Schließen</label> </div> </div>
<div class="tab"> <input class="radioClass" type="radio" name="tabs" id="tab7"> <label for="tab7">¤ Information ¤</label> <div class="content"> <div class="verlauf">Informationen des Forums</div> <h4>Informationen</h4> <p> <font color="orange"><strong>Black - Angel´s - Club</strong></font> <br>Hier gibt es im Board viele Themen! <br><br>
1. <a href="https://black-angels-club.xobor.de/f51925-Rezepte.html" class="postlink"><font color="orange"><strong>Rezepte</strong></font></a> - Mit einem Klick kommt Ihr zu den Themen, wie zum Beispiel: <ul> <li><a href="https://black-angels-club.xobor.de/f51926-Cocktail-Lounge.html" class="postlink"><font color="orange">Cocktail-Lounge…</font></a></li> <li><a href="https://black-angels-club.xobor.de/f51927-Weihnachtsrezepte.html" class="postlink"><font color="orange">Weihnachtsrezepte</font></a></li> <li><a href="https://black-angels-club.xobor.de/f51956-br-span-style-color-rgb-span-Ideen-von-Mitgliedern-zum-Thema-Was-kochen-wir-heute-br.html" class="postlink"><font color="orange">Ideen von Mitgliedern zum Thema "Was kochen wir heute?"</font></a></li> <li><a href="https://black-angels-club.xobor.de/f51957-Halloween.html" class="postlink"><font color="orange">Halloween</font></a></li> <li><a href="https://black-angels-club.xobor.de/f51958-Ostern.html" class="postlink"><font color="orange">Ostern</font></a></li> </ul> <hr style="box-shadow: -2px 2px 6px 1.5px #225D82;height: 1px;"> <br>
2. <a href="https://black-angels-club.xobor.de/f51953-Partnerschafts-Anfragen.html"><font color="orange"><strong>Partnerschaft</strong></font></a> - Mit einem Klick kommt Ihr zu den Themen, wie zum Beispiel: <ul> <li><a href="https://black-angels-club.xobor.de/t10f51953-Unsere-Partnerschaftsregeln.html" class="postlink"><font color="orange">Partnerschafts regeln</font></a></li> <li><a href="https://black-angels-club.xobor.de/t11f51954-Aktive-Partner.html" class="postlink"><font color="orange">Aktive Partner</font></a></li> <li><a href="https://black-angels-club.xobor.de/f51955-Partner-Bannertausch-oder-Linktausch.html" class="postlink"><font color="orange">Partner, Bannertausch oder Linktausch</font></a></li> </ul> <hr style="box-shadow: -2px 2px 6px 1.5px #225D82;height: 1px;"> <br>
3. <a href="https://www.black-angels-club.org/f51962-Server-Installation-Tutorials.html" class="postlink"><font color="orange"><strong>Tutorials</strong></font></a> - Mit einem Klick kommt Ihrn zu den Themen, wie zum Beispiel: <ul> <li><a href="https://www.black-angels-club.org/t16f51962-TS-Server-auf-Webseite-verlinken-Teamspeak-Join-Link-erstellen.html" class="postlink"><font color="orange">TS3 Server auf Webseite verlinken / Teamspeak Join Link erstellen</font></a></li> <li><a href="https://www.black-angels-club.org/t13f51962-teamspeak-server-installieren-ubuntu.html" class="postlink"><font color="orange">teamspeak 3 server installieren ubuntu</font></a></li> <li><a href="https://www.black-angels-club.org/t12f51962-Wie-man-Shoutcast-Server-auf-Ubuntu-LTS-installiert.html" class="postlink"><font color="orange">Wie man Shoutcast Server auf Ubuntu 18.04 LTS installiert</font></a></li> </ul> <hr style="box-shadow: -2px 2px 6px 1.5px #225D82;height: 1px;"> <br><br> </p> <br><input class="radioClass" type="radio" name="tabs" id="tab"> <label for="tab">Schließen</label> </div> </div>
<div class="tab"> <input class="radioClass" type="radio" cchecked name="tabs" id="tab8"> <label for="tab8">¤ Club Thecke ¤</label> <div class="content"> <div class="verlauf">Black - Angel´s - Club Thecke</div><br> <h4><span style="color: rgb(255, 0, 0);">•</span> Passwort für Gäste ist: <span style="color: rgb(255, 0, 0);"> Gast</span></h4> <p> <img src="https://files.homepagemodules.de/b906480/a_13_0b7a426d.gif"> <br><br> <span style="color: rgb(255, 0, 0);">•</span> Für unsere Liebe Gäste, hier könnt Ihr gemütlich ein Bier, einen Whiskey Scotch trinken und Euch unterhalten. <br><br> <span style="color: rgb(255, 0, 0);">•</span> Ich wünsche Euch viel Spaß hier am Stammtisch.. <br><br> </p> <br> <input class="radioClass" type="radio" name="tabs" id="tab"> <label for="tab">Schließen</label> </div> </div> </div>
Vielen lieben Dank Wolfgang, sieht top aus und danke fürs beseitigen der Rechtschreibfehler und für deine Hilfe. Oje, da werde ich vor lauter Zeichen ein paar Befehle falsch und vergessen haben. Danke für den Hinweis, werde da genauer drauf achten.
Mmm, was mir aufgefallen ist bei dir im Portal. Beim Test zeigt es bei dir das Symbol an, bei mir nicht. Da zeigt es mir nur den Code an. Wie ich festgestellt habe, ist das ein CSS Code ( "\25A0" ) für die Symbole. Muss ich dafür noch ein CSS Script schreiben, dass es bei mir im Portal anzeigt? In CodePen zeigt es mir das Symbol vor dem Text auch an, nur bei mir im Portal nicht.
Also so zum Beispiel:
1 2 3 4
// css Code span { content: "\25A0"; }
Ist ja nur eine Frage, weil es bei mir nicht anzeigt wird, nur die Zahl davor und dann den Text.
Oder muss ich da noch eine spezielle Einstellung machen.
Zitat von Daishi im Beitrag #5Mmm, was mir aufgefallen ist bei dir im Portal. Beim Test zeigt es bei dir das Symbol an, bei mir nicht. Da zeigt es mir nur den Code an. Wie ich festgestellt habe, ist das ein CSS Code ( "\25A0" ) für die Symbole. Muss ich dafür noch ein CSS Script schreiben, dass es bei mir im Portal anzeigt? In CodePen zeigt es mir das Symbol vor dem Text auch an, nur bei mir im Portal nicht.
Also so zum Beispiel:
1 2 3 4
// css Code span { content: "\25A0"; }
Ist ja nur eine Frage, weil es bei mir nicht anzeigt wird, nur die Zahl davor und dann den Text.
Oder muss ich da noch eine spezielle Einstellung machen.
Mit freundlichen Grüßen
Daishi
Hallo Daishi, wenn ich mir den Quellcode anschaue, fehlt der "Backslash"! Im Portal müsste es richtig sein! Könnte es sein, dass in der CSS ein Eintrag ".verlauf::before" überschreibt?
Habe auch probiert es einzufügen, zeigt aber nur eine Nummer davor an. Habe es jetzt auskommentiert. Habe die ganze Zeit nochmal versucht, aber es bringt nichts. Habe jetzt verlauf::before auskommentiert.
Aber danke für deine Mühen und Arbeit, um den Fehler zu finden. Ich verstehe das nicht, das Script ist ja unverändert, nur komisch, dass es bei dir im Portal geht und in CodePen nur nicht bei mir im Portal. Ich habe auch meine anderen CSS Dateien nachgeschaut, also alle CSS im Admin entfernt. Da ich dachte, ich hätte etwas gefunden, was stört, ist dem aber nicht.
Ich danke dir sehr für die Hilfe und Mühe, um den blöden Fehler zu finden.
Ich lasse es jetzt so ohne Symbol, sieht auch so gut aus.
Fehlersuche: Bräuchte mal Hilfe - TAB Menü in Portal-Boxen
Hallo Daishi, wenn Du noch Zeit und Muße hast etwas auszuprobieren......
Da habe ich mich nicht genau ausgedrückt! Die Bullet Point Symbole werden nicht in die CSS eingetragen, sondern ins HTML-Script, da wo sie zu sehen sein sollen, also in den 13 Titelleisten!
z.B.:
◼ <div class="verlauf">Portal News</div><br>
Der CSS-Eintrag sollte das nur vereinfachen!
Vielleicht stört auch ein JavaScript oder Plugin!
Man könnte unter "Admin > Plugins > Home > Installierte Plugins" folgenden Link kurzzeitig anklicken. Hierdurch werden alle Plugins ausgeschaltet!