Registriere dich hier, um versteckte Bereiche sehen zu können, Highscores zu speichern oder Fragen zu stellen!

erweitertes Tabmenü

Adminbereich » Styles » Themes sind Stylesheets (CSS) Vorlagen (Farben, größen, Abstände (prosilver auch Grafiken))
Adminbereich » Styles » Templates sind HTML Vorlagen (wo was angezeigt wird und ob überhaupt)

subSilver und prosilver Styles - es gibt 2 Arten von Styles, hier alle im Überblick:
subSilver2 Styles: 610nm, AcidTech, Vista, bo2Soft, subsilver2, eTech, Serenity, vBoard, vLight, vPlasma, subBlack
prosilver Styles: BrownChocolate, WoWKing, Eliteblue, Glacier, GreenGrass, RedSunrise, prosilver
Kostenloses phpbb2 Forum
phpbb2 Forum Hosting
www.phpbb6.de
phpbb9 ist das Support Forum für unsere Hosting Services.Hilfe nur für Foren von Kostenloses-Forum.be, Userboard.org, plusBB, phpbb8.de, phpbb6.de, Gratis-Board.de und Forumo.de.
Du hast dein Forum nicht bei uns? Dann schaue dich um und siehe was du selbst völlig kostenlos machen könntest, gucke dir auch andere interessante Foren aus unserem Netzwerk an!
Du erhältst hier Tipps und Problemlösungen zu deinem Forum bei uns!

phpbb3
phpBB3 Forum Hosting
www.phpbb8.de
FollowersFollowers: 0
BookmarksBookmarks: 2
Views: 1163

erweitertes Tabmenü

Post#1by tonistoffel » 27.06.2012 16:02

Hallo,

ich hätte eine frage wie bekomme ich das hin mit dem untergeordneten Tabs im Tabmenü
hier ein Screen:
Image

Danke für eure Hilfe ;)
User avatar
tonistoffel
Lehrling
Lehrling
 
Posts: 18
Joined: 05.2012
Cash on hand: 871.43 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: None specified
Your Forum URL: www.ueo-nf.phpbb8.de
Forenstyle: mehrere in der Signatur angeben!

Re: erweitertes Tabmenü

Post#2by Lea » 27.06.2012 17:34

Schade, dass du nicht mal auf andere Antworten von uns eine Rückmeldung geben kannst, ob sie dir geholfen hat oder eben falsch verstanden wurde. :(

Zu deiner jetzigen Frage:
Da du keinen Style angegeben und demnach nicht einer der Styles hast, wo so ein erweitertes Menü eingebaut ist, musst du im Theme die class dazu anlegen und im overall_header Template die gewünschten Tabs.

Umfangreiche Kenntnisse in CSS und HTML wären bei so einem Einbau sehr günstig.
User avatar
Lea
Lebende Legende
Lebende Legende
 
Posts: 21204
Joined: 02.2016
Cash on hand: 250.00 Points
Thanks: 0
Thanked: 5 times in 1 post
Gender: None specified

Re: erweitertes Tabmenü

Post#3by tonistoffel » 27.06.2012 17:45

Entschuldigung :mrgreen: ich antworte nie wenn ich keine Fragen mehr habe denn ich kenne Foren die werden nach Supportantwort geschlossen. Und nach Antwort wieder geöffnet, dort ist es nicht gewünscht eine Antwort zu schreiben in der keine Frage ist oder wichtige information erhält.
Aber alle Antworten auf meine Fragen haben mir bisher geholfen ;)

Also nochmal an dickes fettes DANKE ;D

Aber eine Frage hätte ich denn noch könntest du mir ein STYLE nennen das diese Erweiterte Navigation beinhaltet ? =)
User avatar
tonistoffel
Lehrling
Lehrling
 
Posts: 18
Joined: 05.2012
Cash on hand: 871.43 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: None specified
Your Forum URL: www.ueo-nf.phpbb8.de
Forenstyle: mehrere in der Signatur angeben!

Re: erweitertes Tabmenü

Post#4by Lea » 27.06.2012 18:20

Wenn du nichts schreiben willst, dann kannst du ja den "Daumen" klicken, das tut auch garantiert nicht weh. ;)

Unsere Styles mit dem erweiterten Tabmenü sind:
Glacier
Magic
Magic Green Bright
User avatar
Lea
Lebende Legende
Lebende Legende
 
Posts: 21204
Joined: 02.2016
Cash on hand: 250.00 Points
Thanks: 0
Thanked: 5 times in 1 post
Gender: None specified

Re: erweitertes Tabmenü

Post#5by tonistoffel » 27.06.2012 19:10

Ich habe jetzt aus dem internet eine so genannte "Dynamische Funktion" und statt im forum einzubauen möchte ich diese auf eine "Eigenen Seite(Homepage)" doch wenn ich diesen code einfüge scheint er ein paar fehler auf zuweisen..die Menüleiste sollte nach unten geordnet sein
oder füge ich den code falsch ein ? schließlich beinhaltet es auch css.

Syntax: [ Raw ] [ Download ] [ Verstecken ]
php Code
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
  4. <head>
  5. <title>Dynamische Navigationsleiste</title>
  6.  
  7. <style type="text/css">
  8.   div#Tmenu {
  9.    font-size: 94%;
  10.     width: 39.8em;
  11.     padding: 0.8em;
  12.     border: 1px solid white;
  13.     background-color: #eee;
  14.  }
  15.   * html div#Tmenu {
  16.    width: 41.4em;
  17.     w\idth: 39.8em;  /* IE 6 in standards-compliant mode */
  18.   }
  19.   div#Tmenu div {
  20.    clear: left;
  21.   }
  22.   ul#Navigation {
  23.    margin: 0; padding: 0;
  24.     text-align: center;
  25.   }
  26.  
  27.   ul#Navigation li {
  28.    list-style: none;
  29.     float: left;
  30.     position: relative;
  31.     margin: 0.4em; padding: 0;
  32.   }
  33.   * html ul#Navigation li {
  34.    margin-bottom: -0.4em;
  35.   }
  36.  
  37.   ul#Navigation li ul {
  38.    margin: 0; padding: 0;
  39.     position: absolute;
  40.     top: 1.7em; left: -0.4em;
  41.   }
  42.   * html ul#Navigation li ul {
  43.    left: -1.5em;
  44.     lef\t: -0.4em;
  45.   }
  46.   ul#Navigation li ul li {
  47.    float: none;
  48.     display: block;
  49.     margin-top: 0.2em; margin-bottom: 0.2em;
  50.   }
  51.  
  52.   ul#Navigation a, ul#Navigation span {
  53.    display: block;
  54.     width: 7em;
  55.     font-family: "Trebuchet MS", "Century Gothic", Helvetica, Arial, sans-serif;
  56.     text-decoration: none; font-weight: bold;
  57.     padding: 0.23em 0.97em 0.17em 1.03em;
  58.     border: 1px solid #600;
  59.    border-left-color: #ea0; border-top-color: #ea0;
  60.    color: white; background-color: #c00;
  61.  }
  62.   * html ul#Navigation a, * html ul#Navigation span {
  63.    width: 9.2em;
  64.     w\idth: 7em;  /* IE 6 in standards-compliant mode */
  65.   }
  66.   ul#Navigation a:hover, ul#Navigation span, li a#aktuell:hover {
  67.    padding: 0.17em 1.03em 0.23em 0.97em;
  68.     border-color: #ea0;
  69.    border-left-color: #900; border-top-color: #900;
  70.    background-color: #e00;
  71.  }
  72.   ul#Navigation li ul a:hover {
  73.    border-color: #900;
  74.  }
  75.   li a#aktuell {
  76.    border-right-color: #300; border-bottom-color: #300;
  77.    background-color: #900;
  78.  }
  79.   ul#Navigation li ul span {
  80.    border-right-color: #c96; border-bottom-color: #c96;
  81.    color: #900; background-color: white;
  82.  }
  83.   ul#Navigation li a:active, ul#Navigation li:hover a:active {
  84.    color: black; background-color: #f00;
  85.  }
  86.  
  87. /* dynamisches Ein-/Ausblenden */
  88.   ul#Navigation li ul {
  89.    display: none;
  90.   }
  91.   ul#Navigation li:hover ul {
  92.    display: block;
  93.     background: #eee;
  94.  }
  95. </style>
  96.  
  97. <!--[if IE]>
  98. <script type="text/javascript">
  99. // <![CDATA[
  100. if(window.navigator.systemLanguage && !window.navigator.language) {
  101.   function hoverIE() {
  102.     var LI = document.getElementById("Navigation").firstChild;
  103.     do {
  104.       if (sucheUL(LI.firstChild)) {
  105.         LI.onmouseover=einblenden; LI.onmouseout=ausblenden;
  106.       }
  107.       LI = LI.nextSibling;
  108.     }
  109.     while(LI);
  110.   }
  111.  
  112.   function sucheUL(UL) {
  113.     do {
  114.       if(UL) UL = UL.nextSibling;
  115.       if(UL && UL.nodeName == "UL") return UL;
  116.     }
  117.     while(UL);
  118.     return false;
  119.   }
  120.  
  121.   function einblenden() {
  122.     var UL = sucheUL(this.firstChild);
  123.     UL.style.display = "block"; UL.style.backgroundColor = "#eee";
  124.   }
  125.   function ausblenden() {
  126.     sucheUL(this.firstChild).style.display = "none";
  127.   }
  128.  
  129.   window.onload=hoverIE;
  130. }
  131. // ]]>
  132. </script>
  133. <![endif]-->
  134.  
  135. </head>
  136. <body>
  137.  
  138. <div id="Tmenu">
  139.   <ul id="Navigation">
  140.     <li><a id="aktuell" href="#Beispiel">Seite 1</a>
  141.       <ul>
  142.         <li><span>aktuelle Seite</span></li>
  143.         <li><a href="#Beispiel">Seite 1b</a></li>
  144.         <li><a href="#Beispiel">Seite 1c</a></li>
  145.         <li><a href="#Beispiel">Seite 1d</a></li>
  146.       </ul>
  147.     </li>
  148.     <li><a href="#Beispiel">Seite 2</a></li>
  149.     <li><a href="#Beispiel">Seite 3</a>
  150.       <ul>
  151.         <li><a href="#Beispiel">Seite 3a</a></li>
  152.         <li><a href="#Beispiel">Seite 3b</a></li>
  153.         <li><a href="#Beispiel">Seite 3c</a></li>
  154.       </ul>
  155.     </li>
  156.     <li><a href="#Beispiel">Seite 4</a></li>
  157.   </ul>
  158.   <div></div>
  159. </div>
  160.  
  161. </body>
  162. </html>
