• C
    User Attivo •

    Icone Menù x template yootheme.

    'Sera...
    Sto sperimentando alcuni template del template club, nello specifico il tema "Page"... demo.yootheme.com
    Cercavo di associare ad ogni voce menu un immagine, fin qui tutto ok, se non che, l'immagine non mi si allinea alla riga ma resta sulla stessa ma in posizione "alta". Se guardiamo invece la demo del tempalte stesso, le immagini del menù "sub menu" o "features" sono alla linea inferiore o perfettamente sulla linea del testo.
    Qualcuno sa come risolvere?
    o meglio qualcuno ha capito cosa ho scritto? 😄
    Grazz

    0
  • P
    Super User •

    Ciao, parli di quei quadratini a destra di ogni voce di menu? 😉

    0
  • C
    User Attivo •

    @pikadilly said:

    Ciao, parli di quei quadratini a destra di ogni voce di menu? 😉

    Ok... fin qua ci siamo... 😄
    Prendiamo come esempio quei "quadratini" se li inserisco da pannello non mi si allineano con il testo, ma restano alla linea superiore...
    Ecco... dovrei solo risolvere sta cosa.

    Grazzzzzzie.

    0
  • D
    User Attivo •

    Crazy, hai un link al tuo sito?

    Vorrei capirci meglio.

    E' possibile che le immagini che hai messo siano di dimensioni diverse?

    Se si, dovresti cambiare le dimensioni delle immagini o fare qualche piccola modifica ai CSS, ma dovrei guardarci per capirci meglio 🙂

    0
  • C
    User Attivo •

    Ok...ok...ok...
    Non tenevo conto di una trasparenza del'immagine, che la faceva sembrare più in altro deleùla riga di base.:fumato:
    Risolto...

    Ne approfitto per esporre un problema inerente lo stesso menù:

    quando associo l'immagine ad una voce me la posiziona di default alla dx del testo, come ce la metto a sinistra?

    Grazie mille.

    0
  • P
    Super User •

    Sicuramente nel css c'è un istruzione che dice all'immagine di allinearsi a destra invece che a sinistra. Se sei pratico di fogli di stile non ti sarà difficile trovarlo, in alternativa lo vediamo insieme. 😉

    0
  • C
    User Attivo •

    @pikadilly said:

    Sicuramente nel css c'è un istruzione che dice all'immagine di allinearsi a destra invece che a sinistra. Se sei pratico di fogli di stile non ti sarà difficile trovarlo, in alternativa lo vediamo insieme. 😉

    immaginavo, purtroppo non lo trovo... il sito è ancora in locale quindi non riesco a mostraverlo, il template è "page" di yootheme.
    ho guardato nei css ed ho sostituito tutti i "right" con il "left" ma nulla. 😄

    0
  • C
    User Attivo •

    menus.css

    /*

    • YOOtheme CSS file
    • @author yootheme.com
    • @copyright Copyright (C) 2007 YOOtheme Ltd. & Co. KG. All rights reserved.
      */

    /*

    • topmenu
      */

    div#topmenu ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    float: left;
    }

    div#topmenu li {
    margin: 0px;
    padding: 0px;
    float: left;
    display: block;
    }

    div#topmenu li a {
    height: 20px;
    padding: 0px 10px 0px 10px;
    background: url(../images/topmenu_item_bg.png) 0 4px no-repeat;
    float: left;
    display: block;
    line-height: 17px;
    overflow: hidden;
    font-size: 85%;
    text-decoration: none;
    }

    div#topmenu li.item1 a {
    padding: 0px 10px 0px 0px;
    background: none;
    }

    /*

    • menu
      */

    div#menu ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    float: left;
    }

    div#menu li {
    position: relative;
    margin: 0px;
    padding: 0px;
    display: block;
    float: left;
    }

    div#menu li a, #menu li span.separator {
    height: 40px;
    display: block;
    float: left;
    line-height: 50px;
    text-decoration: none;
    color: #000000;
    overflow: hidden;
    }

    div#menu li span {
    display: block;
    }

    div#menu li span {
    background-repeat: no-repeat;
    background-position: 95% 0px;
    }

    div#menu li a.current {
    color: #aa1428;
    }

    div#menu a:hover, div#menu span.separator:hover, div#menu span.sfhover, div#menu a.current:hover {
    color:;
    }

    div#menu li.active {
    font-weight: bold;
    }

    div#menu li.active ul {
    font-weight: normal;
    }

    div#menu li.parent span.separator {
    cursor: pointer;
    }

    div#menu ul.menu {
    }

    div#menu li.level1 {
    margin-left: 5px;
    }

    div#menu a.level1 span, div#menu span.level1 span {
    padding: 0px 15px 0px 15px;
    }

    div#menu li.level1:hover, div#menu li.sfhover {
    background: url(../images/menu_tab_l.png) 0 0 no-repeat;
    }

    div#menu li.sfhover li.sfhover {
    background: none;
    }

    div#menu li:hover a.level1, div#menu li.sfhover a.level1, div#menu li:hover span.level1, div#menu li.sfhover span.level1 {
    background: url(../images/menu_tab_r.png) 100% 0 no-repeat;
    }

    div#menu li.active {
    background: url(../images/menu_tab_l.png) 0 0 no-repeat;
    }

    div#menu a.active, div#menu span.active {
    background: url(../images/menu_tab_r.png) 100% 0 no-repeat;
    }

    div#menu li.active li {
    background: none;
    }

    div#menu li li a.active {
    background: none;
    }

    div#menu li a.level1, li span.level1 {
    color: #ffffff;
    }

    div#menu li.active a.level1, li.active span.level1 {
    line-height: 43px;
    color:;
    }

    div#menu li:hover a.level1, li:hover span.level1, div#menu li.sfhover a.level1, li.sfhover span.level1 {
    line-height: 43px;
    color:;
    }

    div#menu li.level1 a:hover.level1, li.level1 span:hover.level1, li.level1 span.sfhover span {
    color:;
    }

    div#menu ul.menu ul {
    position: absolute;
    top: 40px;
    left: -999em;
    width: 165px;
    padding: 0px 0px 1px 0px;
    background: url(../images/menu_dropdown_bg.png) 0 100% no-repeat;
    }

    div#menu li:hover ul, div#menu li.sfhover ul {
    left: 0px;
    z-index: 100;
    }

    div#menu li.level1 li {
    width: 100%;
    text-indent: 15px;
    }

    div#menu li.level1 li a, div#menu li.level1 li span.separator {
    height: 25px;
    padding: 0px;
    margin: 0px 1px 0px 1px;;
    background: url(../images/menu_level2_item.png) 100% 0 no-repeat;
    float: none;
    display: block;
    line-height: 25px;
    }

    div#menu li.level2 a.parent, div#menu li li.level2 span.parent {
    background: url(../images/menu_level2_item_parent.png) 100% 0 no-repeat;
    }

    div#menu li.level1 li.last a, div#menu li.level1 li.last span.separator {
    background: url(../images/menu_level2_item.png) 100% 1px no-repeat;
    }

    div#menu li.level1 li.last a.parent, div#menu li.level1 li.last span.parent {
    background: url(../images/menu_level2_item_parent.png) 100% 1px no-repeat;
    }

    div#menu li ul ul {
    margin: -41px 0 0 164px;
    }

    div#menu li:hover ul ul, div#menu li.sfhover ul ul {
    border-top: 1px solid #C8C8C8;
    }

    div#menu li:hover ul ul, div#menu li.sfhover ul ul,
    div#menu li:hover ul ul ul, div#menu li.sfhover ul ul ul,
    div#menu li:hover ul ul ul ul, div#menu li.sfhover ul ul ul ul {
    left: -999em;
    }

    div#menu li li:hover ul, div#menu li li.sfhover ul,
    div#menu li li li:hover ul, div#menu li li li.sfhover ul,
    div#menu li li li li:hover ul, div#menu li li li li.sfhover ul {
    left: 0;
    z-index: 100;
    }

    /*

    • sub menu
      */

    div#middle div.module_menu ul {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    list-style: none;
    background:;
    }

    div#middle ul.menu li {
    margin: 0px;
    padding: 0px;
    display: block;
    }

    div#middle ul.menu li a, div#middle ul.menu li span.separator {
    height: 25px;
    display: block;
    line-height: 25px;
    text-decoration: none;
    color:;
    }

    div#middle ul.menu li span {
    display: block;
    }

    div#middle ul.menu li span {
    background-repeat: no-repeat;
    background-position: 95% 0px;
    }

    div#middle ul.menu a.current {
    color:;
    }

    div#middle ul.menu a:hover, div#middle ul.menu span.separator:hover, div#middle ul.menu span.sfhover, div#middle ul.menu a.current:hover {
    color:;
    }

    div#middle ul.menu li.active {
    font-weight: bold;
    }

    div#middle ul.menu li.active li {
    font-weight: normal;
    }

    div#middle ul.menu li.parent span.separator {
    cursor: pointer;
    }

    div#middle ul.menu li.level1 {
    }

    div#middle ul.menu a.level1, div#middle ul.menu span.level1 {
    background: url(../images/submenu_level1_item.png) 100% 0 no-repeat;
    text-indent: 15px;
    }

    div#middle ul.menu li.parent a.level1, div#middle ul.menu li.parent span.level1 {
    background: url(../images/submenu_level1_item_parent.png) 100% 0 no-repeat;
    }

    div#middle ul.menu li.level2 {
    }

    div#middle ul.menu li.level2 a {
    height: 20px;
    line-height: 20px;
    }

    div#middle ul.menu a.level2 {
    background: url(../images/submenu_level2_item.png) 100% 0 no-repeat;
    text-indent: 35px;
    }

    div#middle ul.menu a.level2 span {
    background: url(../images/submenu_level2_item_icon.png) 15px 2px no-repeat;
    }

    div#middle ul.menu li.level3 {
    }

    div#middle ul.menu a.level3 {
    background: url(../images/submenu_level2_item.png) 100% 0 no-repeat;
    text-indent: 45px;
    }

    div#middle ul.menu a.level3 span {
    background: url(../images/submenu_level3_item_icon.png) 25px 2px no-repeat;
    }

    div#middle ul.menu li.level4 {
    }

    div#middle ul.menu a.level4 {
    background: url(../images/submenu_level2_item.png) 100% 0 no-repeat;
    text-indent: 55px;
    }

    div#middle ul.menu a.level4 span {
    background: url(../images/submenu_level4_item_icon.png) 35px 2px no-repeat;
    }

    Dove metto mano senza fare danno? 😄

    0
Effettua l'accesso per rispondere