Eliminare menù di pagina solo in home page
Автор: Leonardo Z.Buongiorno, rieccomi con un nuovo quesito: stavo cercando di creare un template nuovo per il mio sito creando anche i pulsanti per navigare all'interno del sito.
Avendo eliminato i menù di pagina, dovrei inserire nella parte alta di ogni pagina delle icone con i collegamenti alle varie pagine, altrimenti si è costretti sempre a tornare nella pagina "di smistamento" ( http://www.leonart.info/prova/cosa.html ).
La mia domanda è: devo creare in ogni pagina le caselle immagini con il collegamento o esiste un modo per poterle copiare in ogni pagina?
Potrei fare un casella di testo con all'interno delle immagini, ma non posso dargli gli effetti che avrei con l'inserimento della casella immagine (tooltip o cambio immagine su passaggio del mouse).
Oppure c'è un sistema per eliminare il menù di pagina solo da alcune pagine o perlomeno renderlo non visibile?
Grazie come sempre delle risposte che arriveranno.
credo che per "menu di pagina" ti rifesrisca al menu standard di website, in quanto non lo vedo... nelle pagine in cui non vuoi il menu al passo 2, creazione mappa, sezione esperto, prima della chiusura del tag head inserisci questo css
<style>
#imMnMn {display:none;}
</style>
se le icone con i collegamenti non puoi inserirle in intestazione (che inseriresti una volta sola e sarebbero presenti in ogni pagina), devi creartele nella griglia di pagina e ripeterle in ogni pagina... ma puo' darsi che ci sia un altro sistema...
ciao
Автор
Grazie mille Skeggia (mai nome fu più meritato), in effetti non avevo pensato a inserirle nell'intestazione, anche se graficamente non mi paicerebbe molto perchè la vorrei più pulita possibile.
Grazie anche per il css.
... ottimo suggerimento quello di Skeggia...
...in più ti segnalo che potresti rendere le pagine non visibili selezionandole al Passo_2 ed azionando il pulsante del menu Pagina non visibile sul Menu
... riguardo la pulizia dell'Intestazione, credo che se organizzata bene, non dovresti avere problemi...
.
ciao
on step2
at the top of homepage, select "Menu" then use the Hide button (picture being posted by Kolasim)
for adding text with image with style, tooltip and mouseover
you need to use html object for text menu and add css to it (in expert tab)
for example:
in html object put the following
****************************translate
su step2
nella parte superiore della home page, selezionare "Menu", quindi utilizzare il pulsante Nascondi (foto essendo postato da Kolasim)
per l'aggiunta di testo con l'immagine con stile, tooltip e mouseover
è necessario utilizzare oggetti html per il menu testo e aggiungere css ad essa (in tab esperto)
per esempio:
html in oggetto si inserisce il seguente
<ul id="menu">
<li id="home"><a href="#">Home</a></li>
<li id="flights"><a href="#">Flights</a></li>
<li id="events"><a class="current" href="#">Events</a></li>
<li id="hotels"><a href="#">Hotels</a></li>
<li id="restaurants"><a href="#">Restaurants</a></li>
<li id="transport"><a href="#">Transport</a></li>
<li id="settings"><a href="#">Settings</a></li>
<br class="clear">
</ul>
then add this into css (expert tab)
quindi aggiungere questo in css (tab esperto)
#menu{
width:675px; /*---Dare il nostro UL larghezza ---*/
list-style:none; /*--- Rende i proiettili vanno via ---*/
margin:0; /*--- Prendete qualsiasi margine predefinito sul tag UL ---*/
padding:0; /*--- Estrarre l'imbottitura di default sul tag UL ---*/
margin:0 auto; /*--- Centrare il menù---*/
}
#menu li{
float:left; /*--- Rendere la lista va orizzontale ---*/
margin:0;
}
#menu li a{
display:block; /*--- Verificare l'intero pulsante sono cliccabili, piuttosto che il solo testo ---*/
text-indent: -9999px; /*--- Spingere il testo fuori dallo schermo per nascondere il testo---*/
overflow: hidden; /*--- Fa testo al di fuori del rettangolo di selezione nascosta ---*/
height:33px;
}
#menu li#home a{
background: url(images/home.jpg) no-repeat;
width:81px;
}
#menu li#flights a{
background: url(images/flights.jpg) no-repeat;
width:79px;
}
#menu li#home a:hover{
background: url(images/home-over.jpg) no-repeat;
}
#menu li#flights a:hover{
background: url(images/flights-over.jpg) no-repeat;
}
se questa è la risposta corretta, si prega di contrassegnare questa risposta come risposta corretta.
-------------------------------------------------- ----------
Buona fortuna
http://www.wdesigners.us
http://www.usx5.com (Prossimamente) (Registrati)
ciao Kol, aveva parlato nella sua richieste di nascondere in "alcune pagine" il menu, appunto gli ho scritto il css da mettere dove non lo vuole, ok per il "nascondi pagine" al passo 2... ciao