Webboard

wersja skryptu MyBB:1.8
adres forum: http://www.fworld-t.zz.mu
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Pomógł by mi ktoś zrobić rozwijane menu

niestety moje próby są marne i źle to wychodzi jak podmieniam kody itp

Może ktoś pomóc?

Rozumiem że chcesz dodać na końcu rozwijane menu?
Ma być widoczne dla gościa/admina czy wszystkich?

chcę żebym mógł mieć rozwijane menu np. Forum Regulaminy itd itp.
tak jak jak jest na fwtonline.pl
Dla wszystkich.

Pomoże ktoś?

Ale co Ci nie wychodzi? Pokaż jakiś kod który Ci nie wyszedł.
Masz tutaj proste przykłady http://cssdeck.com/labs/another-simple-c...pdown-menu http://line25.com/tutorials/how-to-creat...pdown-menu drugi jest nawet opisany krop po kroku.

wklejam ten kod do global.css

Kod PHP:
#menu li {list-style: none;}
#menu {padding: 1px 5%;line-height: 1.4; float:right;
margin-top:33px}
#menu [class^="icon-"] {  font-family: FontAwesome;}
#menu ul {visibility: hidden; position: absolute; top: 100%; left: -40px;}
#menu li {float: left; padding-right: 1px; position: relative;}
#menu li li {float: none; padding-top: 1px; width: 160px; }
#menu li:hover ul {visibility: visible;}
#menu a, #menu li:hover li a {
color:#9a9a9a;
background:url(images/carbon/trans10.png) repeat;
background:rgba(0,0,0,0.1);
  margin-right: 13px;
-webkit-border-radius:3px;
  
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:inset rgba(0,0,0,0.8) 0 1px 5px,rgba(255,255,255,0.02) 0 0 0 1px,rgba(255,255,255,0.05) 0 1px 0;
-moz-box-shadow:inset rgba(0,0,0,0.8) 0 1px 5px,rgba(255,255,255,0.02) 0 0 0 1px,rgba(255,255,255,0.05) 0 1px 0;
box-shadow:inset rgba(0,0,0,0.8) 0 1px 5px,rgba(255,255,255,0.02) 0 0 0 1px,rgba(255,255,255,0.05) 0 1px 0;
display:block;
outline:none;
padding:0 15px;
line-height:34px;
height:34px;
position:relative;
font-weight:700;
transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s}
#menu li:hover li a {background:rgba(0, 0, 0, 1); }
#menu li li a {color:#fff;    width: 120px;margin: 0;padding: 1.2em 1.8em;    display:inline-block; background:rgba(0, 0, 0, 1);}
#menu li:hover a, #menu li:hover li:hover a {background:rgba(0, 0, 0, 1);} 
#menu li:hover li:hover a {background:rgba(0, 0, 0, 0.5);} 

Ten w header:

Kod PHP:
<ul id="menu">
           <li><a href=http://fwtonline.pl>Forum</a>
        <ul>
            <li><a href="{$mybb->settings['bburl']}/search.php?action=getnew">Nowe Posty</a></li>
            <li><a href="{$mybb->settings['bburl']}/search.php?action=getdaily" class="selected">Dzisiejsze Posty</a></li>
                    <li><a href="showteam.php">Ekipa Forum</a></li>
   <li><a href=http://fwtonline.pl/thread-128-post-317.html#pid317>Opis Rang</a></li>
                     <li><a href=http://fwtonline.pl/newpoints.php>FWT Coins</a></li></ul></li>
                  
                    <li><a href=http://fwtonline.pl/forumdisplay.php?fid=5>Regulamin</a>
        <ul>
            <li><a href=http://fwtonline.pl/showthread.php?tid=7>Regulamin Forum</a></li>
            <li><a href=http://fwtonline.pl/showthread.php?tid=8>Regulamin 
              Rozgr.</a></li></ul></li>
              <li><a href=http://fwtonline.pl/forumdisplay.php?fid=26>Ranking</a>
        <ul>
            <li><a href=http://fwtonline.pl/thread-109-post-234.html#pid234>Ranking Ogólny</a></li>
            <li><a href=http://fwtonline.pl/thread-47-post-59.html#pid59>Ranking Live</a></li></ul></li>
                    <li><a href=http://fwtonline.pl/thread-138-post-357.html#pid357>Trwające Turnieje</a></li>
    <li><a href="{$mybb->settings['bburl']}/memberlist.php">Użytkownicy</a></li>
    <li><a href=http://eafifa.net.pl/typer/fsports.php>Liga Typera</a></li>
                    <li><a href=http://fwtonline.pl/thread-181-post-570.html#pid570>VIP</a></li>
    <li><a href="{$mybb->settings['bburl']}/misc.php?action=help">Pomoc</a></li>
    <li><a href="{$mybb->settings['contactlink']}">{$lang->bottomlinks_contactus}</a></li> 

Efekt na Operze jest taki:
[Obrazek: 1png_wnpxhxw.png]

a na Mozilli taki:
[Obrazek: 2png_wnpxhxa.png]

i nie wiem o co w tym chodzi

Chciałbym, żeby tych kropek nie było. Oraz naprawic ten bład na mozilli ;/

w global.css linia 1833 do #menu li { dopisz

Kod:
list-style: none;

Niestety nie pomogło, dalej jest tak samo

tyle ze te kropki znikły. ale dalej menu jest rozjechane oraz na mozilli wyglada tak jak wyżej na zdjęciu

Ktoś mi przerobi ten kod żeby było rozsuwane i żeby można było dodać dodatkowe pole, bo niestety jak dodam kolejne pole to wyskakuje pod

Kod PHP:
.imc_hizlimenu {
    margin: 0px;
    padding: 0px;
    float: right;
    width: 492px;
    height: 50px;
    line-height: 50px;
    color: #FFF;
}

.imc_hizlimenu ul {
      margin-top: 0px;

}

.imc_hizlimenu ul li {
    list-style: outside none none;
    display: inline-block;
    margin: 0px 0px 0px 25px;
    padding: 0px;
    text-align: center;
    line-height: 30px;
}

.imc_hizlimenu ul li a:link, .imc_hizlimenu ul li a:visited {
      color: #fff;
    text-decoration: none;
    transition: all 0.5s ease 0s;
      border: 1px solid #212121;
    border-radius: 5px;
      padding: 5px;
       background: none repeat scroll 0% 0% #B60303;
    text-shadow: 0px 0px 1px #FFF;
}

.imc_hizlimenu ul li a:hover, .imc_hizlimenu ul li a:active {
      color: #fff;
    text-decoration: none;
    transition: all 0.5s ease;
    border: 1px solid #ddd;
    border-radius: 5px;
      background: #E30000;
      box-shadow: 0pt 0pt 1em #fff;

} 

rr92

Dj_Szymek

rr92

Matslom

rr92

Matslom

rr92