Toolbar di Mozzilla

**huke** · 09-06-2006, 12:10

Ho visto la barra del menu' di mozzilla

https://addons.mozilla.org/?app=firefox

e avevo intenzione di utilizzarla come spunto per un mio template.

visualizzo quindi il codice ed ecco cosa mi trovo :

<div id="key-menu">
<ul id="menu-firefox">
<li class="current">Home[*]Extensions[*]Plugins[*]Search Engines[*]Themes[/list]
</div>

Non mi visualizza sicuramente una parte del codice, Come lo hanno creato ?

sono sicuro che la mia è una domanda da 3 elementare, aiutatemi ad uscire dall' ignoranza J
grazie

**osvi** · 09-06-2006, 13:38

il codice è tutto li
la grafica è stata definita nei css

**huke** · 09-06-2006, 14:59

ti ringrazio per la risposta anche se non ho risolto il problema.

Ho salvato la pagina con Firefox e controllato ogni file CSS alla ricerca della classe : "menu-firefox"

content.css
content_002.css
forma.css
template.css
template_002.css

a questo punto credo che la definizione di "menu-firefox" non venga salvata. A prova di questo e anche che aprendo il file salvato si perde il lay-out

come posso risolvere il problema ?

**webdemo** · 09-06-2006, 15:27

Originariamente inviato da huke
ti ringrazio per la risposta anche se non ho risolto il problema.

Ho salvato la pagina con Firefox e controllato ogni file CSS alla ricerca della classe : "menu-firefox"

content.css
content_002.css
forma.css
template.css
template_002.css

a questo punto credo che la definizione di "menu-firefox" non venga salvata. A prova di questo e anche che aprendo il file salvato si perde il lay-out

come posso risolvere il problema ?

cerca nelle guide o nelle raccolte di menu css, è molto più semplice e in più hai un minimo di spiegazione.

es: http://www.exploding-boy.com/2005/12...ation-designs/

ciaux

**huke** · 12-06-2006, 18:08

grazie per il consiglio

Il problema che mi è rimasto da risolvere è :
come distinguere un link del menu in modo da indicare al utente la sezione in cui si trova ?

per evidenziare la cartella si potrebbe usare colore bianco di background e testo nero ma dopo varie prove con i css ho desistito

<!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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
body {
margin:0;
padding:0;

}

/*- Menu Tabs N --------------------------- */

#tabsN {
text-align: center;
float:left;
width:100%;
background:#FFFFFF;
font-size:110%; /*<======= Settare*/
line-height: normal;
}
#tabsN ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabsN li {
display:inline;
margin:0;
padding:0;
}
#tabsN a {
float:left;
background:url("tableftN.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsN a span {
float:left;
display:block;
background:url("tabrightN.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#464E42;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsN a span {
float:none;
/* End IE5-Mac hack */
color: #FFFFFF;
}
#tabsN a:hover span {
color:#000000;
}
#tabsN a:hover {
background-position:0% -42px;
}
#tabsN a:hover span {
background-position:100% -42px;
}

</style>
</head>
<body>

<div id="tabsN">
<ul>[*]Link1[*]Link 2[*]Link3[*]LongerLinkText[*]Link5[*]Link6[*]Link7[*]Link8[*]Link9[*]Link10[*]Link11[*]Link12[*]Link13[/list]
</div>

</body>
</html>

**huke** · 13-06-2006, 10:15

ho risolto il problema in questo modo :

<!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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
body {
margin:0;
padding:0;
}

/*- Menu Tabs N --------------------------- */

#tabsN {
text-align: center;
float:left;
width:100%;
background:#FFFFFF;
font-size:110%;
font:Verdana, Arial, Helvetica, sans-serif;
line-height: normal;
}
#tabsN ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabsN li {
display:inline;
margin:0;
padding:0;
}
#tabsN a {
float:left;
background:url("tableftN.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
/* text-decoration:none; */
}
#tabsN a span {
float:left;
display:block;
background:url("tabrightN.gif") no-repeat right top;
padding:5px 15px 4px 6px;
/*color:#464E42; */
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
/* Testo in visualizzazione normale */
#tabsN a span {
float:none;
/* End IE5-Mac hack */
/* color: #FFFFFF; */
}
#tabsN a:hover span {
color:#000000;
}
#tabsN a:hover {
background-position:0% -42px;
}
#tabsN a:hover span {
background-position:100% -42px;
}
/* impostazione dei colori */
.tab-a {color: #FFFFFF}
.tab-b {color: #FF0000}
</style>

</head>
<body>

<div id="tabsN">
<ul>[*]Link1[*]Link 2[*]Link3[*]LongerLinkText[*]Link5[*]Link6[*]Link7[*]Link8[*]Link9[*]Link10[*]Link11[*]Link12[*]Link13[/list]
</div>

</body>
</html>

Discussione: Toolbar di Mozzilla

Strumenti discussione

Ricerca discussione

Visualizza

Riprodurre la barra menù di Mozilla

Permessi di invio