User avatar
tonistoffel
Lehrling
Lehrling
 
Posts: 18
Joined: 05.2012
Cash on hand: 871.43 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: None specified
Your Forum URL: www.ueo-nf.phpbb8.de
Forenstyle: mehrere in der Signatur angeben!

Re: erweitertes Tabmenü

Post#6by Lea » 27.06.2012 21:14

Auf jeden Fall darfst du nur den Code zwischen <body> bis </body> nehmen.

Allerdings wird im Editor das <style> zu <p>, da der Editor eigentlich nicht für diese Codes ausgelegt ist.

Es ist der Technik gemeldet und ich muss dich um Geduld bitten, ob es möglich ist, den Editor zu umzuprogrammieren, dass er das <style> nicht löscht.

Im Moment ist dieser Code leider nicht so, wie du es wünscht, einzusetzen.
User avatar
Lea
Lebende Legende
Lebende Legende
 
Posts: 21204
Joined: 02.2016
Cash on hand: 250.00 Points
Thanks: 0
Thanked: 5 times in 1 post
Gender: None specified

Re: erweitertes Tabmenü

Post#7by tups » 28.06.2012 00:56

Wenn ich mich mal einmischen darf.....

Du brauchst von dem Code, den du hier gepostet hast, nur etwas mehr als die Hälfte.

Setze diesen Teil, und nur diesen Teil in den html-editor der eigenen Seiten
Code: Select all
<div id="Tmenu">
<ul id="Navigation">
<li><a href="#Beispiel">Seite 1</a>
<ul>
<li><span>aktuelle Seite</span></li>
<li><a href="#Beispiel">Seite 1b</a></li>
<li><a href="#Beispiel">Seite 1c</a></li>
<li><a href="#Beispiel">Seite 1d</a></li>
</ul>
</li>
<li><a href="#Beispiel">Seite 2</a></li>
<li><a href="#Beispiel">Seite 3</a>
<ul>
<li><a href="#Beispiel">Seite 3a</a></li>
<li><a href="#Beispiel">Seite 3b</a></li>
<li><a href="#Beispiel">Seite 3c</a></li>
</ul>
</li>
<li><a href="#Beispiel">Seite 4</a></li>
</ul>
<div></div>
</div>


