[HTML] Problema menu a comparsa

Scialpo

Nuovo Utente
3 Ott 2014
7
2
3
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!
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
Mi sembra di capire cosa vuoi ma linka pure il sito per vedere l'esempio così capiamo meglio
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
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">&nbsp;</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>
Ovvio che tu poi posizioni i contenitori dove vuoi
Immagini
menu1.jpg
menu2.jpg
menu3.jpg
 
Ultima modifica:
  • Like
Reactions: Scialpo

Scialpo

Nuovo Utente
3 Ott 2014
7
2
3
Grazie mille volevo solo l'autorizzazione da qualche mod
smile.gif
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
dho.gif
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
Ma non ti ho già dato il codice funzionante? Perchè non lo guardi?
 
  • Like
Reactions: Scialpo

Scialpo

Nuovo Utente
3 Ott 2014
7
2
3
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
Autore Titolo Forum Risposte Data
M [HTML] problema spazio aggiuntivo tra elementi <li> di menu a tendina HTML e CSS 1
P [HTML] Problema con menu orizzontale a tendina per sito web HTML e CSS 17
L [HTML] bootstrap problema menu dropdown in mobile. HTML e CSS 3
L problema collegamento file css con html HTML e CSS 1
tomorc [HTML] Problema con scroll bar (risolto) HTML e CSS 0
P [HTML] Problema ERR_INCOMPLETE_CHUNKED_ENCODING 206 (Partial Content) con Font HTML e CSS 1
L [HTML] Problema con navbar HTML e CSS 0
F [HTML] problema tag canonical HTML e CSS 7
ANDREA20 [HTML] problema con i div HTML e CSS 10
Tommy03 [HTML] Problema Iphone - Android HTML e CSS 1
L [HTML] problema sfondo tutto schermo con immagine HTML e CSS 1
A [HTML] Problema HTML e CSS 2
Daniele_Carrara [HTML] Problema attributo min HTML e CSS 0
S [HTML] problema resonsive HTML e CSS 2
S [HTML] Problema <input type="date"> HTML e CSS 0
M problema con video in html 5 HTML e CSS 7
A [HTML] Sfondo responsive - problema specifico HTML e CSS 5
1992lvc [WordPress] Problema sidebar widget html Facebook WordPress 2
Andrea_Ventura [HTML] Problema centrare elemento orizzontalmente HTML e CSS 9
Angelo Russo [HTML] piccolo problema di impaginazione HTML e CSS 13
M [HTML] Problema visualizzazione immagini su dispositivi HTML e CSS 4
Selenio89 problema a caricare immagine con html. dove sbaglio? HTML e CSS 25
Kolop [WordPress] [HTML] Problema header su mobile WordPress 4
S [HTML] Problema non visibilità del sito HTML e CSS 1
J [HTML] problema IFrame con dispositivi IOS HTML e CSS 0
R [PHP] Problema stampa array bidimensionali con formula $html.=<<<myHtml... PHP 2
D [phpBB] [HTML] Problema pagina elenco argomenti (di forum) phpBB 9
A [HTML] Problema Safari e unita vw e vh. HTML e CSS 4
jonnino2004 [HTML] problema con bordo su h1 HTML e CSS 2
trattorino [PHP] [HTML] problema form PHP 1
B [HTML] Problema main box di un template HTML e CSS 2
Michaelweb93 [HTML] Problema sito web - wordpress WordPress 2
T [HTML] Problema pulsante scroll down su ecommerce CMS (Content Management System) 0
S [Javascript] [HTML] problema nella stampa degli elementi della pagina Javascript 3
S Problema invio form php/html PHP 3
nipone [WordPress] [HTML] Problema su Sticky Sidebar WordPress 2
M [HTML] Problema Checkbox HTML e CSS 3
M [WordPress] [HTML] Problema immagine background respondive WordPress 21
S [HTML] Problema Sovrapponimento Tab con Contentuto HTML e CSS 0
fulviozecchin Problema Visualizzazione tabelle HTML nel Browser HTML e CSS 9
D [HTML] Problema con Dreamweaver; 1) tabella con larghezza 100% 2) Immagine che si adatta a Div HTML e CSS 28
filomeni Problema con mail() in html PHP 4
S [HTML] Problema immagini verticali che si visualizzano capovolte HTML e CSS 3
P problema sito html su smartphone.. HTML e CSS 17
S Problema trasformare una stringa in html object Javascript 0
A problema : codice html HTML e CSS 1
C Problema con html e php :D PHP 1
D Problema collegamento file css con html HTML e CSS 4
O Problema con email in formato HTML PHP 1
G html problema table scrollable con header fisso HTML e CSS 2

Discussioni simili