Visualizzazione dei risultati da 1 a 3 su 3

Discussione: barra menù cosngili

  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    102

    barra menù cosngili

    Date un occhiata a questo barra ,in alto arrotondata,e divisa da spazi li dentro devo inserire i link .l'immagine è lo sfondo di un solo tag div , ma non so come realizzare i link all'interno ,puo darsi che questa procedura utilizzata non vada bene , consigliatemi voi .


    http://www.dig.altervista.org/

    QUesto è il codice

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <style type="text/css">
    <!--
    body {
    background-image: url(immagini/background.jpg);
    }
    #conteiner {
    width: 996px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    background-image: url(immagini/sfondpag.gif);
    }
    #conteiner #head {
    height: 73px;
    width: 996px;
    background-image: url(immagini/head.gif);
    }
    #conteiner #menu {
    height: 54px;
    width: 913px;
    background-image: url(immagini/barramenu.gif);
    margin:0 auto
    }
    #conteiner #piepag {
    height: 71px;
    width: 996px;
    background-image: url(immagini/piepag.gif);
    }
    #conteiner #piereflex {
    height: 50px;
    width: 996px;
    background-image: url(immagini/piereflex.gif);
    }

    -->
    </style>
    </head>

    <body>
    <div id="conteiner">
    <div id="head"></div>
    <div id="menu"></div>
    <div id="piepag"></div>
    <div id="piereflex"></div>
    </div>
    </body>
    </html>

  2. #2
    Bastava guardare in homepage di html.it!
    http://css.html.it/articoli/leggi/25...ss-e-jquery/4/

    Un ottimo menu!
    (leggiti anche la prima parte dell'articolo!)

    HTH
    Zappa
    [PC:Presario 2515EU][Cpu:P4@2.3GHz][Ram: 512M][HDU:80G@5400 RPM]
    [Wireless:LinkSys][OS: Ubuntu 9.04 - Jaunty Jackalope]

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    102
    questo è il codice in javascript dei bottoni rollover , vorrei sapere se è un buon codice , per fare i rollover e come lo ritenete .Con i css non so come fare quei bottoni roll ,mentre quest'ultimo homezappa è nuovo lo devo studiare

    <script type="text/javascript">
    <!--
    function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }

    function MM_findObj(n, d) { //v4.01
    var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    }

    function MM_swapImage() { //v3.0
    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>
    </head>

    <body onload="MM_preloadImages('immagini/bottonigrg_04.gif','immagini/bottonigrg_05.gif','immagini/bottonigrg_06.gif','immagini/bottonigrg_07.gif','immagini/bottonigrg_08.gif','immagini/bottonigrg_09.gif')">
    <div id="conteiner">
    <div id="head"></div>
    <div id="menu">[img]immagini/bottoninero_03.gif[/img][img]immagini/bottoni_04.gif[/img][img]immagini/bottoni_05.gif[/img][img]immagini/bottoni_06.gif[/img][img]immagini/bottoni_07.gif[/img][img]immagini/bottoni_08.gif[/img][img]immagini/bottoni_09.gif[/img]</div>
    <div id="piepag"></div>
    <div id="piereflex"></div>
    </div>
    </body>
    </html>

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 © 2024 vBulletin Solutions, Inc. All rights reserved.