Toolbar a comparsa

**WebmasterFC** · 18-10-2009, 21:37

Qualcuno sa dirmi come posso creare una toolbar come quella di
fenopy.com
a comparsa?

Graaaazie

**br1** · 18-10-2009, 22:01

Prima specifica cos'e' per te una "toolbar a comparsa" :master:

**WebmasterFC** · 18-10-2009, 22:04

Quella che sta in fondo pagina, quella che sta anche su facebook in fondo pagina,
quella barra orizzontale xD

**cavicchiandrea** · 18-10-2009, 22:30

L'esempio (come quasi tutti quelli che ho visto fin ora) sono servizi esterni nel tuo caso http://wibiya.com/ e funzionano tutti alla stessa maniera.
Se vuoi qualcosa di personalizzato te lo devi fare, lavorando su dei div posizionati a fondo pagina tipo:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<head>
<style type="text/css" media="screen">
body{
	margin: 0px;
} 
div#spazio{
	position: fixed;
	bottom: 0px;
	height: 35px;
	width: 99%;
	z-index: 100;
}
div#tool{
	background-color: #993300;
	opacity: 0.5;
	display: none;
	height: 30px;
	width: 90%;
	position: fixed;
	z-index: 50;
	bottom: 0px;
	left: 10px;
}
div#contenitore{
	background-color: #CCCCCC;
	height: 700px;
	width: 100%;
}
</style>
<script type="text/javascript">
function valida_form(){

}

</script></head>
<body>
<div id="contenitore">Inserire qui il contenuto per  id "contenitore"</div>
<div id="tool">Inserire qui il contenuto per  id &quot;tool&quot;</div>
<div id="spazio" onmouseover="document.getElementById('tool').style.display='block';"></div>
</body>
</html>

Discussione: Toolbar a comparsa

Strumenti discussione

Ricerca discussione

Visualizza

Toolbar a comparsa

Permessi di invio