StartseiteTeammitglieder online
Regeln und nützliche Hinweise
Neueste Themen
» Das Plauderforum ist zurück!von Eto Mo 25 Nov 2024 - 17:59
» Style-Wechsel funktioniert nicht mehr
von Miho Mo 25 Nov 2024 - 11:05
» Profil in beiträgen nur im blog deaktivieren.
von Skouliki Mo 25 Nov 2024 - 10:16
» [Invision] Editor über den Bildrand ziehbar + Schriftgrößenproblem
von Skouliki Mi 20 Nov 2024 - 8:06
» Passwort für meinen Adminbereich vergessen.
von Joost Sa 9 Nov 2024 - 10:13
» [Invision] Signatur wird nicht immer eingefügt
von Skouliki Mo 4 Nov 2024 - 16:33
» [Invision] Schriftgröße Navigationsleiste, Links und Forenbeschreibungen
von Skouliki So 27 Okt 2024 - 13:29
» [Invision] Transparent Logohintergrund/Struktur
von Joost So 27 Okt 2024 - 12:58
» png wird im servimg in ein jpg umgewandelt
von Skouliki Mi 23 Okt 2024 - 20:26
» Passwort Vergessen (SilentHowl)
von Joost Do 17 Okt 2024 - 17:14
» [Invision] Hintergrundbild fixieren
von Skouliki Mo 14 Okt 2024 - 11:30
» Paßwort vergessen
von Joost So 13 Okt 2024 - 17:58
» Anti-Spam-Prüfung
von Hana19 Sa 12 Okt 2024 - 16:59
» Private Nachrichten bleiben im Postausgang hängen
von Skouliki Fr 11 Okt 2024 - 11:11
» [phpBB3] Mittelteil des Forums verschoben
von Eto Mo 7 Okt 2024 - 20:50
» [phpBB3] Farbpalette ändern
von Skouliki Mo 7 Okt 2024 - 10:08
» [Klassische Version] Account löschen
von Joost Sa 5 Okt 2024 - 21:05
» Chatbox einloggen nicht möglich
von Joost So 29 Sep 2024 - 8:01
Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Agorass in Passwort für meinen Adminbereich vergessen. ( 2 )
» Beitrag von Keks in [phpBB2] Unterforen Nebeneinander
( 1 )
[phpBB2] Tabtabelle im Header
2 verfasser
Das Forum der Foren :: Hilfe und Unterstützung :: Probleme mit Scripten oder Codes :: Probleme mit Scripten oder Codes - Archiv
Seite 1 von 1 • Teilen
[phpBB2] Tabtabelle im Header
von Dragonstale So 5 Feb 2017 - 15:29
Yallo zusammen. Ich bin neu bei Forumieren, habe aber grundlegende Erfahrungen mit wbblite 1.
Nun wage ich mich noch mal an den Forenaufbau und möchte einen Tabheader einbauen. Dafür habe ich mich an diesem Thread orientiert. Leider kann ich nicht zwischen den einzelnen Tabs hin und her springen. Woran mag das liegen?
Ich freue mich über eure Hilfestellungen.
Liebe Grüße,
Dragonstale
Nun wage ich mich noch mal an den Forenaufbau und möchte einen Tabheader einbauen. Dafür habe ich mich an diesem Thread orientiert. Leider kann ich nicht zwischen den einzelnen Tabs hin und her springen. Woran mag das liegen?
- index_body template:
- Code:
<div id="mes_onglets">
<ul><li id="o_1" class="mon_onglet selected"
onclick="changeOnglet(this);">Herzlich Willkommen 1</li>
<li id="o_2" class="mon_onglet"
onclick="changeOnglet(this);">Wichtige Links 2</li>
<li id="o_3" class="mon_onglet"
onclick="changeOnglet(this);">Chatbox 3</li>
<li id="o_4" class="mon_onglet"
onclick="changeOnglet(this);">Partnerforen 4</li>
<li id="o_5" class="mon_onglet"
onclick="changeOnglet(this);">News 5</li>
<div class="clear"><div id="mes_contenus">
<div id="co_1" class="mon_contenu">Hallo lieber Besucher der <a href="/forum">Movie World</a>,<br>
<br>
wir freuen uns, dass Du zu uns gefunden hast, solltest Du interessiert an Filmen, Fernsehen und Schauspielern bist, dann bist Du hier genau richtig!<br>
<br>
Du kannst Dich ganz einfach <a href="/register">registrieren</a>, falls Du bereits registriert bist, so <a href="login">logge</a> Dich doch <a href="login">ein</a>!<br>
<br>
Vielen Dank, das Team 8)</div>
<div id="co_2" class="mon_contenu" style="display: none;">Test
2</div>
<div id="co_3" class="mon_contenu" style="display: none;">Test
3</div>
<div id="co_4" class="mon_contenu" style="display: none;">Test
4</div>
<div id="co_5" class="mon_contenu" style="display: none;">Test
5</div>
</div></div></ul></div>
- Javascript:
- Code:
function changeOnglet(_this){
var getOnglets = document.getElementById('mes_onglets').getElementsByTagName('li');
for(var i = 0; i < getOnglets.length; i++){
if(getOnglets[i].id){
if(getOnglets[i].id == _this.id){
getOnglets[i].className = 'mon_onglet_selected';
document.getElementById('c' + _this.id).style.display = 'block';
}
else{
getOnglets[i].className = 'mon_onglet';
document.getElementById('c' + getOnglets[i].id).style.display = 'none';
}
}
}
}
Häkchen bei: Auf der Startseite
- CSS:
- Code:
/*changeOnglet*/
.mon_onglet{
float: left;
padding: 2px 10px;
margin-right: 5px;
color: #00aeff;
background: #6edaf5;
border: 1px solid #000;
cursor: pointer;
margin-bottom: -1px;
list-style: none;
font-size:90%;
}
.mon_onglet:hover{
background: #39dbf0;
}
.mon_onglet_selected{
float: left;
padding: 2px 10px;
margin-right: 5px;
color: #000;
background: #6edaf5;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-left: 1px solid #000;
border-bottom: 1px solid #08b1ff;
cursor: pointer;
margin-bottom: -1px;
list-style: none;
font-size:90%;}
.clear{
clear: both;
}
.mon_contenu{
color: #000;
background: #6edaf5;
border: 1px solid #000;
padding: 10px;
line-height: normal;
font-size: 11px;}
#mes_contenus, #mes_onglets{
width: 100%;
margin: auto;}
farblich natürlich noch nicht angepasst!
Ich freue mich über eure Hilfestellungen.
Liebe Grüße,
Dragonstale
Zuletzt von Dragonstale am So 5 Feb 2017 - 20:21 bearbeitet; insgesamt 1-mal bearbeitet
Dragonstale- Lehrling
- Beiträge : 10
Anmeldedatum : 05.02.17
Re: [phpBB2] Tabtabelle im Header
von Keks So 5 Feb 2017 - 18:41
Hallo, versuch mal bitte das Java-script auf allen Seiten anzeigen zu lassen.
Wenn das nicht geht, schau ich mal im Testforum bei mir woran es liegen könnte.
Keks- Mod a.D.
-
Beiträge : 1394
Anmeldedatum : 08.08.16
Re: [phpBB2] Tabtabelle im Header
von Dragonstale So 5 Feb 2017 - 20:21
Hallo!
Danke für den Vorschlag. Die "Code Verwaltung" war es, die war noch auf "nein" . Nun funktioniert es. Danke trotzdem!
Liebe Grüße,
Dragonstale
Danke für den Vorschlag. Die "Code Verwaltung" war es, die war noch auf "nein" . Nun funktioniert es. Danke trotzdem!
Liebe Grüße,
Dragonstale
Dragonstale- Lehrling
- Beiträge : 10
Anmeldedatum : 05.02.17
Re: [phpBB2] Tabtabelle im Header
von Keks So 5 Feb 2017 - 20:28
Okay, bitte sehr ... für was auch immer
Keks- Mod a.D.
- Beiträge : 1394
Anmeldedatum : 08.08.16
Ähnliche Themen» [phpBB2] Navigation UNTER dem Header
» [phpBB2] Navigationsleiste auf das Header
» [phpBB2] Navigation AUF den Header
» [phpBB2] Header fängt doppelt an
» [phpBB2] Zwischenraum unter dem Header
» [phpBB2] Navigationsleiste auf das Header
» [phpBB2] Navigation AUF den Header
» [phpBB2] Header fängt doppelt an
» [phpBB2] Zwischenraum unter dem Header
Das Forum der Foren :: Hilfe und Unterstützung :: Probleme mit Scripten oder Codes :: Probleme mit Scripten oder Codes - Archiv
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten
