Lexi Help
Die neuesten Themen
» Mein altes Forum zurückbekommen
von Bigtuber Gestern um 22:59

» Impressum
von #Frank Mi 28 Sep 2016 - 23:45

» [phpBB2] Im Beitrag Bild und Text nebeneinander anzeigen
von #Frank Mi 28 Sep 2016 - 23:43

» [phpBB2] Unicode Emojis im Forum
von Mariacher J.E. Mi 28 Sep 2016 - 22:07

» Themen-Icons
von Bigtuber Mi 28 Sep 2016 - 20:46

» [phpBB2] Schriftfarbe in der Expressantwort
von Bigtuber Mi 28 Sep 2016 - 20:09

» Themen fixieren
von inde Mi 28 Sep 2016 - 20:05

» [Update] Neues Theme der mobilen Version V2
von inde Mi 28 Sep 2016 - 13:34

» Begriff : "merken"
von Ray Di 27 Sep 2016 - 12:14

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Di 27 Sep 2016 - 11:07

» Servamp Forum
von Raine Kamiya Mo 26 Sep 2016 - 22:47

» [phpBB2] Probleme mit der "Postprofil" Anzeige
von Dr.Keks Mo 26 Sep 2016 - 20:56

» Private Nachrichten
von inde Mo 26 Sep 2016 - 10:05

» Wie kann man erkennen, welche Forenversion ein anderes Forum hat?
von inde So 25 Sep 2016 - 22:24

» Ad Ware im Forum?
von inde So 25 Sep 2016 - 20:38

» [Sammelthread] Unangebrachte Werbung
von inde Fr 23 Sep 2016 - 9:00

Partner
free forum

Problem mit Code (Box mit Registerkarten)

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt Problem mit Code (Box mit Registerkarten)

Beitrag von Elektra am So 1 Jul 2012 - 12:10

Hallo,
ich hatte versucht eine Box mit Registerkarten zu erstellen. So wie diese hier:

Spoiler:

Doch irgendwie will das nicht funktionieren. Sad
Bekomme es zwar hin das sie so aussieht, aber die lässt sich nicht umblättern auf die nächsten reiter.

So sieht mein Code aus
Code:
<div id="mes_onglets">
                                      <ul>
                                        <li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);"></li>
                                        <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);"></li>
                                        <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);"></li>
                                        <li id="o_4" class="mon_onglet" onclick="changeOnglet(this);"></li>
                                        <li id="o_5" class="mon_onglet" onclick="changeOnglet(this);"></li>
                                        <li id="o_6" class="mon_onglet" onclick="changeOnglet(this);"></li>
                                        <li id="o_7" class="mon_onglet" onclick="changeOnglet(this);"></li>
                                        <li id="o_8" class="mon_onglet" onclick="changeOnglet(this);"></li>
                                        <li id="o_9" class="mon_onglet" onclick="changeOnglet(this);"></li>
                                        <li id="o_10" class="mon_onglet" onclick="changeOnglet(this);"></li>
                                        <li id="o_11" class="mon_onglet" onclick="changeOnglet(this);"></li>
                                        <div class="clear">
                                          <div id="mes_contenus">
                                            <div id="co_1" class="mon_contenu"></div>
                                            <div id="co_2" class="mon_contenu" style="display: none;"></div>
                                            <div id="co_3" class="mon_contenu" style="display: none;"></div>
                                            <div id="co_4" class="mon_contenu" style="display: none;"></div>
                                            <div id="co_5" class="mon_contenu" style="display: none;"></div>
                                            <div id="co_6" class="mon_contenu" style="display: none;"></div>
                                            <div id="co_7" class="mon_contenu" style="display: none;"></div>
                                            <div id="co_8" class="mon_contenu" style="display: none;"></div>
                                            <div id="co_9" class="mon_contenu" style="display: none;"></div>
                                            <div id="co_10" class="mon_contenu" style="display: none;"></div>
                                            <div id="co_11" class="mon_contenu" style="display: none;"></div>
                                          </div>
                                        </div>
                                      </ul>
                                    </div>

Hoffe mir kann jemand helfen. Sad
LG
Elektra


Zuletzt von Elektra am So 1 Jul 2012 - 18:57 bearbeitet, insgesamt 2 mal bearbeitet

Elektra
Neuling
Neuling

Weiblich Beiträge : 6
Anmeldedatum : 16.07.10

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Problem mit Code (Box mit Registerkarten)

Beitrag von #Frank am So 1 Jul 2012 - 12:34

Wo hast du diesen Code her?
Das Bild scheint ja aus meinem Testforum zu sein.
Hast du das hier aus dem Support?
Hast du auch das Script und das dazugehörende CSS eingesetzt?



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34502
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Problem mit Code (Box mit Registerkarten)

Beitrag von Elektra am So 1 Jul 2012 - 13:16

Hallo Frank,
ich hatte mir einige Beiträge angeschaut und bin dann in einen beitrag über dein testforum gestolpert. Eigendlich wollte ich mir auch so ein Colorpicker erstellen und hab dann diese Box bei dir gesehen. Weil ich diese ganz schön fand hatte ich dann versucht eine selber zu machen. Das bild hatte ich mit Snipping Tool gemacht, weil ich nicht wusste wie ich am besten erklären soll was ich mit dieser Box meinte.

CSS hatte ich mit Opera geschaut wie der so aufgebaut ist und dann versucht mir einen anzupassen.

Code:
.mon_onglet{
          float: left;
          background-image: url("http://i40.servimg.com/u/f40/16/50/10/42/spaceb10.jpg");
          border: 1px solid #4B45FF;
          cursor: pointer;
          padding: 2px 10px;
          margin-right: 5px;
          color: #ADB1FF;
          margin-bottom: -1px;
          list-style: none;
          font-family: Verdana;
          font-size: 9pt;
        }
        .mon_onglet:hover{
          background-image: url("http://i40.servimg.com/u/f40/16/50/10/42/spaceb10.jpg");
          color: #ADB1FF;
          font-family: Veranda;
          font-size: 9pt;
        }
        .mon_onglet_selected{
          float: left;
          padding: 2px 10px;
          margin-right: 5px;
          color: #ADB1FF;
          background-image: url("http://i40.servimg.com/u/f40/16/50/10/42/spaceb10.jpg");
          border-top: 1px solid #4B45FF;
          border-bottom: 1px solid #4B45FF;
          border-right: 1px solid #4B45FF;
          border-left: 1px solid #4B45FF;
          cursor: pointer;
          margin-bottom: -1px;
          list-style: none;
          font-family: Veranda;
          font-size: 9pt;

        .mon_contenu{
          color: #ADB1FF;
          background-image: url("http://i40.servimg.com/u/f40/16/50/10/42/spaceb10.jpg");
          border: 1px solid #4B45FF;
          padding: 10px;
          line-height: normal;
          font-size: 11px;
          margin-top: -1px;}
        #mes_contenus, #mes_onglets{
          width: 830px;
          margin: auto;
          font-family: Veranda;
          font-size: 9pt;
}
        .clear{
          clear: both;
          font-family: Veranda;
          font-size: 9pt;
        }
Hoffe das ist ok. Sonst lasse ich das mit der Box sein. Neutral Das man einen script brauch wusste ich nicht... dachte der html und der css code würden reichen. Wenn das zu aufwändig sein sollte, lasse ich es lieber.
LG
Elektra

Elektra
Neuling
Neuling

Weiblich Beiträge : 6
Anmeldedatum : 16.07.10

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Problem mit Code (Box mit Registerkarten)

Beitrag von #Frank am So 1 Jul 2012 - 17:53

Nein, da ist auch noch ein Script dabei.
Es wurde auch hier schon mal erklärt, nur finde ich das im Moment nicht wieder. Ich habe schon alles was mir eingefallen ist gesucht...

Wenn jemand weis unter was der Beitrag gestanden hat, dann bitte mal einen Tip geben. Danke.

Edit: Dank Günther haben wir nun auch die Beschreibung dazu und auch wo du das Orginal findest.
http://hilfe.forumieren.com/t30208-tab-ansicht-changeonglet-spalten-menus-werden-falsch-angezeigt
Alles im ersten Beitrag von Cyborg. Nur in der Tabelle bei ihm ist ein Fehler. Aber weiter unten findest du die Tabelle aus meinem Testforum, die auf jeden Fall funktioniert.
Im ersten Beitrag im Spoiler findest du auch das CSS und auch das Script, das du dazu brauchst.
Du kannst das ruhig so übernehmen, weil das aus dem Französischen Support stammt.
Das ist auch der Grund warum die Bezeichnungen teilweise Französisch sind.

Noch mal Danke Günther, das du das wiedergefunden hast.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34502
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Problem mit Code (Box mit Registerkarten)

Beitrag von Elektra am So 1 Jul 2012 - 18:56

Dankeschön Very Happy
Das hat mir weiter geholfen.

Elektra
Neuling
Neuling

Weiblich Beiträge : 6
Anmeldedatum : 16.07.10

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Problem mit Code (Box mit Registerkarten)

Beitrag von darkgronaddel am So 1 Jul 2012 - 21:17

Icon wurde gesetzt, daher closed

darkgronaddel
Kaiser
Kaiser

Weiblich Beiträge : 2446
Hinweis : Wette gewonnen...es ist alles so vorhersehbar
Anmeldedatum : 16.08.09

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten