Forum - Bräuchte mal Hilfe - TAB-Menü und Portal

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 � Bräuchte mal Hilfe - TAB-Menü und Portal

Seite 1 von 3 � Seite 1 2 3 Seite �

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News! Stellen Sie Ihr eigene Webseite vor! Betriebssystem MS Windows Betriebssystem MS Windows 10, 8.1, 8 und 7 - Tricks & Tipps MS Windows 10, 8.1, 8 und 7 - Fragen & Antworten �rger mit Ihrem PC? �rger mit dem PC - Vorbeugung und Hilfe �rger mit dem PC - 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. 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 | Bräuchte mal Hilfe - TAB-Menü und Portal datum

29.10.2022 13:24 (zuletzt bearbeitet: 31.10.2022 06:58)

Daishi

Informationen anzeigen

Beitr�ge:	171
Registriert seit:	08.01.2022

Homepage:	Link
Board Nr:
Likes	153

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 mal wie es aussieht:

Portal!

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.

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
 
  <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&nbsp;</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>
 

<style>
.tabs .tab {;
  display:inline-block;
  list-style-type: none;
  overflow: hidden;
}
.tabs .tab .radioClass{
  visibility:hidden;  
}
.tabs .tab label, .tabs .tab div label {
  background: #777777 50%; 
  color: #111111,#777777 50%,#111111;
  font-weight:bold;
  padding: 5px 10px; 
  display: inline-block;
  margin:0px 3px 1px 0;
  border:1px solid #ffffff;
  border-radius:5px;
  position: relative;  
  left:0px; 
  cursor: pointer;
}
.tabs .tab div label {
  max-width:80px;
  font-size:13px;
  font-weight:normal;
  padding: 1px 10px; 
  text-align:center;
  left:0px;
}
.tabs .tab label:hover{
  background-color:#f0a;
}
.tabs .content {
  width: 80%;
  background: #777777 50%;
  color: #000000;
  padding:5px 10px 10px 15px;
  margin: 0;
  border-radius:5px;
  border:1px solid #ffffff;
  box-shadow: 0.1rem 0.1rem 6px rgba(0, 0, 0, 0.4);
  display:none;
  position: absolute;
  left:0%;
  z-index:1000;
}
.tabs > .tab .radioClass:checked + label {
  background: #777777 50%;
}
.tabs > .tab .radioClass:checked ~ .content {
  animation: einblenden 1.5s;
  display:block; 
}
.verlauf {
  background: linear-gradient(#111111,#777777 50%,#111111);
  font-weight:bold;
  padding: 5px 20px 5px 5px;
  margin:10px 10px 0 0;
}
.verlauf::before {
  content: "\25A0";
  padding-right: 4px;
  vertical-align: 2px;
}
@keyframes einblenden {
  from { opacity:0; }
  to { opacity:1; }
}
.tabs {
  /* Höhe TAB-Menü */ 
  height:250px;
  /* Abstand vom linken Rand */
  left:5%;
  /* Breite des TAB-Menüs */
  width:50%;
 
  margin:0px 10px 10px 10px;
  position:relative;
  text-align:left;
}
</style>
 

<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>
		  
  <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><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>
		  
  <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><br>
  <h4>Bitte Votet für uns Radio-Fantastisch!</h4>
  <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;"><center><br><br><img src="//files.homepagemodules.de/b906480/a_25_7f18c24c.gif" alt="Hallo Du ja du schau" title="Hallo Du ja du schau.---> klicke unten das Vote Männchen und Vote für uns" width="80" height="80" border="0"></a><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="//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 dan bei Platz 50.---> Radio-Fantastisch Klicken" width="150" height="150" border="0"></a> </div></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="tab4">
  <label for="tab4">Impressum!</label>   
  <div class="content">
  <div class="verlauf">Impressum & Kontakt</div><br>
  <h4>Verantwortlicher Betreiber der Webseite</h4>
  <p><center> <img style="width: 900px; max-width: 1484px;" src="//files.homepagemodules.de/b906480/a_28_89dee55c.png"><br><br><br></center>
  
 
  <center><br /> <div class="hover_card">   <div class="card4">     <div class="txt4">         <a title="Zum Profil" href="https://www.black-angels-club.org/u1_Enrico.html">         <img class="rund2" src="https://files.homepagemodules.de/b906480/avatar-76b967fa-1.png" width="90px">       </a>         <div>Enrico</div>         <p class="hover_effekt">Admin</p><p class="hover_effekt"></p>         <a title="Zur Startseite" class="hover_effekt" href="/" target="_blank">Black - Angel´s - Club!</a>     </div>   </div> </div> <br />
  
  
  
 <div class="impressum_body">   <div class="impressum_title">Impressum!</div>   <div class="impressum_container">     <div class="impressum_content">       <div class="impressum_allgemein">Allgemeines</div>         <table cellpadding="0" cellspacing="5" style="text-align:left;">         <tr><td><b>» Name:</b></td><td><i>Enrico Loreth</i></td>         </tr><tr>         <td><b>» Straße:</b></td><td><i>Max-Hannemann-Straße 43</i></td>         </tr><tr>         <td><b>» Ort:</b></td><td><i>Dahme/Mark</i></td>         </tr><tr>         <td><b>» Telefon:</b></td><td><i>(0176) 28978863</i></td>         </tr><tr>         <td><b>» E-Mail:</b></td><td><i>blutrausch227@gmail.com</i></td>         </tr><tr><tr>                  <td colspan="2" align="center" style="padding-top:15px;"><b>Gründer von "Black - Angel´s - Club"</b></td>         </tr><tr>         <td colspan="2" align="center"><i>Seit 16.10.2022</i></td>         </tr>       </table>       </div>   </div>   <div class="impressum_copyright">© Enrico  <a href="https://www.black-angels-club.org/page-906480-5.html"" target="_blank">Impressum</a></div> </div> </center> </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="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>
		  
  <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><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 &nbsp;</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><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><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 <br> <span style="color: rgb(255, 0, 0);">�</span> Passwort:<span style="color: rgb(255, 0, 0);"> Gast</span></h4>
  
 
<img src="//files.homepagemodules.de/b906480/a_13_0b7a426d.gif"></strong></a>
 
<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>
		  
<br><input class="radioClass" type="radio" name="tabs" id="tab">
  <label for="tab">Schließen</label>        
  </div>
</div>
</div>  
 

Schlie�en

Ich bedanke mich schon mal im Voraus für die nette Hilfe und Erklärung.

Mit freundlichen Grüßen

Daishi

Daishi

Wolfgang findet das Top!

Antworten

#2 | Bräuchte mal Hilfe - TAB Menü in Portal-Boxen datum

29.10.2022 22:22 (zuletzt bearbeitet: 29.10.2022 22:25)

Wolfgang

Administrator

Informationen anzeigen

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

Homepage:	Nicht angegeben
Board Nr:
Likes	870

Bräuchte mal Hilfe - TAB Menü in Portal-Boxen

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!

Sieht gut aus, sollte alles funktionieren!

Dein korrigiertes Skript mit TAB-Menü fürs Portal

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
448
449
450
451
 
<style>
.tabs .tab {;
  display:inline-block;
  list-style-type: none;
  overflow: hidden;
}
.tabs .tab .radioClass{
  visibility: hidden;  
}
.tabs .tab label, .tabs .tab div label {
  background: #777777 50%; 
  color: #111111,#777777 50%,#111111;
  font-weight:bold;
  padding: 5px 10px; 
  display: inline-block;
  margin:0px 3px 1px 0;
  border:1px solid #ffffff;
  border-radius:5px;
  position: relative;  
  left:0px; 
  cursor: pointer;
}
.tabs .tab div label {
  max-width:80px;
  font-size:13px;
  font-weight:normal;
  padding: 1px 10px; 
  text-align:center;
  left:0px;
}
.tabs .tab label:hover{
  background-color:#f0a;
}
.tabs .content {
  width: 80%;
  background: #777777 50%;
  color: #000000;
  padding:5px 10px 10px 15px;
  margin: 0;
  border-radius:5px;
  border:1px solid #ffffff;
  box-shadow: 0.1rem 0.1rem 6px rgba(0, 0, 0, 0.4);
  display:none;
  position: absolute;
  left:0%;
  z-index:1000;
}
.tabs > .tab .radioClass:checked + label {
  background: #777777 50%;
}
.tabs > .tab .radioClass:checked ~ .content {
  animation: einblenden 1.5s;
  display:block; 
}
.verlauf {
  background: linear-gradient(#111111,#777777 50%,#111111);
  font-weight:bold;
  padding: 5px 20px 5px 5px;
  margin:10px 10px 0 0;
}
.verlauf::before {
  content: "\25A0";
  padding-right: 4px;
  vertical-align: 2px;
}
@keyframes einblenden {
  from { opacity:0; }
  to { opacity:1; }
}
.tabs {
  /* Mehrere TAB- Menü's nebeneinander */
  display: inline-block;
  /* Höhe TAB-Menü */ 
  height:250px;
  /* Abstand vom linken Rand */
  /* left:5%; */
  /* Breite des TAB-Menüs */
  /* width:50%; */
 
  margin:0px 10px 10px 10px;
  position:relative;
  text-align:left;
}
</style>
 
<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&nbsp;</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" name="tabs" id="tab4">
  <label for="tab4">Impressum!</label>   
  <div class="content">
    <div class="verlauf">Impressum & Kontakt</div>
    <h4>Verantwortlicher Betreiber der Webseite</h4>
	<center>
    <p>
	<img style="max-width: 900px;" src="https://files.homepagemodules.de/b906480/a_28_89dee55c.png">
	<br><br><br><br> 
	<div class="hover_card">   
	  <div class="card4">     
	    <div class="txt4">         
		  <a title="Zum Profil" href="https://www.black-angels-club.org/u1_Enrico.html">         
		    <img class="rund2" src="https://files.homepagemodules.de/b906480/avatar-76b967fa-1.png" width="90px">       
          </a>
		  <div>Enrico</div>
		  <p class="hover_effekt">Admin</p><p class="hover_effekt"></p>
		  <a title="Zur Startseite" class="hover_effekt" href="/" target="_blank">Black - Angel´s - Club!</a>     
		</div>
	  </div> 
	</div>
	<br>
    <div class="impressum_body">   
	  <div class="impressum_title">Impressum!</div>   
	  <div class="impressum_container">     
	    <div class="impressum_content">       
	    <div class="impressum_allgemein">Allgemeines</div>         
	    <table cellpadding="0" cellspacing="5" style="text-align:left;">         
	    <tr>
	    <td><b>» Name:</b></td><td><i>Enrico Loreth</i></td>
	    </tr><tr>
	    <td><b>» Straße:</b></td><td><i>Max-Hannemann-Straße 43</i></td>
	    </tr><tr>
	    <td><b>» Ort:</b></td><td><i>Dahme/Mark</i></td>
	    </tr><tr>
	    <td><b>» Telefon:</b></td><td><i>(0176) 28978863</i></td>
	    </tr><tr>
	    <td><b>» E-Mail:</b></td><td><i>blutrausch227@gmail.com</i></td>
	    </tr><tr>
	    <td colspan="2" align="center" style="padding-top:15px;"><b>Gründer von "Black - Angel´s - Club"</b></td>
	    </tr><tr>
	    <td colspan="2" align="center"><i>Seit 16.10.2022</i></td>
	    </tr>
	    </table>
	    </div>
      </div>
	  <div class="impressum_copyright">© Enrico  
	    <a href="https://www.black-angels-club.org/page-906480-5.html" target="_blank">Impressum</a>
	  </div> 
	</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 &nbsp;</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);"> &nbsp;&nbsp;&nbsp;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>  
 

 

Schlie�en

Bis dann, gutes Gelingen und mach weiter so!
Wolfgang

Daishi findet das Top!

Antworten

#3 | RE: Bräuchte mal Hilfe - TAB Menü in Portal-Boxen datum

29.10.2022 22:37 (zuletzt bearbeitet: 30.10.2022 00:14)

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.

Mit freundlichen Grüßen

Daishi

Daishi

Wolfgang findet das Top!

Antworten

#4 | RE: Bräuchte mal Hilfe - TAB Menü in Portal-Boxen datum

30.10.2022 08:00 (zuletzt bearbeitet: 30.10.2022 08:15)

Hallo zusammen.

Nur so eine Idee. Wie wäre es, wenn man den TAB durch einen zweiten Klick wieder schliessen könnte ?

Viele Grüße
Michael

Wolfgang und Daishi finden das Top!

Antworten

#5 | RE: Bräuchte mal Hilfe - TAB Menü in Portal-Boxen datum

30.10.2022 16:14 (zuletzt bearbeitet: 30.10.2022 18:11)

Daishi

Informationen anzeigen

Beitr�ge:	171
Registriert seit:	08.01.2022

Homepage:	Link
Board Nr:
Likes	153

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.

Mit freundlichen Grüßen

Daishi

Daishi

Antworten

Signatur als Bild � � Eine Frage - Farbverlauf

Seite 1 von 3 � Seite 1 2 3 Seite �

�hnliche Themen

Antworten

Letzter Beitrag

Verkehrskarte auf der Portal- oder eigenen Seite
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Kipper-Spedition

04.02.2023 16:52
von

Kipper-Spedition • Zugriffe: 57

Portal - Terminal
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Daishi 2 18.11.2022 13:03
Wolfgang • Zugriffe: 94

Besondere Foren-Codes für Informationen, Hilfe, Fehler, Warnungen und Geheimes
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

20.02.2022 16:59
von

Wolfgang • Zugriffe: 268

Business-Template V4: Login-Box im Portal ausblenden!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

22.08.2020 12:12
von

Wolfgang • Zugriffe: 466

Login-Leiste im Gaia und Portal-Box "Userinfo" modifizieren - Teil 1+2!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

12.01.2020 23:12
von

Wolfgang • Zugriffe: 1846

Hilfe mit Hover Code
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten von Ana 2 20.02.2018 10:20
Wolfgang • Zugriffe: 3920
Download Portale und ihre Tücken!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 0 23.03.2017 15:59
Wolfgang • Zugriffe: 653
Farbverlauf - Ich brauche Hilfe bei der Iconbar
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten von Denis Wolf 4 18.08.2017 11:08
Wolfgang • Zugriffe: 1283

iGoogle Portal - Startseite mit gewünschten Diensten konfigurierbar!
Erstellt im Forum Betriebssystem MS Windows 10, 8.1, 8 und 7 - Tricks & Tipps von Wolfgang

29.11.2011 13:26
von

Wolfgang • Zugriffe: 2459

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: 85 €

192%

Google Translator