Torna indietro   Hardware Upgrade Forum > Software > Programmazione

Samsung Galaxy S25 Edge: il top di gamma ultrasottile e leggerissimo. La recensione
Samsung Galaxy S25 Edge: il top di gamma ultrasottile e leggerissimo. La recensione
Abbiamo provato il nuovo Galaxy S25 Edge, uno smartphone unico per il suo spessore di soli 5,8 mm e un peso super piuma. Parliamo di un device che ha pro e contro, ma sicuramente si differenzia dalla massa per la sua portabilità, ma non senza qualche compromesso. Ecco la nostra prova completa.
HP Elitebook Ultra G1i 14 è il notebook compatto, potente e robusto
HP Elitebook Ultra G1i 14 è il notebook compatto, potente e robusto
Pensato per il professionista sempre in movimento, HP Elitebook Ultra G1i 14 abbina una piattaforma Intel Core Ultra 7 ad una costruzione robusta, riuscendo a mantenere un peso contenuto e una facile trasportabilità. Ottime prestazioni per gli ambiti di produttività personale con un'autonomia lontano dalla presa di corrente che permette di lavorare per tutta la giornata
Microsoft Surface Pro 12 è il 2 in 1 più compatto e silenzioso
Microsoft Surface Pro 12 è il 2 in 1 più compatto e silenzioso
Basato su piattaforma Qualcomm Snapdragon X Plus a 8 core, il nuovo Microsoft Surface Pro 12 è un notebook 2 in 1 molto compatto che punta sulla facilità di trasporto, sulla flessibilità d'uso nelle differenti configurazioni, sul funzionamento senza ventola e sull'ampia autonomia lontano dalla presa di corrente
Tutti gli articoli Tutte le news

Vai al Forum
Rispondi
 
Strumenti
Old 27-12-2006, 11:22   #1
[>>VK<<]
Senior Member
 
L'Avatar di [>>VK<<]
 
Iscritto dal: Oct 2005
Messaggi: 405
[JavaScript] aiuto per menù a tendina...

ho preso da htlm.it questo esempio di menu a tendina in java scrip

Quote:
<!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" lang="it">
<head>

<title>Menù a tendina</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="it" />

<style type="text/css">

#csstopmenu, #csstopmenu ul{
padding: 0;
margin: 0;
list-style: none;
}

#csstopmenu li{
float: left;
position: left;
}

#csstopmenu a{
text-decoration: none;
}

.mainitems{
border: 0px solid black;
border-left-width: 0px;
background-color: #000000;
}

.headerlinks a{
margin: auto 3px;
font-weight: bold;
color: white;
}

.submenus{
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
background-color: #000000;
border: 0px solid black;
}

.submenus li{
width: 100%;
}

.submenus li a{
display: block;
width: 100%;
text-indent: 3px;
}

html>body .submenus li a{ /* non IE browsers */
width: 50;
}

.submenus li a:hover{
background-color: white;
color: black;
}

#csstopmenu li>ul {/* non IE browsers */
top: auto;
left: auto;
}

#csstopmenu li:hover ul, li.over ul {
display: block;
}

html>body #clearmenu{ /* non IE browsers */
height: 0px;
}

</style>

<script type="text/javascript">

startMenu = function() {
if (document.all&&document.getElementById) {
cssmenu = document.getElementById("csstopmenu");
for (i=0; i<cssmenu.childNodes.length; i++) {
node = cssmenu.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function(){
this.className=this.className.replace(" over", "")
}
}
}
}
}

if (window.attachEvent)
window.attachEvent("onload", startMenu)
else
window.onload=startMenu;

</script>

</head>
<body >
<br /><br />
<div align="left">


<ul id="csstopmenu">

<li class="mainitems" style="border-left-width: none">
<div class="headerlinks"><a href="http://www.html.it">| Gallery</a></div>
<ul class="submenus">
<li><a href="#">Prova</a></li>
<li><a href="#">Testo</a></li>
<li><a href="#">Prova</a></li>
<li><a href="#">Testo</a></li>
</ul>
</li>

<li class="mainitems">
<div class="headerlinks"><a href="http://www.ciao.it">| Video</a></div>
<ul class="submenus">
<li><a href=".">Prova</a></li>
<li><a href=".">Testo</a></li>
<li><a href=".">Prova</a></li>
<li><a href=".">Testo</a></li>
</ul>
</li>
<li class="mainitems">
<div class="headerlinks"><a href="http://www.ciao.it">| Biografia</a></div>
<ul class="submenus">
<li><a href=".">Prova</a></li>
<li><a href=".">Testo</a></li>
<li><a href=".">Prova</a></li>
<li><a href=".">Testo</a></li>
</ul>
</li>
<li class="mainitems">
<div class="headerlinks"><a href="http://www.ciao.it">| Filmografia</a></div>
<ul class="submenus">
<li><a href=".">Prova</a></li>
<li><a href=".">Testo</a></li>
<li><a href=".">Prova</a></li>
<li><a href=".">Testo</a></li>
</ul>
</li>
<li class="mainitems">
<div class="headerlinks"><a href="http://www.ciao.it">| Download</a></div>
<ul class="submenus">
<li><a href=".">Prova</a></li>
<li><a href=".">Testo</a></li>
<li><a href=".">Prova</a></li>
<li><a href=".">Testo</a></li>
</ul>
</li>
<li class="mainitems">
<div class="headerlinks"><a href="http://www.freephp.html.it">| Forum</a></div>
<ul class="submenus" style="width: 14em">
<li><a href="">Prova</a></li>
<li><a href="">Testo</a></li>
<li><a href="">Prova</a></li>
</ul>
</li>

