IPB Fórum: Legördülő menü - IPB Fórum

Ugrás a tartalomhoz

Oldal 1 / 1
  • Nem indíthatsz témát.
  • Nem szólhatsz hozzá ehhez a témához.

Legördülő menü

#1 Felhasználó nem aktív   StellDJ 

  • Új Tag
  • PipaPipa
  • Csoport: Tag
  • Hozzászólás: 21
  • Csatlakozott: 2010.06.05

Elküldve: 2011 július 30 - 12:37

Hello!

Valaki tud valamilyen jó kis kódot legördülő menühöz amennyiben sok link van a menüben akkor se csússzon szét az oldal.
0

#2 Felhasználó nem aktív   tommy 

  • Őstag
  • Csoport: Admin
  • Hozzászólás: 934
  • Csatlakozott: 2008.05.29

Elküldve: 2011 július 30 - 23:22

hasonlóra gondoltál?

http://www.fusiondig...ipb/fusionmenu/
"What good is money if you can't inspire terror in your fellow man?" - Mr. Burns
IPB megvásárlása - Sci Fi Filmek - Internetes Pénzkeresés
0

#3 Felhasználó nem aktív   StellDJ 

  • Új Tag
  • PipaPipa
  • Csoport: Tag
  • Hozzászólás: 21
  • Csatlakozott: 2010.06.05

Elküldve: 2011 július 31 - 12:38

Igen de ha lehet egy ingyenes tuturial jobb lenne

Mint például ez csak a gond sok helyen megtalálható ez a leírás csak sajnos nem megy.

http://www.invisionmodding.com/tutorials/article/669-add-a-top-menu-dropdown-like-ips-website/


Tehát a menüsorban sok a menüpont és azt szeretném ha valaki rámegy hogy community akkor lenyilik neki egy ablak és mutatja hogy forum, calendar, members stb egy másik menüpontban mondjuk pedig el lehet érni 3 másik linket.
0

#4 Felhasználó nem aktív   tommy 

  • Őstag
  • Csoport: Admin
  • Hozzászólás: 934
  • Csatlakozott: 2008.05.29

Elküldve: 2011 július 31 - 21:25

Hát ha ingyeneset akarsz a legjobb ha keresel a neten valami ingyenes legördülő menüt és beilleszted a kódot a template-be.
"What good is money if you can't inspire terror in your fellow man?" - Mr. Burns
IPB megvásárlása - Sci Fi Filmek - Internetes Pénzkeresés
0

#5 Felhasználó nem aktív   StellDJ 

  • Új Tag
  • PipaPipa
  • Csoport: Tag
  • Hozzászólás: 21
  • Csatlakozott: 2010.06.05

Elküldve: 2011 augusztus 01 - 08:51

Neten meg egy két ipb oldalon található tuturialt ami a legördülő menüről szólt vagy nem volt jó vagy nem is ment egyáltalán ezért kérdezem hátha tud valaki valamilyn használható kódot.
0

#6 Felhasználó nem aktív   tommy 

  • Őstag
  • Csoport: Admin
  • Hozzászólás: 934
  • Csatlakozott: 2008.05.29

Elküldve: 2011 augusztus 01 - 09:46

A menü kódok valószínűleg jók, csak gondolom nincs megfelelően behelyezve a templatebe.

A fusion menu ha jól láttam csak $10-ba kerül. Jobban jársz ha megveszed.
"What good is money if you can't inspire terror in your fellow man?" - Mr. Burns
IPB megvásárlása - Sci Fi Filmek - Internetes Pénzkeresés
0

#7 Felhasználó nem aktív   HAMA® 

  • Újonc
  • Pipa
  • Csoport: Újonc
  • Hozzászólás: 12
  • Csatlakozott: 2010.03.21

Elküldve: 2011 augusztus 03 - 18:05

Legördülő menü .....
IPB 3.1.4 esetleg érdekel adom a többi infót mit hova -hogyan

kép

<head>
  <title>Main Menu</title>
</head>
<body>
<form ACTION=URI>
<select style="font-size:11px;color:#ffffff;font-family:verdana;background-color:#786157;" name=scroll onchange="location.href=(form.scroll.options[form.scroll.selectedIndex].value)">
<option value=''>Gyors navigáció</option>
<option value="http://pirate.piratez.us/index.php?/forum/100-dumakabin/">Dumakabin</option>
<option value="http://pirate.piratez.us/index.php?/forum/105-humor-kabin/">Humorkabin</option>
<option value="http://pirate.piratez.us/index.php?/forum/141-magyar-nyelvu-filmek/">Magyarnyelvü Filmek</option>
<option value="http://pirate.piratez.us/index.php?/forum/33-idegen-nyelvu-filmek-kabinja/">Idegennyelvü Filmek</option>
<option value="http://pirate.piratez.us/index.php?/forum/35-dvd-kabin/">DVD kabin</option>
<option value="hhttp://pirate.piratez.us/index.php?/forum/46-melodia-kabin/">Melódia kabin</option>
<option value="http://pirate.piratez.us/index.php?/forum/64-szoftver-kabinok/">Szoftver kabin</option>
<option value="http://pirate.piratez.us/index.php?/forum/68-jatek-kabin-pc/">Játék kabin</option>
<option value="http://pirate.piratez.us/index.php?/forum/87-ipboard/">Ipb Board</option>
</select>
</form>
</body>
</html>
</div>

0

#8 Felhasználó nem aktív   StellDJ 

  • Új Tag
  • PipaPipa
  • Csoport: Tag
  • Hozzászólás: 21
  • Csatlakozott: 2010.06.05

Elküldve: 2011 augusztus 03 - 20:07

Kössz HAMA

Szerkesztve StellDJ által: 2011 augusztus 03 - 20:08

0

#9 Felhasználó nem aktív   HAMA® 

  • Újonc
  • Pipa
  • Csoport: Újonc
  • Hozzászólás: 12
  • Csatlakozott: 2010.03.21

Elküldve: 2011 augusztus 04 - 06:59

Szívesen ..De ha ragaszkodol az eredeti elképzelésedhez bár nem egészen úgy ahogy az IPS honlapján de működik ..
Az eléréseket módosítanod kell csak egy két példa van átírva
A háttérszín a felirat színe a betűk méretét módosíthatod ahogy neked megfelelő

Keresd meg:
									<li id='nav_app_{$data['app_dir']}' class="left {parse variable="appActive"}"><a href='{parse url="{$data['app_link']}" seotitle="false" base="public"}' title='{parse expression="sprintf( $this->lang->words['go_to_prefix'], IPSLib::getAppTitle($data['app_dir']) )"}'>{IPSLib::getAppTitle($data['app_dir'])}</a></li>
								</if>
							</foreach>
						</if>
					</ul>
				</div


Tedd alá:

<!-- START MASTHEAD NAV --> 
</div><script type='text/javascript' src='{$this->settings['board_url']}/public/js/top_menu_ips.js'><
/script>
<style type='text/css'>

/*365b86 general color background*/

/*416a9a primary hover background and dropdown background*/

/*edf001 text hover color*/


#masthead {
        color: #fff;
        height: 35px;
        background: #365b86;
}

/*0d253e*/

#ips_main_branding {
        margin-top: 8px;
        margin-left: 10px;
display: block;
float: right;
}

#primary_navigation {
        margin-top: 3px;
        margin-right: 15px;
        float: right;
        position: relative;
        z-index: 10000;
}

        #primary_navigation li {
                float: left;
                font-size: 14px;
                margin-right: 22px;
                text-shadow: #0a1a2b 1px 1px 2px;
                font-family: helvetica, arial, tahoma, sans-serif;
        }
                
                #primary_navigation li:last-child {
                        margin-right: 0px;
                }
                
                #primary_navigation li {
                        float: left;
                        font-size: 14px;
                        margin-right: 15px;
                }
                
                        #primary_navigation > li > a {
                                display: block;
                                padding: 7px 8px;
                                color: #fff;
                                text-decoration: none;
                        }
                        
                        #primary_navigation li a:hover,
                        #primary_navigation li.active > a {
                                background: #416a9a;
                                color: #edf001;
                                -moz-border-radius: 4px;
                                -webkit-border-radius: 4px;
                        }
                        
        #primary_navigation .main_menu {
                display: block;
                background: #416a9a;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                z-index: 50000;
                margin-top: -5px;
                padding: 10px 5px 5px;
                min-width: 150px;
        }
        
                #primary_navigation .main_menu li {
                        display: block;
                        font-size: 12px;
                        padding: 4px 6px;
                        float: none;
                }
                        
                        #primary_navigation .main_menu li a {
                                text-decoration: none;
                                color: #fff;
                                display: block;
                                padding: 4px;
                                text-shadow: none;
                        }
                        
                        #primary_navigation .main_menu li a:hover {
                                color: #edf001;
                        }
        
        #primary_navigation .main_menu li.indent {
                padding: 1px 6px 1px 20px;
        }
        #primary_navigation .main_menu li.sep {
                padding-top: 8px;
                margin-top: 8px;
                border-top: 1px solid #2f4259;
        }
</style>
<script type='text/javascript' src='..public/js/ips.mastnav.js'></script> 
<div id="masthead"> 
                <ul id="primary_navigation"> 
<li id="nav_home"><a href="http://pirate.piratez.us/">PirateZ Főoldal</a></li> 
                                        <li id="nav_products"> 
                                                <a href="http://pirate.piratez.us/index.php?/forum/27-mozgokep-kabin/">Filmek</a> 
                                                <ul class="main_menu" id="nav_products_menu" style="display: none;"> 
                                                        <li><a title="Magyarnyelvü Filmek" href="http://pirate.piratez.us/index.php?/forum/141-magyar-nyelvu-filmek/">Magyarnyelvü filmek</a></li> 
                                                        <li><a title="IP.Blog: Community Blogging Service" href="http://www.invisionpower.com/products/blog/">IP.Blog</a></li> 
<li><a title="IP.Content: Content Creation System" href="http://www.invisionpower.com/products/content/">IP.Content</a></li> 
                                                        <li><a title="IP.Gallery: Community Image Gallery" href="http://www.invisionpower.com/products/gallery/">IP.Gallery</a></li> 

                                                        <li><a title="IP.Chat: Realtime Community Chatroom" href="http://www.invisionpower.com/products/chat/">IP.Chat</a></li> 
                                                        <li><a title="IP.Downloads: Download Manager" href="http://www.invisionpower.com/products/downloads/">IP.Downloads</a></li> 
<li><a title="IP.Converge: Single Sign-on For Communities" href="/products/converge/">IP.Converge</a></li> 
<li><a title="Spam Monitoring: Protecting Communities From Spam" href="http://www.invisionpower.com/products/spammonitor/">Spam Monitor Service</a></li> 
                                                        <!--<li><a href='http://www.invisionpower.com/products/community/' title=''>Community Projects</a></li>--> 
                                                </ul> 
                                                <script type="text/javascript"> 
                                                        ips.menus['products'] = new ips.menu( $('nav_products'), $('nav_products_menu') ); 
                                                </script> 

                                        </li> 
                                        <li id="nav_hosted"> 
                                                <a href="/hosting">Hosted Communities</a> 
                                                <ul class="main_menu" id="nav_hosted_menu" style="display: none;"> 
                                                        <li><a title="Go to standard packages" href="http://www.invisionpower.com/hosting/">Standard Packages</a></li> 
                                                        <li><a title="Go to Advanced packages" href="http://www.invisionpower.com/hosting/advanced.php">Advanced Packages</a></li> 
                                                        <li><a title="Go to website hosting" href="http://www.invisionpower.com/hosting/website.php">Website Hosting</a></li> 

                                                </ul> 
                                                <script type="text/javascript"> 
                                                        ips.menus['hosted'] = new ips.menu( $('nav_hosted'), $('nav_hosted_menu') ); 
                                                </script> 
                                        </li> 
                                        <li id="nav_services"> 
                                                <a title="Go to our Services overview" href="http://www.invisionpower.com/services/">Services</a> 
                                                <!--<ul id='nav_services_menu' class='main_menu'> 
                                                        <li><a href='#' title=''>Pre-launch</a></li> 
                                                        <li><a href='#' title=''>Software Modifications</a></li> 
                                                        <li><a href='#' title=''>Single Sign On Integration</a></li> 
                                                        <li><a href='#' title=''>Custom Licensing</a></li> 
                                                        <li><a href='#' title=''>Enterprise Hosting</a></li> 
                                                </ul> 
                                                <script type='text/javascript'> 
                                                        ips.menus['services'] = new ips.menu( $('nav_services'), $('nav_services_menu') ); 
                                                </script>--> 
                                        </li> 
                                        <li id="nav_support"> 

                                                <a href="#">Support</a> 
                                                <ul class="main_menu" id="nav_support_menu" style="display: none;"> 
                                                        <li><a title="Go to the client area" href="http://www.invisionpower.com/customer/">Client Area</a></li> 
                                                        <li><a title="Go to the resource site" href="http://community.invisionpower.com/resources/index.html">Documentation</a></li> 
                                                        <li><a title="Go to the resource site" href="http://community.invisionpower.com/resources/index.html">Client Resources</a></li> 
                                                        <li><a title="Our community support forums" href="http://community.invisionpower.com">IPS Community</a></li> 

                                                        <li><a title="Go to the FAQs" href="http://www.invisionpower.com/company/faq.php">FAQs</a></li> 
                                                        <li><a title="" href="http://www.invisionpower.com/hosting/status.php">Network Status</a></li> 
                                                </ul> 
                                                <script type="text/javascript"> 
                                                        ips.menus['support'] = new ips.menu( $('nav_support'), $('nav_support_menu') ); 
                                                </script> 
                                        </li> 
                                        <li id="nav_clientarea"> 
                                                <a title="Go to the client area" href="http://www.invisionpower.com/customer/">Client Area</a> 

                                        </li> 
                                        <li id="nav_contact"><a title="Get in touch" href="http://www.invisionpower.com/company/contact.php">Contact Us »</a></li> 
                                                         
                                </ul> 

                        </div>
 <script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-2199880-2']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
