Creare Box Con Linguette

**playbasfa** · 10-07-2009, 11:38

Salve ragazzi, è un pò che non scrivo come và? Sto per conludere di realizzare il mio sito, manca poco e vorrei implementare una struttura che ho visto in un altro sito, qualcuno saprebbe dirmi che codice devo usare?
Nel libro da cui ho studiato (CSS di Gianluca Troiani) non se ne parla. Ho cercato di estrapolare il codice direttamente da quella pagina ma senza successo.

Ecco il link QUI

Il box che mi interessa è quello a fine inserzione in cui vi sono le diciture "Chi Siamo" , "Pagamenti", "Spedizioni" ecc...

Grazie in anticipo a chi vorrà aiutarmi!

**playbasfa** · 10-07-2009, 16:37

Nessuno

?

**LùcazStrict** · 12-07-2009, 13:22

ma qual'è il tuo problema? la struttura o il funzionamento dei tab?

**playbasfa** · 12-07-2009, 22:30

Non so qual'è il codice per realizzare quell'effetto.

Sarebbe gradito se ad es. qualcuno mi facesse vedere il codice per creare un box anche con solo 2 voci..
In mezzo a quel macello mi viene parecchio difficile capirci qualcosa.

**LùcazStrict** · 12-07-2009, 23:14

eccomi!
questo è il sistema che userei io, javascript+css
è un esempio molto spartano, ma mi pare chiaro!!

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
body{font:10pt tahoma}
a.tasto{float:left;display:block;width:100px;height:20px;background-color:#cccccc;color:#000000;border:1px solid #000000;text-align:center;}
a.tasto:hover{background-color:#ffffff;color:#ff0000}

a.tasto_sel{float:left;display:block;width:100px;height:20px;background-color:#ff0000;color:#ffffff;border:1px solid #000000;text-align:center;}

div#cont{border:1px solid #000000;width:306px;height:306px;background-color:#ffffff;clear:both}
div.hidetab{display:none}

</style>
<script type="text/javascript">
function sel(tab)
{
	for (i=0;i<3;i++)
	{
		document.getElementById('tasto'+i).className="tasto"
	}
	document.getElementById('tasto'+tab).className="tasto_sel"
	document.getElementById('cont').innerHTML=document.getElementById('tab'+tab).innerHTML
	
}
</script>
</head>
<body>
PrimoSecondoSecondo
<div id="cont">


</div>

<div class="hidetab" id="tab0">Testo primo tab
xxxxx xxxxx xxxx xxxxx</div>
<div class="hidetab" id="tab1">Testo secondo tab
xxxxx xxxxx xxxx xxxxx</div>
<div class="hidetab" id="tab2">Testo terzo tab
xxxxx xxxxx xxxx xxxxx</div>
<script type="text/javascript">document.getElementById('tasto0').className="tasto_sel";document.getElementById('cont').innerHTML=document.getElementById('tab0').innerHTML;</script>
</body>
</html>

**playbasfa** · 12-07-2009, 23:51

Cercavo qualcosa senza javascript, perchè il codice andrà inserito in una piattaforma in cui il javascript è vietato..
Comunque sia, grazie mille per la risposta, una buona base di partenza..

p.s. dopo mille ricerche conclusesi senza trovare nulla per caso ho trovato QUESTO...

Discussione: Creare Box Con Linguette

Strumenti discussione

Ricerca discussione

Visualizza

Creare Box Con Linguette

Permessi di invio