Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 12
  1. #1

    domanda su Menua tendina

    a questo link www.gamestop.com c'e una spece di menu a tendina che compare quando si clicca play station o xbox ....

    ho provato a prendere il codice visualizzandolo da quel sito ma non ho capito come devo fare

    sapreste dirmi come lo si fa??

    potreste darmi il link a una eventuale guida su come costruirla.??
    :master:

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    vuoi una guida che spieghi da zero come scrivere il codice di un menu come quello?
    gli argomenti da toccare e le accortezze da tenere sono molteplici
    quindi se vuoi farlo per migliorare le tue conoscenze qualcosa di adatto si può cercare

    ma se hai bisogno di un menù del genere in tempi brevi conviene puntare ad un motore già perfettamente funzionante
    tra i tanti potrei consigliarti
    - coolmenus4 di dhtmlcentral.com
    - menù a tendina tra gli staff script di jsdir.com
    - alcuni dhtml menù di simplythebest.net

    cmq il web è pieno zeppo di script del genere, gratuiti o meno

  3. #3
    grazie

    ora come ora mi serviva velocemente cmq ho creato il codice da coolmenu 3 solo che sta in alto a sinistra della finestra come potete notare, come devo fare per fermarlo e inserirlo in una teballa della pagina ?


    questo é il codice che uso
    Codice PHP:

    <script language="JavaScript1.2" src="http://www.nintendopower.it/site/themes/NintendoPower/RPGmenu.js">
    </script>


    <script>

    function lib_bwcheck(){ //Browsercheck (needed)
        this.ver=navigator.appVersion; this.agent=navigator.userAgent
        this.dom=document.getElementById?1:0
        this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
        this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0;
        this.ie4=(document.all && !this.dom)?1:0;
        this.ie=this.ie4||this.ie5||this.ie6
        this.mac=this.agent.indexOf("Mac")>-1
        this.opera5=this.agent.indexOf("Opera 5")>-1
        this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
        this.ns4=(document.layers && !this.dom)?1:0;
        this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5 || this.dom)
        return this
    }
    var bw=new lib_bwcheck()

    var mDebugging=2 

    oCMenu=new makeCoolMenu("oCMenu") //Making the menu object. Argument: menuname
    oCMenu.useframes=0 //Do you want to use the menus as coolframemenu or not? (in frames or not) - Value: 0 || 1
    oCMenu.frame="frmMain" //The name of your main frame (where the menus should appear). Leave empty if you're not using frames - Value: "main_frame_name"

    oCMenu.useclick=0 //If you want the menu to be activated and deactivated onclick only set this to 1. - Value: 0 || 1

    /*If you set this to 1 you will get a "hand" cursor when moving over the links in NS4. 
    NOTE: This does not apply to the submenus if the menu is used in frames due some mayor problems with NS4*/
    oCMenu.useNS4links=1  

    //After adding the "hover effect" for netscape as well, all styles are lost. But if you want padding add it here.
    oCMenu.NS4padding=2 

    //If you have select boxes close to your menu the menu will check for that and hide them if they are in the way of the menu.
    //This feature does unfortunatly not work in NS4!
    oCMenu.checkselect=0

    /*If you choose to have this code inside a linked js, or if your using frames it's important to set these variables. 
    This will help you get your links to link to the right place even if your files are in different folders.
    The offlineUrl variable is the actual path to the directory where you js file are locally. 
    This is just so you can test it without uploading. Remember to start it with file:/// and only use slashes, no backward slashes!
    Also remember to end with a slash                                                                                                 */
    oCMenu.offlineUrl="file:///C|/Inetpub/wwwroot/dhtmlcentral/" //Value: "path_to_menu_file_offline/"
    //The onlineUrl variable is the online path to your script. Place in the full path to where your js file is. Remember to end with a slash.
    oCMenu.onlineUrl="http://www.nintendopower.it/site/" //Value: "path_to_menu_file_online/"

    oCMenu.pagecheck=1 //Do you want the menu to check whether any of the subitems are out of the bouderies of the page and move them in again (this is not perfect but it hould work) - Value: 0 || 1
    oCMenu.checkscroll=1 //Do you want the menu to check whether the page have scrolled or not? For frames you should always set this to 1. You can set this to 2 if you want this feature only on explorer since netscape doesn't support the window.onscroll this will make netscape slower (only if not using frames) - Value: 0 || 1 || 2
    oCMenu.resizecheck=1 //Do you want the page to reload if it's resized (This should be on or the menu will crash in Netscape4) - Value: 0 || 1
    oCMenu.wait=100 //How long to wait before hiding the menu on mouseout. Netscape 6 is a lot slower then Explorer, so to be sure that it works good enough there you should not have this lower then 500 - Value: milliseconds

    //Background bar properties
    oCMenu.usebar=1 //If you want to use a background-bar for the top items set this on - Value: 1 || 0
    oCMenu.barcolor="" //The color of the background bar - Value: "color"
    oCMenu.barwidth="30" //The width of the background bar. Set this to "menu" if you want it to be the same width as the menu. (this will change to match the border if you have one) - Value: px || "%" || "menu"
    oCMenu.barheight="20" //The height of the background bar. Set this to "menu" if you want it to be the same height as the menu. (this will change to match the border if you have one) - Value: px || "%" || "menu"
    oCMenu.barx=0 //The left position of the bar. Set this to "menu" if you want it be the same as the left position of the menu. (this will change to match the border if you have one)  - Value: px || "%" || "menu"
    oCMenu.bary=0 //The top position of the bar Set this to "menu" if you want it be the same as the top position of the menu. (this will change to match the border if you have one)  - Value: px || "%" || "menu"
    oCMenu.barinheritborder=0 //Set this to 1 if you want the bar to have the same border as the top menus - Value: 0 || 1

    //Placement properties
    oCMenu.rows=1 //This controls whether the top items is supposed to be laid out in rows or columns. Set to 0 for columns and 1 for row - Value 0 || 1
    oCMenu.fromleft=0 //This is the left position of the menu. (Only in use if menuplacement below is 0 or aligned) (will change to adapt any borders) - Value: px || "%"
    oCMenu.fromtop=0 //This is the left position of the menu. (Only in use if menuplacement below is 0 or aligned) (will change to adapt any borders) - Value: px || "%"
    oCMenu.pxbetween=0 //How much space you want between each of the top items. - Value: px || "%"

    /*You have several different ways to place the top items. 
    You can have them right beside eachother (only adding the pxbetween variable)
    oCMenu.menuplacement=0

    You can have them aligned to one of the sides - This is mostly when not using frames, but can be used in both conditions
    Values: (If you get strange results check the fromleft,fromtop and pxbetween variables above)
    For menus that are placed in columns (align=left or align=right (se below)) you can align them to the "right" or "center"
    For menus that are placed in rows (align=top or align=bottom (se below)) you can align them to the "bottom", "center" or "bottomcenter"
    oCMenu.menuplacement="center"

    You can also set them directly in pixels: (Remember to have as many array members as you have top items)
    oCMenu.menuplacement=new Array(10,200,400,600)

    Or you can place in percentage: (remember to use the ' ' around the numbers)


    Choose one of those options to get the desired results.
    */
    oCMenu.menuplacement=new Array('2%','20%','36%','57%','70%','80%') 

    //TOP LEVEL PROPERTIES - ALL OF THESE MUST BE SPESIFIED FOR LEVEL[0]
    oCMenu.level[0]=new Array() //Add this for each new level
    oCMenu.level[0].width=40 //The default width for each level[0] (top) items. You can override this on each item by spesifying the width when making the item. - Value: px || "%"
    oCMenu.level[0].height=20 //The default height for each level[0] (top) items. You can override this on each item by spesifying the height when making the item. - Value: px || "%"
    oCMenu.level[0].bgcoloroff="#FFFFFF" //The default background color for each level[0] (top) items. You can override this on each item by spesifying the backgroundcolor when making the item. - Value: "color"
    oCMenu.level[0].bgcoloron="#FFFFFF" //The default "on" background color for each level[0] (top) items. You can override this on each item by spesifying the "on" background color when making the item. - Value: "color"
    oCMenu.level[0].textcolor="#0099CC" //The default text color for each level[0] (top) items. You can override this on each item by spesifying the text color when making the item. - Value: "color"
    oCMenu.level[0].hovercolor="#0066CC" //The default "on" text color for each level[0] (top) items. You can override this on each item by spesifying the "on" text color when making the item. - Value: "color"
    oCMenu.level[0].style="padding:2px; font-family:tahoma,arial,helvetica; font-size:11px; font-weight:bold" //The style for all level[0] (top) items. - Value: "style_settings"
    oCMenu.level[0].border=0 //The border size for all level[0] (top) items. - Value: px
    oCMenu.level[0].bordercolor="red" //The border color for all level[0] (top) items. - Value: "color"
    oCMenu.level[0].offsetX=0 //The X offset of the submenus of this item. This does not affect the first submenus, but you need it here so it can be the default value for all levels. - Value: px
    oCMenu.level[0].offsetY=-1 //The Y offset of the submenus of this item. This does not affect the first submenus, but you need it here so it can be the default value for all levels. - Value: px
    oCMenu.level[0].NS4font="tahoma,arial,helvetica"
    oCMenu.level[0].NS4fontSize="2"

    /*New: Added animation features that can be controlled on each level.*/
    oCMenu.level[0].clip=0 //Set this to 1 if you want the submenus of this level to "slide" open in a animated clip effect. - Value: 0 || 1
    oCMenu.level[0].clippx=0 //If you have clip spesified you can set how many pixels it will clip each timer in here to control the speed of the animation. - Value: px 
    oCMenu.level[0].cliptim=0 //This is the speed of the timer for the clip effect. Play with this and the clippx to get the desired speed for the clip effect (be carefull though and try and keep this value as high or possible or you can get problems with NS4). - Value: milliseconds
    //Filters - This can be used to get some very nice effect like fade, slide, stars and so on. EXPLORER5.5+ ONLY - If you set this to a value it will override the clip on the supported browsers
    oCMenu.level[0].filter=0 //VALUE: 0 || "filter specs"

    oCMenu.level[0].align="bottom" //Value: "top" || "bottom" || "left" || "right" 

    //EXAMPLE SUB LEVEL[1] PROPERTIES - You have to spesify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this
    oCMenu.level[1]=new Array() //Add this for each new level (adding one to the number)
    oCMenu.level[1].width=85
    oCMenu.level[1].height=15
    oCMenu.level[1].style="padding:2px; font-family:tahoma, arial,helvetica; font-size:11px; font-weight:bold"
    oCMenu.level[1].align="middle" 
    oCMenu.level[1].offsetX=-(oCMenu.level[0].width-2)/2+20
    oCMenu.level[1].offsetY=0
    oCMenu.level[1].border=1 
    oCMenu.level[1].bordercolor="#FFFFFF"

    //EXAMPLE SUB LEVEL[2] PROPERTIES - You have to spesify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this
    oCMenu.level[2]=new Array() //Add this for each new level (adding one to the number)
    oCMenu.level[2].width=85
    oCMenu.level[2].height=15
    oCMenu.level[2].bgcoloroff="#FFFFFF"
    oCMenu.level[2].bgcoloron="#FFFFFF"
    oCMenu.level[2].style="padding:2px; font-family:tahoma,arial,helvetica; font-size:11px; font-weight:bold"
    oCMenu.level[2].align="middle" 
    oCMenu.level[2].offsetX=0
    oCMenu.level[2].offsetY=0
    oCMenu.level[2].border=1 
    oCMenu.level[2].bordercolor="#FFFFFF"
    oCMenu.level[2].NS4font="tahoma,arial,helvetica"
    oCMenu.level[2].NS4fontSize="1"

    oCMenu.makeMenu('top0','','RPG','/news/index.asp','')
        oCMenu.makeMenu('sub00','top0','RPG CP','/news/index.asp')
        oCMenu.makeMenu('sub01','top0','Equip','/news/archive.asp')
        oCMenu.makeMenu('sub02','top0','Item Shop','/news/archive.asp')
        oCMenu.makeMenu('sub03','top0','Potion Shop','/news/archive.asp')
        oCMenu.makeMenu('sub04','top0','Special Shop','/news/archive.asp')
        oCMenu.makeMenu('sub05','top0','Synthesis','/news/archive.asp')
        oCMenu.makeMenu('sub06','top0','Battle','/news/archive.asp')
            /*oCMenu.makeMenu('sub001','sub06','- New DHTML API released','','',160,0)
            oCMenu.makeMenu('sub002','sub06','- Explorer 7 is out','','',160,0)
            oCMenu.makeMenu('sub003','sub06','- Opera 6 supports innerHTML','','',160,0)*/        
        oCMenu.makeMenu('sub07','top0','Clan','/news/archive.asp')
        oCMenu.makeMenu('sub08','top0','Lavori','/news/archive.asp')
        oCMenu.makeMenu('sub09','top0','Banca','/news/archive.asp')
        oCMenu.makeMenu('sub10','top0','Trasferimenti','/news/archive.asp')
        oCMenu.makeMenu('sub11','top0','Lotteria','/news/archive.asp')
        oCMenu.makeMenu('sub12','top0','Statistiche','/news/archive.asp')
        oCMenu.makeMenu('sub13','top0','Aiuto','/news/archive.asp')


    oCMenu.makeStyle(); oCMenu.construct()            
    </script> 

  4. #4

  5. #5

  6. #6
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    coolmenus4
    ci sono esempi su come inserirli in layout tabellare

    http://www.dhtmlcentral.com/projects/coolmenus/?m=31
    guarda i table_placement
    ciao

  7. #7
    non ho capito quale di tutti quei file devo usare per avere l'effetto che vorrei cioé che se io sposto la scroll il menu non mmi segua ma resta in un punto da me deciso all' interno del codice HTML

  8. #8
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    ah, avevo capito che volevi inserirlo in tabella
    (tutte e 2 le cose scordatele)


    intanto scarica lo zip coolmenus4_beta1_06.zip
    apri il file menu3.html, lì il menù superiore resta fisso

    se non riesci a capire cosa modificare in quello base x avere l' effetto ci risentiamo
    ciao

  9. #9
    scusa forse non mi sono spiegato bene

    allora io devo mettere il menu in una tabella html

    ora io ho modificato la pagina menu3.html ma poi non melo mette all' interno della tabella html ma sempre e comunque sopra all top della pagina anche s e adesso é fermo

    a questo link ho messo la pagina fatta da me http://www.nintendopower.it/menu3.html


    io vorrei che il menu fosse inserito li dove c'e la x come devo fare

  10. #10

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.