und diesen Teil, setzt du ins Theme deines Styles
Code: Select all
div#Tmenu {
    font-size: 94%;
    width: 35%;
    padding: 0.8em;
    border: 1px solid white;
    background-color: #eee;
  }
* html div#Tmenu {
   width: 41.4em;
    w\idth: 39.8em;  /* IE 6 in standards-compliant mode */
  }
  div#Tmenu div {
    clear: left;
  }
  ul#Navigation {
    margin: 0; padding: 0;
    text-align: center;
  }

  ul#Navigation li {
    list-style: none;
    float: left;
    position: relative;
    margin: 0.4em; padding: 0;
  }
  * html ul#Navigation li {
    margin-bottom: -0.4em;
  }

  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 1.7em; left: -0.4em;
  }
  * html ul#Navigation li ul {
    left: -1.5em;
    lef\t: -0.4em;
  }
  ul#Navigation li ul li {
    float: none;
    display: block;
    margin-top: 0.2em; margin-bottom: 0.2em;
  }

  ul#Navigation a, ul#Navigation span {
    display: block;
    width: 7em;
    font-family: "Trebuchet MS", "Century Gothic", Helvetica, Arial, sans-serif;
    text-decoration: none; font-weight: bold;
    padding: 0.23em 0.97em 0.17em 1.03em;
    border: 1px solid #600;
    border-left-color: #ea0; border-top-color: #ea0;
    color: white; background-color: #c00;
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 9.2em;
    w\idth: 7em;  /* IE 6 in standards-compliant mode */
  }
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell:hover {
    padding: 0.17em 1.03em 0.23em 0.97em;
    border-color: #ea0;
    border-left-color: #900; border-top-color: #900;
    background-color: #e00;
  }
  ul#Navigation li ul a:hover {
    border-color: #900;
  }
  li a#aktuell {
    border-right-color: #300; border-bottom-color: #300;
    background-color: #900;
  }
  ul#Navigation li ul span {
    border-right-color: #c96; border-bottom-color: #c96;
    color: #900; background-color: white;
  }
  ul#Navigation li a:active, ul#Navigation li:hover a:active {
    color: black; background-color: #f00;
  }

/* dynamisches Ein-/Ausblenden */
  ul#Navigation li ul {
    display: none;
  }
  ul#Navigation li:hover ul {
    display: block;
    background: #eee;
  }


Dann sieht es so aus
menue.png

Alles andere brauchst du nicht, weder <style> noch das Java-Script.
Allerdings würde ich dir empfehlen nach einem anderen Script für ein Menu Ausschau zu halten, oder dieses sehr gut zu überarbeiten.
Die Breite solltest du auch nicht in "em" angeben, sondern in px oder %
Ich habe dir mal im oberen Teil, gleich zu Anfang die Breite (width:) angegeben.
You do not have the required permissions to view the files attached to this post.
Image
User avatar
tups
Supporter im Ruhestand
Supporter im Ruhestand
 
Posts: 7019
Joined: 06.2009
Cash on hand: 100,578.29 Points
Bank: 125,443.10 Points
Thanks: 561
Thanked: 1770 times in 1468 posts
Gender: Male

Re: erweitertes Tabmenü

Post#8by Teamleiter & Techniker Gooof » 28.06.2012 01:59

Der Code kann nun ohne Probleme eingefügt werden. Der Editor wurde zudem auf die neuste Version geupdated.
Bitte trotzdem drauf achten was die beiden vor mir gesagt haben.
Kostenloses phpBB3 Foren Hosting - Entwickler | Hosting | Admin :Pingouin02:
User avatar
Teamleiter & Techniker Gooof
Foren Doktor
Foren Doktor
 
Posts: 30245
Joined: 12.2005
Cash on hand: 3,407.07 Points
Bank: 27,118.15 Points
Location: phpbb9.de
Thanks: 1228
Thanked: 3422 times in 1909 posts
Highscores: 226
Gender: Male
Your Forum URL: http://support.phpbb8.de
Forenstyle: prosilver Special Smooth *

Re: erweitertes Tabmenü

Post#9by tonistoffel » 28.06.2012 10:24

ok dankeschön für die schnelle Hilfe
ich habe es jetzt hinbekommen und in theme eingefügt unter
/* Tmenu
---------------------------------------- */

bloß die anordnung genau haut nicht ganz hin
Image
ich werde noch etwas selbst rum tüffteln und hoffen das ich die anordnung hinbekomme
User avatar
tonistoffel
Lehrling
Lehrling
 
Posts: 18
Joined: 05.2012
Cash on hand: 871.43 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: None specified
Your Forum URL: www.ueo-nf.phpbb8.de
Forenstyle: mehrere in der Signatur angeben!

Re: erweitertes Tabmenü

Post#10by tonistoffel » 28.06.2012 11:49

abgesehen davon scheint etwas mit dem HTML-Editor nicht ganz zu stimmern wenn man ihn öffnet zeigt er nicht das an was schon auf der seite geschrieben steht... sondern er ist leer und Aktualisierungs und Abrechen Button sind nur im Vollbild modus des Editors zu sehen. (;
User avatar
tonistoffel
Lehrling
Lehrling
 
Posts: 18
Joined: 05.2012
Cash on hand: 871.43 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: None specified
Your Forum URL: www.ueo-nf.phpbb8.de
Forenstyle: mehrere in der Signatur angeben!

Re: erweitertes Tabmenü

Post#11by tups » 28.06.2012 20:44

Das kann ich jetzt nicht ganz nachvollziehen. Ich habe jetzt beide Varianten getestet und es gibt keinerlei Probleme.

Hast du den Code irgendwie verändert? sodass der Editor das nicht richtig umsetzen kann.
Hast du irgendwelche Scrpit- oder Werbeblocker aktiviert?
Hast du es schon mal einen anderen Browser getestet, ob das Problem da auch besteht?

Ansonsten lösche die Seite nochmal und fange nochmal Neu an das Script einzufügen.


Zu deinem anderen Problem, das die Navigation nicht richtig funktioniert:
Das geht auch nur problemlos auf 2 Variationen.
1)
alle Button nebeneinander

2)
Du legst die beiden Button, ohne Untermenü, nach oben, und die beiden anderen dann darunter.

Oder sogar doch noch eine 3. Möglichkeit:
Du suchst dir, wie ich ja schon empfohlen hatte, ein anderes Script für ein Menü.
Image
User avatar
tups
Supporter im Ruhestand
Supporter im Ruhestand
 
Posts: 7019
Joined: 06.2009
Cash on hand: 100,578.29 Points
Bank: 125,443.10 Points
Thanks: 561
Thanked: 1770 times in 1468 posts
Gender: Male

Re: erweitertes Tabmenü

Post#12by Premium Mitglieder Tautropfen » 13.01.2013 16:19

Hallo Zusammen,
hoffe ich darf hier mein Anliegen posten.
Ich wäre sehr froh, wenn mir einer helfen könnte.

Ich würde gern eine ausklappbare Navigation in mein Portal einbauen und brauche da Hilfe.

Hatte die Navigation im overall Header eingefügt (im green gras Style)
Die Navigation funktioniert nicht richtig und hatte zur Folge, dass in Firefox und Safari das ganze Forum verschoben war.
Auch gab es immer mal so Probleme beim aufklappen. Sah aus wie ein Wackelkontakt.
Und wie kann ich noch Unterpunkte erstellen, also Subforen? Weiß bisher dass es mit dem Befehl (li, und ul) sein müsste, weiß aber nicht wie ich das verbinden kann.
Ich bin kein guter CSS Kenner und auch HTML kenne ich in den Grundzügen.
Auf diversen Internetseiten wie Self-Html fand ich keine Lösung für mein Problem und bei der Forensuche auch nicht.

Ich wäre froh wenn sich jemand meiner Problematik annehmen könnte, weil ich dringend eine neue Navigation brauche, weil das Forum mittlerweile sehr groß ist und vieles untergeht, wenn es nicht direkt in der Navigation ersichtlich ist.

Wo genau muss ich diese HTML Datei einbauen und auch die CSS?

Hatte es auch schon im Footer versucht und auch in der body index des Portals.

Wichtig ist auch, dass Gäste die Navigation nicht sehen können oder nur die Bereiche sehen können wo sie für freigeschaltet sind.

