Tag Title nelle voci Menu [RISOLTO]

[lepr83]

Buonasera a tutta la community, ho cercato in questo forum in lungo e il largo il mio problema, ma penso non si sia mai presentato o se si, mi scuso anticipatamente.


Vorrei inserire il tag title nelle immagini che compaiono nella barra menù superiore del mio sito www.betandtweet.com, ma non riesco e non so che porzione di codice andare a modificare per inserire la descrizione dell'immagine che appare portandoci sopra il cursore. Un grazie anticipato a chi mi risponderù, Ciao! Gianluca

[Cereal___killer]

Intendi assegnare un titolo alle icone mail, twitter, facebook, youtube etc... in modo che quando ci passi sopra col mouse esso compaia come tooltip?


Basta assegnarlo title="mio titolo" al tag <a> che crea il tuo tasto di menu...
Ovviamente per dire esattamente dove vada piazzato, occorre sapere come hai creato quei tasti di menu...
Il tuo menu è un modulo personalizzato... Quei tasti cosa sono? Delle voci di menu URL esterno? Perché in tal caso nelle "Opzioni tipo link" ci dovrebbe essere un campo che si chiama "Attributo title del link", che fa per l'appunto quello...

[lepr83]

nelle opzioni tipo link c'è scritto attributo title del link e l'ho compilato con "test" come da immagine allegata, ma non appare niente, come mai? in cosa sbaglio? grazie BuonaGiornata

[allegato eliminato da un amministratore essendo vecchio più di un anno]

[lepr83]

Vi prego Aiutatemi, è un caso disperato 

[Cereal___killer]

Evidentemente il plugin Helix che usi per creare il menu animato ignora l'attributo...
Il tag del menu è creato dal file:


plugins/system/helix/core/class.menu.php


Alla riga 132 vi è l'istruzione usata per creare il menu con immagine:


$txt = '<span class="menu"><img  class="menu-image" src="'.JURI::base().$iParams->get('menu_image').'" alt=" " />' . $menu_title . '</span>';


Come si vede crea il tag img in html senza alcun attributo title.
Bisogna aggiungerglielo... Dalle righe precedenti mi sembra si possa evincere che item->name sia il nome dato al menu... Si potrebbe pensare quindi di usare il nome del menu, che tanto non viene mostrato, come attributo title dell'immagine, in questo modo:


$txt = '<span class="menu"><img title="'. $item->name .'" class="menu-image" src="'.JURI::base().$iParams->get('menu_image').'" alt=" " />' . $menu_title . '</span>';


Non ho tuttavia modo di testarlo direttamente sul tuo sito, devi provarci tu...

[lepr83]

Sostituendo il codice


 [size=78%]//Menu image[/size]       if ($this->getParam('show_menu_image') && $iParams->get('menu_image') && $iParams->get('menu_image') != -1) {
         $txt = '<span class="menu"><span class="has-image" style="background-image:url('.JURI::base().$iParams->get('menu_image').')">' . $menu_title . '</span></span>';

che avevo in precedenza con il suo, funziona tutto perfettamente, ma si presenta un ulteriore problema: il menu si allunga in height , probabilmente perché si aspetta una scritta sotto ogni immagine ed è come se ci fosse un carattere vuoto, non so se riesco a speigarmi, Comunque vada se riesco o no a risolvere grazie!

[allegato eliminato da un amministratore essendo vecchio più di un anno]

[lepr83]

Aiuto, Sono Disperato, come posso risolvere?     

[lepr83]

Ho migliorato un pò la situazione nel senso che riesco a capirci qualcosa, ispezionando gli elementi immagine del menu con firebug, ho scoperto che (come da immagine allegata) c'è un tag </span> che se cancellato in tutte immagini del menu, lo stesso si riduce in altezza e tutto funziona perfettamente!


il problema è dove togliere questo tag </span>? in quale file css o php del ftp? chi mi aiuta? grazie 1000!

[allegato eliminato da un amministratore essendo vecchio più di un anno]

[lepr83]

plase aiutatemi, ho davvero bisogno di un aiuto delle community!

[Cereal___killer]

Si beh, non ero al pc oggi
    Quando hai solo qualche sfasamento dovuto al malposizionamento degli oggetti, ti basta fare una piccola analisi e qualche prova sui css, utilizzando strumenti come firebug o  "analizza elemento" di Chrome...


Dalle mie prove, una soluzione dovrebbe essere quella di modificare l'ID che si trova alla riga 34 di menu.css (percorso completo del css:     /templates/shaper_social/css/menu.css)


In particolare l'ID è:



#hornav ul.level-0 > li.menu-item > a.menu-item, #sublevel ul.level-1 > li.menu-item > a.menu-item {
display: block;
font-weight: 400;
line-height: normal;
text-decoration: none;
margin: 0;
color: white;
padding: 5px 10px;
}


Basta aggiungergli una riga che gli imponga l'height al giusto valore (25px nel nostro caso)... Quindi l'ID diverrà:



#hornav ul.level-0 > li.menu-item > a.menu-item, #sublevel ul.level-1 > li.menu-item > a.menu-item {
display: block;
font-weight: 400;
line-height: normal;
text-decoration: none;
margin: 0;
color: white;
padding: 5px 10px;
height: 25px;
}

[lepr83]

Misa che devo farti un monumento, Grazie!!!