Thread Verfasser: typhoon
Thread ID: 68
Thread Info
Es gibt 43 Beiträge zu diesem Thema, und es wurde 24696 Mal angesehen.  Ausserdem wurden Dateien angehängt.

 Thema drucken
Dropdown Menü
typhoon
Moin! Super Seite die Ihr hier geschaffen habt.. Mir ist noch aufgefallen das Layzee sein Name als Absender steht, soll das so sein?


Mein Frage:

Wo kriege ich so ein ordenlich Dropdown menü wie bei euch? Das was ich habe (Deluxe Infusion) ist zwar gut, aber nicht so schön. GIbst alternativen ?


www.bremer-szene.de
 
ThickBox
Sowas ähnliches kannst du hier als Demo z.B. sehen: http://view.jqueryui.com/menubar/demo...l#Encoding

Beschreibung dazu findest du hier: http://wiki.jqueryui.com/w/page/38666...03/Menubar
Aktuell inaktiv seit 12/2013 wegen privaten Gründen!
 
typhoon
Hey. Ich dachte Ihr habt sowas schon fertig liegen, schade.. Trotzdem danke..
 
Sina
hab das hier gefunden grade DeLuxe Dropdown Menu v1.2: http://www.php-fusion.co.uk/infusions...don_id=534
https://www.youtube.com/watch?v=uT-hB...T-hBZXTwEI

Ein Themes Freak erstellerin (lernerin).
 
typhoon
Hey, danke dir! Das benutze ich allerdings schon.. Aber die Optik von dieser Seite hier hätte ich als Idial gefunden.
 
Sina
kannst dir doch anpassen wie du das haben willst.
https://www.youtube.com/watch?v=uT-hB...T-hBZXTwEI

Ein Themes Freak erstellerin (lernerin).
 
DJ Vampire
navi.php erstellen. Dies einfügen dort:

Code 

<style type="text/css">
   #navMenu {
      margin:0;
      padding:0;
      position:relative;
      left: 50%;
      width: 900px;
      margin-left: -450px;
      z-index:9999;
   <!---position: relative;--->

   }
   #navMenu ul{
      margin:0;
      padding:0;
      line-height:30px;
      position:relative;
      background-color:#fff8f5;


   }
   #navMenu li{
      margin:0;
      padding:0;
      list-style:none;
      position:relative;
      float:left;
      width:112px;
      font-size:.8em;

   }
   #navMenu ul li a {
      <!---font-family:Calibri;--->
      text-decoration:none;
      text-align:center;
      height:30px;
      width:112px;
      display:block;

   }
   #navMenu ul ul {
      position:absolute;
      top:30px;
      visibility:hidden;
   }
   #navMenu ul li:hover ul {
      visibility:visible;
   }
   #navMenu ul ul li:hover {
      background:#efe6d4;
   }
</style>
<?php
echo "<div id='navMenu'>

      <ul>";

echo "      <li><a href='".BASEDIR."index.php'>Startseite</a></li>

         <li ><a href='#'>Navioberpunk 1</a>
            <ul>
               <li><a href='".FORUM."index.php'>Forum</a></li>
               <li><a href='".BASEDIR."contact.php'>Kontakt</a></li>
               <li><a href='".BASEDIR."search.php'>Suche</a></li>
            </ul>
         </li>";
         if (iMEMBER) {
echo "      <li style='font-size:1.5em'><a href='#'><font color='#efe6d4'>Mitglieder</font></a>
            <ul>
               <li><a href=''>Mitgliederpunkt1</a></li>
               <li><a href=''>>Mitgliederpunkt2</a></li>
               <li><a href=''>>Mitgliederpunkt3</a></li>
            </ul>
         </li>";
         }

        </ul>

     </div>
     ";

?>



in der theme.php ziemlich am Anfang includen. Links und Farben in der Navi natürlich anpassen. Sollte dann gehen.
 
typhoon
Ja das ist richtig, aber dafür reichen meine CSS kenntnisse nicht ganz aus.

