Salve a tutti, sto cercando di creare un sito... vorrei creare un menu laterale a comparsa. Cerco di spiegarmi meglio. Il "menù" se cosi si può chiamare deve essere composto da 3 sezione che inizialmente faccia comparire solo una piccola immagine e una volta che il mouse è sopra spunta fuori facendo vedere cosa c'è scritto dentro. Le 3 sezioni devono essere indipendenti una dall'altra, quindi se il mouse è su "sezione2" comparirà fuori solo la sezione 2 e non la 1 e la 3. Per farmi capire meglio questo tipo di menu laterale a comparsa è presente in un noto forum sul circuito di forumcommunity ma non saprei se posso linkarlo. Avrei bisogno di un aiuto perchè sinceramente non saprei da dove cominciare in quanto non sono molto pratico di linguaggi html/css/php. Spero possiate aiutarmi. Grazie in anticipo!
[HTML] Problema menu a comparsa
- Creatore Discussione Scialpo
- Data di inizio
Codice:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento senza titolo</title>
<style type="text/css">
#menu {
background: rgba(255,158,159,1.00);
width: 370px;
height: 50px;
}
img {
margin: 10px;
float: left;
}
#clear {
clear: both;
}
#demo1 {
visibility: hidden;
}
#demo2 {
visibility: hidden;
}
#demo3 {
visibility: hidden;
}
#demo1, #demo2, #demo3 {
position: absolute;
top: 60px;
left: 20px;
}
</style>
</head>
<body>
<div id="menu">
<img src="menu1.jpg" width="99" height="26" alt="" onMouseOver="document.getElementById('demo1').style.visibility='visible';" onMouseOut="document.getElementById('demo1').style.visibility='hidden';"/>
<img src="menu2.jpg" width="102" height="26" alt="" onMouseOver="document.getElementById('demo2').style.visibility='visible';" onMouseOut="document.getElementById('demo2').style.visibility='hidden';"/>
<img src="menu3.jpg" width="102" height="26" alt="" onMouseOver="document.getElementById('demo3').style.visibility='visible';" onMouseOut="document.getElementById('demo3').style.visibility='hidden';"/>
</div>
<div id="clear"> </div>
<div id="demo1">Inserite qui il contenuto per menu1</div>
<div id="demo2">Inserite qui il contenuto per menu2</div>
<div id="demo3">Inserite qui il contenuto per menu3</div>
</body>
</html>Immagini
Ultima modifica:
Grazie mille volevo solo l'autorizzazione da qualche mod
il menu laterale che intendo è quello presente sul forum http://archive.forumcommunity.net ... però invece di collegare facebook o google+ vorrei fare tipo una presentazione dei moderatori del sito...quindi facendo uscire dal menu solo i nomi e al posto delle immagini dei vari facebook e google + appunto piccole nostre foto... non saprei proprio fa dove cominciare
starò sbagliando qualcosa...lo inserisco ma aggiornando la pagina è come se non avessi inserito nulla...ti spiego. Il tema che ho scelto su altervista è stato creato su diverse pagine di codice denominate "404.php" "archive.php" "comments.php" "footer.php" "functions.php" "header.php" "index.php" "lib/features.php" "page-template-archives.php" "page-template-full.php" "page-template-contacts.php" "page-template-sitemaps.php" "page.php" "sidebar.php" "single.php".... l'ho provato ad aggiungere praticamente a tutte le pagine ma è come se non lo leggesse... l'unico in cui succede qualcosa è quando inserisco il codice che mi hai dato in "header.php" mi appare un rettangolo rosa all'altezza dell'header appunto...scusami l'enorme ignoranza in materia
Discussioni simili
- Bloccata