<!-- END MAST NAV -->


Így teljes a menü rendszer probléma esetén szerkeszteni kell a "CSS" fájlt is


Ez a lépés csak akkor szükséges ha nem megfelelő a megjelenés
Lépj át a CSS fülre itt keresd meg a ipb styles CS belül :
/* HEADER */


Majd tedd ezen belül a legvégére 

#masthead {
        color: #fff;
        height: 35px;
        background: #365b86;
}

/*0d253e*/

#ips_main_branding {
        margin-top: 8px;
        margin-left: 10px;
display: block;
float: right;
}

#primary_navigation {
        margin-top: 3px;
        margin-right: 15px;
        float: right;
        position: relative;
        z-index: 10000;
}

        #primary_navigation li {
                float: left;
                font-size: 14px;
                margin-right: 22px;
                text-shadow: #0a1a2b 1px 1px 2px;
                font-family: helvetica, arial, tahoma, sans-serif;
        }
                
                #primary_navigation li:last-child {
                        margin-right: 0px;
                }
                
                #primary_navigation li {
                        float: left;
                        font-size: 14px;
                        margin-right: 15px;
                }
                
                        #primary_navigation > li > a {
                                display: block;
                                padding: 7px 8px;
                                color: #fff;
                                text-decoration: none;
                        }
                        
                        #primary_navigation li a:hover,
                        #primary_navigation li.active > a {
                                background: #416a9a;
                                color: #edf001;
                                -moz-border-radius: 4px;
                                -webkit-border-radius: 4px;
                        }
                        
        #primary_navigation .main_menu {
                display: block;
                background: #416a9a;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                z-index: 50000;
                margin-top: -5px;
                padding: 10px 5px 5px;
                min-width: 150px;
        }
        
                #primary_navigation .main_menu li {
                        display: block;
                        font-size: 12px;
                        padding: 4px 6px;
                        float: none;
                }
                        
                        #primary_navigation .main_menu li a {
                                text-decoration: none;
                                color: #fff;
                                display: block;
                                padding: 4px;
                                text-shadow: none;
                        }
                        
                        #primary_navigation .main_menu li a:hover {
                                color: #edf001;
                        }
        
        #primary_navigation .main_menu li.indent {
                padding: 1px 6px 1px 20px;
        }
        #primary_navigation .main_menu li.sep {
                padding-top: 8px;
                margin-top: 8px;
                border-top: 1px solid #2f4259;
        }


majd tölsd le:
http://www.invisionmodding.com/index.php?app=core&module=attach§ion=attach&attach_id=4891

és fel a /public/js folder mappába..

kép

Szerkesztve HAMA® által: 2011 augusztus 04 - 07:06

0

Téma megosztása:


Oldal 1 / 1
  • Nem indíthatsz témát.
  • Nem szólhatsz hozzá ehhez a témához.

1 felhasználó olvassa ezt a témát.
0 felhasználó, 1 vendég, 0 anonim felhasználó