</ul>


<div id="clearmenu" style="clear: left"></div>


</div>
<br /><br /><br /><br /><br /><br />
</body>
</html>
alcune cose c'e lo già fatta a modificarne pur sapendo 0 di java scrip, ora volevo chiederere il vostro aiuto per:

- poter cambiare font del menù
- per fare in modo che le parole con collegamento ipertestuale nn siano blu
- per fare in modo che il sub menù nn sia così grande ma sia grande quanto basta per contenere la parola.


P.S
se volete vedere com'è salvate il codice in un file htm.

grazie in anticipo.
__________________
CPU: Intel i5 750 @2.66 GHz Mainboard: ASUS P7P55D Deluxe RAM: 4x2GB Kingston HyperX 7-7-7-20 DDR3 @1333 MHz
Hard Disk: Samsung SSD 840 EVO 250GB, 3 Tb WD Green caviar 64MbCache Monitor: Samsung Syncmaster P2350 FullHD Scheda Video: ASUS EAH5850 DirectCU 1Gb GDDR5 Alimentatore: Corsair HX620 80Plus Sistema Operativo: Windows 7 Professional SP1 x64 Case: Cooler Master CM 690
[>>VK<<] è offline   Rispondi citando il messaggio o parte di esso
Old 27-12-2006, 13:56   #2
kk3z
Senior Member
 
L'Avatar di kk3z
 
Iscritto dal: Nov 2003
Messaggi: 980
Quote:
Originariamente inviato da [>>VK<<]
- poter cambiare font del menù
aggiungi font-family: [font che vuoi]; (e font-size: [dimensione del font]; se vuoi) nello stile per #csstopmenu

Quote:
Originariamente inviato da [>>VK<<]
- per fare in modo che le parole con collegamento ipertestuale nn siano blu
aggiungi color: [colore che vuoi]; nello stile di .submenus li a

Quote:
Originariamente inviato da [>>VK<<]
- per fare in modo che il sub menù nn sia così grande ma sia grande quanto basta per contenere la parola.
Questo senza stravolgere il codice html è difficile farlo...
kk3z è offline   Rispondi citando il messaggio o parte di esso
 Rispondi


Samsung Galaxy S25 Edge: il top di gamma ultrasottile e leggerissimo. La recensione Samsung Galaxy S25 Edge: il top di gamma ultraso...
HP Elitebook Ultra G1i 14 è il notebook compatto, potente e robusto HP Elitebook Ultra G1i 14 è il notebook c...
Microsoft Surface Pro 12 è il 2 in 1 più compatto e silenzioso Microsoft Surface Pro 12 è il 2 in 1 pi&u...
Recensione REDMAGIC Astra Gaming Tablet: che spettacolo di tablet! Recensione REDMAGIC Astra Gaming Tablet: che spe...
Dopo un mese, e 50 foto, cosa abbiamo capito della nuova Nintendo Switch 2 Dopo un mese, e 50 foto, cosa abbiamo capito del...
La cometa interstellare 3I/ATLAS potrebb...
Un triste giorno per l'industria videolu...
Il tuo mouse ti spia? La suite di gestio...
Proton presenta Lumo: l'assistente AI co...
Samsung Galaxy S26 Edge: più auto...
Escobar Inc.: una frode che porta il mar...
Apple e la smart home in arrivo? Nuovo H...
Anche Alfa Romeo lancia il suo incentivo...
Un braccialetto che ascolta e registra o...
OPPO Find X8 Ultra: il RE dei cameraphon...
DeepL sempre più potente: arrivan...
Addio a Shunsaku Tamiya, il papà ...
Il volontariato non può essere gr...
Baxi presenta le nuove pompe di calore a...
Solo 104€ per questo robot Lefant da 500...
Chromium
GPU-Z
OCCT
LibreOffice Portable
Opera One Portable
Opera One 106
CCleaner Portable
CCleaner Standard
Cpu-Z
Driver NVIDIA GeForce 546.65 WHQL
SmartFTP
Trillian
Google Chrome Portable
Google Chrome 120
VirtualBox
Tutti gli articoli Tutte le news Tutti i download

Strumenti

Regole
Non Puoi aprire nuove discussioni
Non Puoi rispondere ai messaggi
Non Puoi allegare file
Non Puoi modificare i tuoi messaggi

Il codice vB è On
Le Faccine sono On
Il codice [IMG] è On
Il codice HTML è Off
Vai al Forum


Tutti gli orari sono GMT +1. Ora sono le: 03:39.


Powered by vBulletin® Version 3.6.4
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Served by www3v