Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Help Menu Css!

  1. #1

    Help Menu Css!

    SALVE A TUTTI,
    SUONO NUOVO DA QUESTE PARTI E CHIEDO IL VOSTRO AIUTO PER UN PICCOLO PROBLEMA LOGISTICO, CON UN PLUG IN CSS CHE INSERISCE UN MENU NEL MIO SITO/BLOG.

    LA TIPOLOGIA DEL BLOG E' WORDPRESS.

    IL SITO IN QUESTIONE E' http://www.milanoindiscoteca.it

    COME POTETE VEDERE CI SONO NELL'HEADER DUE MENU:
    1. QUELLO PIU' GRANDE E' STANDARD.
    2. IL SECONDO PIU' PICCOLO E' GENERATO DA UN PLUGIN CHE SI CHIAMA "PixoPoint Menu".

    L'AIUTO CHE I CHIEDO E' QUESTO:
    IL PLUG IN GENERA LA SUA POSIZIONE E LA SUA FORMATTAZZIONE TRAMITE UN CAMPO CSS MODIFICABILE E COSTUMIZZABILE.
    VORREI FAR IN MODO CHE IL MENU SI POSIZIONASSE AL CENTRO COME QUELLO IN ALTO, MODIFICANDO IL CODICE CSS, MA ESSENDO UN FLOAT (LEFT) NON NE SONO CAPACE.

    ECCO I CODICE:


    #pixopoint_menu1 {
    width:100%;
    height:35px;
    background:#000000 url("http://www.milanoindiscoteca.it/wp-content/plugins/pixopoint-menu/images/dazzle_grey.png") repeat-x;
    background-position:50% 0;
    margin:0;}

    #pixopoint_menu1 ul {
    width:100%;
    border:none;
    background:none;
    margin:0;
    padding:0;
    list-style:none;
    }
    #pixopoint_menu1 li {
    border:none;
    background:none;
    background:#000000 url("http://www.milanoindiscoteca.it/wp-content/plugins/pixopoint-menu/images/dazzle_grey.png");
    color:#FFFFFF;
    line-height:35px;
    z-index:20;
    letter-spacing:0px;
    background:;
    font-weight:bold;
    font-size:15px;
    padding:;
    margin:0 0px;
    ;float:left;
    font-family:tahoma,sans-serif;
    position:relative;
    }
    #pixopoint_menu1 li:hover,#pixopoint_menu1 li.sfhover {
    background:#000000 url("http://www.milanoindiscoteca.it/wp-content/plugins/pixopoint-menu/images/dazzle_grey.png");
    background-position:0 60px;
    }
    #pixopoint_menu1 li a {
    border:none;
    background:none;
    text-decoration:none;
    display:block;
    padding:0 12px;
    color:#FFFFFF;
    }
    #pixopoint_menu1 li a:hover {
    border:none;
    background:none;
    text-decoration:none;
    color:#FFFFFF;
    background-position:100% -120px;
    }
    #pixopoint_menu1 ul ul {
    position:absolute;
    left:-999em;
    top:35px;
    width:200px;
    }
    #pixopoint_menu1 li:hover ul,#pixopoint_menu1 li.sfhover ul {
    left:auto;
    }
    #pixopoint_menu1 ul ul li a {
    padding:4px 10px;
    text-transform:normal;
    font-variant:normal;
    }
    #pixopoint_menu1 ul ul li {
    letter-spacing:0px;
    color:#444444;
    z-index:20;
    width:200px;
    font-family:helvetica,arial,sans-serif;
    font-size:11px;
    font-weight:normal;
    font-style:normal;
    background:#FFFFFF;
    border-bottom:1px solid #cccccc;
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    margin:0;
    }
    #pixopoint_menu1 ul ul li a {
    line-height:22px;
    color:#444444;
    text-decoration:none;
    }
    #pixopoint_menu1 ul ul li:hover a,#pixopoint_menu1 ul ul li.sfhover a {
    color:#FFFFFF;
    text-decoration:none;
    }
    #pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a {
    color:#444444;
    }
    #pixopoint_menu1 ul ul li:hover li a:hover,#pixopoint_menu1 ul ul li.sfhover li a:hover {
    color:#FFFFFF;
    }
    #pixopoint_menu1 ul ul li:hover,#pixopoint_menu1 ul ul li.sfhover {
    color:#FFFFFF;
    background:#d4792e;
    }
    #pixopoint_menu1 ul ul ul li {
    font-size:1em;}#pixopoint_menu1 ul ul ul, #pixopoint_menu1 ul ul ul ul {
    position:absolute;
    margin-left:-999em;
    top:0;
    width:120px;
    }
    #pixopoint_menu1 li li:hover ul,#pixopoint_menu1 li li.sfhover ul,#pixopoint_menu1 li li li:hover ul,#pixopoint_menu1 li li li.sfhover ul {
    margin-left:120px;
    }
    #pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a {
    text-decoration:none;
    }
    #pixopoint_menu1 ul ul li li:hover a,#pixopoint_menu1 ul ul li li.sfhover a {
    color:#FFFFFF;
    text-decoration:none;
    }
    #pixopoint_menu1 li.pixo_search:hover {
    background:none;
    }
    #pixopoint_menu1 li.pixo_search form {
    margin:0;
    padding:0;
    }
    #pixopoint_menu1 li.pixo_search input {
    font-family:tahoma,sans-serif;}
    #pixopoint_menu1 li.pixo_search input.pixo_inputsearch {
    width:100px;
    }
    #pixopoint_menu1 li.pixo_right {
    float:right;
    }
    VI CHIEDO CORTESEMENTE UN PICCOLO AIUTO!
    VE NE SONO GRATO!

    GRAZIE MILLE!!!!!!!!!!!!!!!!!

  2. #2
    1. non si scrive mai in maiuscolo, equivale ad uralre.
    2. basta dare una dimensione fissa e margin auto

    codice:
    #pixopoint_menu1 {
    width:960px; /*Larghezza fissa*/
    height:35px;
    background:#000000 url("http://www.milanoindiscoteca.it/wp-content/plugins/pixopoint-menu/images/dazzle_grey.png") repeat-x;
    background-position:50% 0;
    margin:0 auto;/*Margine auto, per posizionarsi centralmente*/
    }

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Ti invito caldamente a leggere il regolamento.

    Un titolo come questo none` accettabile, e neppure entrare urlando come un disperato.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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.