Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => : ciambox 19 Nov 2011, 15:09:29
-
ciao a tutti... vorrei sapere come posso inserire questo codice html in modo tale ke compaia nella home del mio sito in joomla http://sardegnadiprova.altervista.org/Joomla/ (http://sardegnadiprova.altervista.org/Joomla/) a destra del sito.. sul pannello amministrazione provo a insrire il codie generato con dreamwiever.. ma come vedete mi copia solo i nomi delle immagini... il codice e questo:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
#apDiv1 {
position:absolute;
left:30px;
top:14px;
width:213px;
height:373px;
z-index:1;
background-image: url(http://www.sardegnadiprova.altervista.org/sardinia_map2.gif);
}
#apDiv2 {
position:absolute;
left:401px;
top:370px;
width:68px;
height:26px;
z-index:2;
}
#apDiv3 {
position:absolute;
left:437px;
top:254px;
width:66px;
height:36px;
z-index:3;
}
#apDiv4 {
position:absolute;
left:359px;
top:162px;
width:97px;
height:22px;
z-index:4;
}
#apDiv5 {
position:absolute;
left:385px;
top:278px;
width:78px;
height:37px;
z-index:5;
}
#apDiv6 {
position:absolute;
left:131px;
top:70px;
width:67px;
height:26px;
z-index:2;
}
#apDiv7 {
position:absolute;
left:57px;
top:108px;
width:88px;
height:25px;
z-index:3;
}
#apDiv8 {
position:absolute;
left:59px;
top:198px;
width:71px;
height:26px;
z-index:4;
}
#apDiv9 {
position:absolute;
left:129px;
top:163px;
width:102px;
height:24px;
z-index:5;
}
#apDiv10 {
position:absolute;
left:155px;
top:211px;
width:71px;
height:25px;
z-index:6;
}
#apDiv11 {
position:absolute;
left:74px;
top:269px;
width:77px;
height:24px;
z-index:7;
}
#apDiv12 {
position:absolute;
left:124px;
top:299px;
width:89px;
height:32px;
z-index:8;
}
#apDiv13 {
position:absolute;
left:55px;
top:326px;
width:75px;
height:27px;
z-index:9;
}
</style>
</head>
<body>
<div id="apDiv1"></div>
<div id="apDiv6"><a href="pagina.htm"><img src="gallura_button.png" onMouseOver="this.src='gallura.png';" onMouseOut="this.src='gallura_button.png';">[/url]</div>
<div id="apDiv7"><a href="pagina.htm"><img src="sassari_button.png" onMouseOver="this.src='sassari.png';" onMouseOut="this.src='sassari_button.png';">[/url]</div>
<div id="apDiv8"><a href="pagina.htm"><img src="oristano_button.png" onMouseOver="this.src='oristano.png';" onMouseOut="this.src='oristano_button.png';">[/url]</div>
<div id="apDiv9"><a href="pagina.htm"><img src="nuoro_button.png" onMouseOver="this.src='nuoro.png';" onMouseOut="this.src='nuoro_button.png';">[/url]</div>
<div id="apDiv10"><a href="pagina.htm"><img src="ogliastra_button.png" onMouseOver="this.src='ogliastra.png';" onMouseOut="this.src='ogliastra_button.png';">[/url]</div>
<div id="apDiv11"><a href="pagina.htm"><img src="campidano_button.png" onMouseOver="this.src='campidano.png';" onMouseOut="this.src='campidano_button.png';">[/url]</div>
<div id="apDiv12"><a href="pagina.htm"><img src="cagliari_button.png" onMouseOver="this.src='cagliari.png';" onMouseOut="this.src='cagliari_button.png';">[/url]</div>
<div id="apDiv13"><a href="pagina.htm"><img src="sulcis_button.png" onMouseOver="this.src='sulcis.png';" onMouseOut="this.src='sulcis_button.png';">[/url]</div>
</body>
</html>
-
ciao ciambox,
per inserire del codice negli articoli:
Vai al pannello di controllo e dalle impostazioni generali seleziona l'editor codemirror
poi vai sulle opzioni generali degli articoli (vai su articoli e pigia opzioni in alto a destra)
seleziona su filtri, per il superuser: nessun filtro
A colpo d'occhio, mi sembra tu stia cercando di inserire del codice che riproduce dei pulsanti "animati" (a due stati) su uno sfondo.
Se installi l'editor JCE credo ti venga piu' semplice gestire la cosa.
Ajo'!
-
grazie frari mo ci provo :D