Danke, hatte deinen Beitrag eben nicht gesehen, haben wir wohl beide gleichzeitig gepostet. mit welchne code kann ich includen ?

Lg
 
Sina
damit sollte es auch gehen;

Code 

require_once THEME."navi.php";


https://www.youtube.com/watch?v=uT-hB...T-hBZXTwEI

Ein Themes Freak erstellerin (lernerin).
 
typhoon
Das klappt, aber leider gibst in zeile 77 Probleme der Navi.php

Code 

Parse error: syntax error, unexpected '<' in /www/htdocs/w0114e24/szene/themes/Bremer-Szene/navi.php on line 76

 
Sina
geh mal in zeile 74 udn lösche mal "; das raus
https://www.youtube.com/watch?v=uT-hB...T-hBZXTwEI

Ein Themes Freak erstellerin (lernerin).
 
typhoon
Klappt leider nicht :/

Zusammengefügt am 08. Dezember 2013 um 23:22:12:
Hat jetzt geklappt.. aber das ist ja nur "rohbau" wollte sie auch schon gerne fertig haben so wie hier Dickeslachen
Bearbeitet von typhoon am 08.12.2013 um 23:22
 
Sina
Hier mir kannst du doch rumspielen man muss es nur testen:

Code 

<style type="text/css">
   #navMenu {
      margin:0;
      padding:0;
      position:relative;
      left: 50%;
      width: 900px;
      margin-left: -450px;
      z-index:9999;
   <!---position: relative;--->

   }
   #navMenu ul{
      margin:0;
      padding:0;
      line-height:30px;
      position:relative;
      background-color:#fff8f5;


   }
   #navMenu li{
      margin:0;
      padding:0;
      list-style:none;
      position:relative;
      float:left;
      width:112px;
      font-size:.8em;

   }
   #navMenu ul li a {
      <!---font-family:Calibri;--->
      text-decoration:none;
      text-align:center;
      height:30px;
      width:112px;
      display:block;

   }
   #navMenu ul ul {
      position:absolute;
      top:30px;
      visibility:hidden;
   }
   #navMenu ul li:hover ul {
      visibility:visible;
   }
   #navMenu ul ul li:hover {
      background:#efe6d4;
   }
</style>



Zusammengefügt am 08. Dezember 2013 um 23:47:52:
Hab mal fix was gemacht weiter musst du machen:

Code 

<style type="text/css">
   #navMenu {
      margin:0;
      padding:0;
      position:relative;
      left: 50%;
      width: 900px;
      margin-left: -450px;
      z-index:9999;
   <!---position: relative;--->

   }
   #navMenu ul{
      margin:0;
      padding:0;
      line-height:30px;
      position:relative;
     color: #fff;


   }
   #navMenu li{
      margin:0;
      padding:0;
      list-style:none;
      position:relative;
      float:left;
      width:112px;
      font-size:.9em;
background:#000;
   }
   #navMenu ul li a {
      padding: 0.50em 0 0.50em 0.1em;
     transition: padding-left 250ms ease-out;
     color: #d2d0d0;
      text-decoration:none;
      text-align:center;
      height:50px;
      width:112px;
      display:block;
    
   }
   #navMenu li a{
   color: #fff;
   }
   #navMenu ul ul {
      position:absolute;
      top:30px;
      visibility:hidden;
   }
   #navMenu ul li:hover ul {
      visibility:visible;
   }
    #navMenu ul ul li:hover {
      background:#2d94d7;
    
   }


Bearbeitet von Sina am 08.12.2013 um 23:47
https://www.youtube.com/watch?v=uT-hB...T-hBZXTwEI

Ein Themes Freak erstellerin (lernerin).
 
Dat Tunes
Die Navigation wie Sie hier zu finden ist, bekommt man so nicht im Netz als Download.
Sie ist fester bestandteil des hier verwendeten Themes und wurde aus der HTML Source (Kaufdownload von www.themeforest.net) übernommen.

Ähnliche Navigationen findest du zb. auf www.codecanyon.net , aber diese sind nicht kostenlos.

Mit ein wenig geschick kann man aber eine Navi wie hier auch in etwas nachbauen.
Das Problem ist nicht das Problem, das Problem ist der Nutzer, der das Problem verursacht.
Was lernen wir ?
Wir entfernen einfach den Nutzer und das Problem ist gelöst !

Sollte das Problem nicht gelöst sein, WD40! WD40 hilft immer !
 
Sina
SO hier fasst gleich:

Code 

<style type="text/css">
   #navMenu {
      margin:0;
      padding:0;
      position:relative;
      left: 50%;
      width: 900px;
      margin-left: -450px;
      z-index:9999;
   <!---position: relative;--->

   }
   #navMenu ul{
      margin:0;
      padding:0;
      line-height:30px;
      position:relative;
     color: #fff;


   }
   #navMenu li{
      margin:0;
      padding:0;
      list-style:none;
      position:relative;
      float:left;
      width:112px;
      font-size:.9em;
background:#000;
   }
   #navMenu ul li a {
      padding: 0.50em 0 0.50em 0.1em;
     transition: padding-left 250ms ease-out;
     color: #d2d0d0;
      text-decoration:none;
      text-align:center;
      height:50px;
      width:112px;
      display:block;
   }
   #navMenu li a{
   color: #fff;
   }
   #navMenu ul ul {
      position:absolute;
      top:30px;
      visibility:hidden;
   }
   #navMenu ul li:hover ul {
      visibility:visible;
   }
   #navMenu li a:hover {
      background:#2d94d7;
   }
   #navMenu ul ul li:hover {
      background:#2d94d7;
    
   }


https://www.youtube.com/watch?v=uT-hB...T-hBZXTwEI

Ein Themes Freak erstellerin (lernerin).
 
typhoon
Hey, danke für deine Mühe!.. Leider bleibt die Seite dann leer und nur noch der hintergrund ist zu sehen.. Ohne Fehlermeldung.
 
Sina
versuch damit mal

Code 

<style type="text/css">
   #navMenu {
      margin:0;
      padding:0;
      position:relative;
      left: 50%;
      width: 900px;
      margin-left: -450px;
      z-index:9999;
   <!---position: relative;--->

   }
   #navMenu ul{
      margin:0;
      padding:0;
      line-height:30px;
      position:relative;
     color: #fff;


   }
   #navMenu li{
      margin:0;
      padding:0;
      list-style:none;
      position:relative;
      float:left;
      width:112px;
      font-size:.9em;
background:#000;
   }
   #navMenu ul li a {
      padding: 0.50em 0 0.50em 0.1em;
     transition: padding-left 250ms ease-out;
     color: #d2d0d0;
      text-decoration:none;
      text-align:center;
      height:50px;
      width:112px;
      display:block;
   }
   #navMenu li a{
   color: #fff;
   }
   #navMenu ul ul {
      position:absolute;
      top:30px;
      visibility:hidden;
   }
   #navMenu ul li:hover ul {
      visibility:visible;
   }
   #navMenu li a:hover {
      background:#2d94d7;
   }
   #navMenu ul ul li:hover {
      background:#2d94d7;
    
   }
</style>
<?php
echo "<div id='navMenu'>
      <ul>";
echo "      <li><a href='".BASEDIR."index.php'>Startseite</a></li>
         <li ><a href='#'>Navioberpunk 1</a>
            <ul>
               <li><a href='".FORUM."index.php'>Forum</a></li>
               <li><a href='".BASEDIR."contact.php'>Kontakt</a></li>
               <li><a href='".BASEDIR."search.php'>Suche</a></li>
            </ul>
         </li>";
         if (iMEMBER) {
echo "      <li style='font-size:1.5em'><a href='#'><font color='#efe6d4'>Mitglieder</font></a>
            <ul>
               <li><a href=''>Mitgliederpunkt1</a></li>
               <li><a href=''>Mitgliederpunkt2</a></li>
               <li><a href=''>Mitgliederpunkt3</a></li>
</ul>
         </li>
        </ul>
     </div>
     ";
}   
?>