Hier der begonnene HTML Code.
Syntax: [ Raw ] [ Download ] [ Verstecken ]
html4strict Code
  1. <div class="menu">Extras
  2. <span>
  3.  
  4. <a href="http://server4.webkicks.de/sterntreff/">Chattreff</a>
  5. </span>
  6. </div>
  7.  
  8. <div class="menu">Grundsätzliches
  9. <span>
  10. <a href="http://schreieohneworte.phpbb8.de/regeln-dieses-portals/das-wichtigste-zum-forum-t7.html">Forenregeln</a>
  11. <a href="http://schreieohneworte.phpbb8.de/das-team-stellt-sich-vor-teampostkasten/">Das Team</a>
  12. <a href="http://schreieohneworte.phpbb8.de/boardregeln-gastebereich/">Für unsere Gäste</a>
  13. <a href="http://schreieohneworte.phpbb8.de/forennews/">Forennews</a>
  14. <a href="http://schreieohneworte.phpbb8.de/support-und-administratives/">Forumsbetreuung</a>
  15. <a href="http://schreieohneworte.phpbb8.de/support-hilfe/">Support/Hilfe</a>
  16. <a href="http://schreieohneworte.phpbb8.de/umfragen-abstimmungen/">Umfragen/Abstimmungen</a>
  17. </span>
  18. </div>
  19.  
  20. <div class="menu">Helfer/Angehörige
  21. <span>
  22. <a href="http://schreieohneworte.phpbb8.de/helfer-partner-freunde-interessierte/">Partner/Freunde/Interessierte</a>
  23. <a href="http://schreieohneworte.phpbb8.de/treffpunkt-fur-professionelle-helfer/">Professionelle-Helfer</a>
  24. </span>
  25. </div>
  26.  
  27. <div class="menu">Medienpool
  28. <span>
  29. <a href="http://schreieohneworte.phpbb8.de/vernetzungsangbote-projektvorstellungen-planungen-ideen/">Vernetzung/Planungen</a>
  30. <a href="http://schreieohneworte.phpbb8.de/fachtagungen-veranstaltungshinweise/">Tagungshinweise</a>
  31. <a href="http://schreieohneworte.phpbb8.de/mitmachprojekte-anfragen-betroffene-professionelle-angebote/">Mitmachprojekte/Angebote</a>
  32. <a href="http://schreieohneworte.phpbb8.de/neuigkeiten-aus-den-medien/">Medien-News</a>
  33. <a href="http://schreieohneworte.phpbb8.de/wissenschaftliche-auseinandersetzung/">Wissenschaft</a>
  34. <a href="http://schreieohneworte.phpbb8.de/buchcorner-fachliches-fur-professionelle-hilfreiches-fur-betroffene/">Bücherladen</a>
  35. <a href="http://schreieohneworte.phpbb8.de/mediathek-zum-thema-rituelle-gewalt-kinderpornografie-mind-control/">Filmediathek</a>
  36. </span>
  37. </div>
  38. <div class="menu">Spezial-rituelle Gewalt
  39. <span>
  40. <a href="http://schreieohneworte.phpbb8.de/rituelle-gewalt-folter-menschenhandel-satanismus/">Rituelle Gewalt, Folter, Menschenhandel, Satanismus</a>
  41. <a href="http://schreieohneworte.phpbb8.de/rituelle-gewalt-aktuell/">Rituelle Gewalt "aktuell"</a>
  42. <a href="http://schreieohneworte.phpbb8.de/ausstiegsansatze-von-claudia-flisz-michaela-huber/">Ausstiegsansätze</a>
  43. <a href="http://schreieohneworte.phpbb8.de/adressen-von-hilfsstellen-fur-betroffene-und-angehorige-ritueller-gewalt/">Adressen/Hilfsstellen</a>
  44. <a href="http://schreieohneworte.phpbb8.de/zwangsprostitution-kinderpornographie/">Zwangprostitution/Kinderporno</a>
  45. <a href="http://schreieohneworte.phpbb8.de/rituelle-gewalt-uberlebt-opfer-begleitet/">Rituelle Gewalt überlebt? Opfer begleitet?</a>
  46. <a href="http://schreieohneworte.phpbb8.de/gedichte-gedanken-und-kreatives-zum-thema/">Gedichte, Gedanken und Kreatives zum Thema</a>
  47.  
  48. </span>
  49. </div>
  50.  
  51. <div class="menu">Mitgliedertreffpunkt
  52. <span>
  53. <a href="http://schreieohneworte.phpbb8.de/vorstellungen-unserer-mitglieder/">Mitgliedervorstellung</a>
  54. <a href="http://schreieohneworte.phpbb8.de/kaffeeklatsch/">Kaffeeklatsch</a>
  55. <a href="http://schreieohneworte.phpbb8.de/kontaktecke/">Kontaktecke</a>
  56. <a href="http://schreieohneworte.phpbb8.de/spiel-spasz/">Spiel und Spaß</a>
  57. <a href="http://schreieohneworte.phpbb8.de/konfliktmanagement/">Konfliktmanagement</a>
  58. <a href="http://schreieohneworte.phpbb8.de/tagebucher/">Tagebücher</a>
  59. </span>
  60. </div>


Und hier der CSS Code

Syntax: [ Raw ] [ Download ] [ Verstecken ]
css Code
  1. .pos {
  2.  position:absolute; /* Menue Position, Standard = Links/Oben. Für Rechts einfach ein right:[x]px; hinzufügen! [x] steht dabei für die Pixel, z.B right:8px; Weitere Positionsanpassungen: top:[x]px; (Abstand oben) left:[x]px; (Abstand links) bottom:[x]px; (Abstand unten) Auch Prozent(%) Angaben sind möglich! */
  3.  }
  4.  .menu a{
  5.  color:#fff; /* Link Farbe */
  6.  text-decoration: none;
  7.  }
  8.  .menu a:hover{
  9.  color:#333; /* Link Farbe bei Mouseover */
  10.  }
  11.  .menu{
  12.  color:#fff; /* Text Farbe */
  13.  padding:4px 15px;
  14.  float:left;
  15.  background:#FF6600; /* Menue Hintergrundfarbe */
  16.  font:11px Verdana, Sans-Sherif; /* Schrift */
  17.  font-weight:bold;
  18.  border:1px dotted #fff; /* Hauptmenue Border/Farbe */
  19.  margin:0px 3px 0px 3px; /* Abstand zwischen den Menues */
  20.  cursor:pointer;
  21.  }
  22.  .menu span{
  23.  display:none;
  24.  margin-top:4px;
  25.  }
  26.  .menu:hover span{
  27.  display:block;
  28.  z-index:2;
  29.  }
  30.  .menu span a{
  31.  display:block;
  32.  text-align:left; /* Ausrichtung der Links im Menue (right, left oder center) */
  33.  border-top:1px dotted #fff; /* Sub-Menue Border/Farbe */
  34.  padding:3px 0px 3px 0px;
  35.  }


Liebe Grüße und danke fürs lesen,
Tautropfen :kaffee:
User avatar
Premium Mitglieder Tautropfen
eingestellter User
eingestellter User
 
Posts: 57
Joined: 12.2010
Cash on hand: 1,739.32 Points
Thanks: 12
Thanked: 0 time in 0 post
Gender: None specified
Forenstyle: GreenGrass

Re: erweitertes Tabmenü

Post#13by tups » 13.01.2013 18:41

Tautropfen wrote:Hatte die Navigation im overall Header eingefügt (im green gras Style)

Was auch absolut richtig war.

Tautropfen wrote:Die Navigation funktioniert nicht richtig und hatte zur Folge, dass in Firefox und Safari das ganze Forum verschoben war.

Das liegt daran, dass der Code an falscher Stelle im overall_header eingefügt wurde. Das Problem besteht auch nicht nur im FF und Safari.

Tautropfen wrote:Auch gab es immer mal so Probleme beim aufklappen. Sah aus wie ein Wackelkontakt.

Kann ich nicht nachvollziehen, aber ich nehme mal an das es an dem falschen Einbau lag.

Tautropfen wrote:Und wie kann ich noch Unterpunkte erstellen, also Subforen? Weiß bisher dass es mit dem Befehl (li, und ul) sein müsste, weiß aber nicht wie ich das verbinden kann.

Das wird jetzt etwas schwierig. Da es sich hier um eine Fremdscript handelt, welches nicht supportet wird. Du bekommst von uns Hilfe beim Einbau, aber nicht beim Umschreiben dieses Scriptes. Zumal das auch problematisch wird, da du dich mit html und css nicht auskennst.
Du musst das ul und li in den css-Daten auch noch definieren, sonst kannst du es nicht im Menu einbringen, und auch das Menu muss anders aufgebaut werden.

Tautropfen wrote:Wo genau muss ich diese HTML Datei einbauen und auch die CSS?

Wo du die HTML-Daten genau einfügen musst, hängt davo ab wo du das Menu haben willst.... auf jeden Fall im overall_header.html deines Style.
Die CSS-Daten füge ganz am Ende des Theme deines Style ein.

Tautropfen wrote:Wichtig ist auch, dass Gäste die Navigation nicht sehen können oder nur die Bereiche sehen können wo sie für freigeschaltet sind.

Wenn Gäste die Navigation nicht sehen sollen, dann füge am Anfang des Menu folgendes ein
Code: Select all
<!-- IF S_USER_LOGGED_IN -->

und ganz am Ende des Menu füge noch folgendes ein
Code: Select all
<!-- ENDIF -->

Damit ist das Menu jetzt nur für eingeloggte User zu sehen.

Tautropfen wrote:Ich wäre froh wenn sich jemand meiner Problematik annehmen könnte, weil ich dringend eine neue Navigation brauche,

Ich kann dir da nur empfehlen, dich im Netz nach einem anderen Script umzusehen, welches deine Bedingungen und Anforderungen entspricht. Auch gibt es viele, kostenlose, Navigationsgeneratoren die dir das Script nach deinen Wünschen erstellen.

Solltest du dann beim Einbau Schwierigkeiten haben, so kannst du gerne nochmal hier Fragen.
Image
User avatar
tups
Supporter im Ruhestand
Supporter im Ruhestand
 
Posts: 7019
Joined: 06.2009
Cash on hand: 100,578.29 Points
Bank: 125,443.10 Points
Thanks: 561
Thanked: 1770 times in 1468 posts
Gender: Male

Re: erweitertes Tabmenü

Post#14by Premium Mitglieder Tautropfen » 15.01.2013 13:32

Hey Tups,
danke für deine Antwort für mich und die Hilfestellung wie ich einen Link unsichtbar machen kann für nicht eingeloggte Mitglieder. Ich glaube ich kapituliere mit dem Menue, da ich ohne Hilfe das wahrscheinlich nicht hinbekomme. Habe jetzt die letzten Tage im Netz nach Menus gesucht und egal welches ich probeweise mäßig umgeschrieben hatte und dann eingebaut, funtkionierten sie nicht oder waren ganz oben im Forum anstatt dort wo die Buttons sonst sind. habe dann alles wieder gelöscht.
Kannst du mir vielleicht eine Seite oder ein Forum empfehlen wo ich Hilfe bekomme, beim erstellen des Menues. Ich schaffe das nicht allein, weil ich das CSS nicht verstehe. Hatte mal einen HTML-ONlinekurs gemacht aber so ein Dropdownmenue mit Unterlinks ohne Java kriege ich nicht erstellt.

Wäre froh, wenn du mir Tipps geben könntest.

Liebe Grüße,
Tautropfen
User avatar
Premium Mitglieder Tautropfen
eingestellter User
eingestellter User
 
Posts: 57
Joined: 12.2010
Cash on hand: 1,739.32 Points
Thanks: 12
Thanked: 0 time in 0 post
Gender: None specified
Forenstyle: GreenGrass

Re: erweitertes Tabmenü

Post#15by tups » 16.01.2013 22:12

Wenn du doch jetzt ein, für dich, passendes Menu gefunden hast, dann poste dieses doch mal..... Beim Einbau kann dir dann bestimmt geholfen werden, damit es dort auftaucht wo du es haben willst... wenn machbar.
Image
User avatar
tups
Supporter im Ruhestand
Supporter im Ruhestand
 
Posts: 7019
Joined: 06.2009
Cash on hand: 100,578.29 Points
Bank: 125,443.10 Points
Thanks: 561
Thanked: 1770 times in 1468 posts
Gender: Male

Next

Return to "phpBB3: Styles, Themes und Templates"


 

Who is online

Users browsing this forum: No registered users and 1 guest

Besucher kamen durch folgende Suchbegriffe auf diese Seite:

phpbb tabs einblenden ausblenden