https://www.youtube.com/watch?v=uT-hB...T-hBZXTwEI

Ein Themes Freak erstellerin (lernerin).
 
DJ Vampire
@Sina das wird auch nicht gehen. Schau mal wo du von der Memberabfrage die Klammer zu gemacht hast. Die musst nach dem li schliesen.
 
kllsamui
Zitat: Dat Tunes schrieb:

Die Navigation wie Sie hier zu finden ist, bekommt man so nicht im Netz als Download.
Sie ist fester bestandteil des hier verwendeten Themes und wurde aus der HTML Source (Kaufdownload von www.themeforest.net) übernommen.

Ähnliche Navigationen findest du zb. auf www.codecanyon.net , aber diese sind nicht kostenlos.

Mit ein wenig geschick kann man aber eine Navi wie hier auch in etwas nachbauen.


ich glaube ich habe mal gelesen, dass eine php-fusion NSS verpflichtet ist ihr verwendetes THEME oeffentlich zu machen / zum download anzubieten.

insofern wuerde sich dann die verwendung von zugekauften modulen verbieten, so schoen es auch ist?
bitte pruefen, nicht schon von anfang an aerger mit der MUTTER einprogrammieren.
 
Sina
Zitat: DJ Vampire schrieb:

@Sina das wird auch nicht gehen. Schau mal wo du von der Memberabfrage die Klammer zu gemacht hast. Die musst nach dem li schliesen.


Dann aber nun so,

Code 

<style type="text/css">
   #navMenu {
      margin:0;
      padding:0;
      position:relative;
      left: 50%;
      width: 900px;
      margin-left: -450px;
      z-index:9999;
   <!---position: relative;--->

   }
   #navMenu ul{
      margin:0;
      padding:0;
      line-height:30px;
      position:relative;
     color: #fff;


   }
   #navMenu li{
      margin:0;
      padding:0;
      list-style:none;
      position:relative;
      float:left;
      width:112px;
      font-size:.9em;
background:#000;
   }
   #navMenu ul li a {
      padding: 0.50em 0 0.50em 0.1em;
     transition: padding-left 250ms ease-out;
     color: #d2d0d0;
      text-decoration:none;
      text-align:center;
      height:50px;
      width:112px;
      display:block;
   }
   #navMenu li a{
   color: #fff;
   }
   #navMenu ul ul {
      position:absolute;
      top:30px;
      visibility:hidden;
   }
   #navMenu ul li:hover ul {
      visibility:visible;
   }
   #navMenu li a:hover {
      background:#2d94d7;
   }
   #navMenu ul ul li:hover {
      background:#2d94d7;
    
   }
</style>
<?php
echo "<div id='navMenu'>
      <ul>";
echo "      <li><a href='".BASEDIR."index.php'>Startseite</a></li>
         <li ><a href='#'>Navioberpunk 1</a>
            <ul>
               <li><a href='".FORUM."index.php'>Forum</a></li>
               <li><a href='".BASEDIR."contact.php'>Kontakt</a></li>
               <li><a href='".BASEDIR."search.php'>Suche</a></li>
            </ul>
         </li>";
         if (iMEMBER) {
echo "      <li style='font-size:0.9em'><a href='#'><font color='#efe6d4'>Mitglieder</font></a>
            <ul>
               <li><a href=''>Mitgliederpunkt1</a></li>
               <li><a href=''>Mitgliederpunkt2</a></li>
               <li><a href=''>Mitgliederpunkt3</a></li>
         </ul>
         </li>";
       }
echo"        </ul>
     </div>
     ";
?>



Denn was du gepostet hattest geht gar nicht kommt immer fehler.
https://www.youtube.com/watch?v=uT-hB...T-hBZXTwEI

Ein Themes Freak erstellerin (lernerin).
 

Springe ins Forum: