Buongiorno a tutti e grazie in anticipo a chiunque voglia aiutarmi.
Sono il webmaster del forum phpBB2 di ciclismo che potete visualizzare a questo indirizzo: http://www.cyclingtopics.altervista.org. Vorrei far sì che il banner di testa (attualmente rosso ed assegnato ad mtb-doc) potesse ospitare una ritazione di banner.
Il mio problema non è nella creazione dello script (piuttosto semplice) che sono i grado di compilare, ma nella sua collocazione. Infatti non riesco ad applicare gli attributi "hspace" e "vspace" che mi permettono di tenere il banner in quella precisa posizione. Insomma vorrei sapere come compilare il codice in modo da far sì che in quello spazio possa esserci una ritazione di banner senza mutarne la posizione.
Allego il codice dell'"overall_header.tpl" relativo alla porzione contenete il banner e dello script.
Overall_header
codice:
<body bgcolor="{C_BG}" marginwidth="0" marginheight="0" leftmargin="0" topmargin="0" onload="PreloadImages();">
<a name="top"></a>
<table width="100%" cellspacing="0" cellpadding="0" border="0" bgcolor="{C_BG}">
<tr>
<td width="100%" background="{T_TEMPLATE_PATH}/images/logo_bg.jpg" align="middle" valign="middle">[img]{T_TEMPLATE_PATH}/images/spacer.gif[/img]
</img>
[img]{T_TEMPLATE_PATH}/images/logo_phpBB.gif[/img]
[img]{T_TEMPLATE_PATH}/images/spacer.gif[/img]</td>
</tr>
<tr>
<td width="100%" height="32"><table border="0" cellspacing="0" cellpadding="0" width="100%" background="{T_TEMPLATE_PATH}/images/top_bg1.gif">
<tr>
<td width="10">[img]{T_TEMPLATE_PATH}/images/top_left.gif[/img]</td>
<td>[img]{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_index.gif[/img]</td>
<td>[img]{T_TEMPLATE_PATH}/images/top_dot.gif[/img][img]{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_register.gif[/img]</td>
<td>[img]{T_TEMPLATE_PATH}/images/top_dot.gif[/img][img]{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_profile.gif[/img]</td>
<td>[img]{T_TEMPLATE_PATH}/images/top_dot.gif[/img][img]{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_pm.gif[/img]</td>
<td>[img]{T_TEMPLATE_PATH}/images/top_dot.gif[/img][img]{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_faq.gif[/img]</td>
<td>[img]{T_TEMPLATE_PATH}/images/top_dot.gif[/img][img]{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_users.gif[/img]</td>
<td>[img]{T_TEMPLATE_PATH}/images/top_dot.gif[/img][img]{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_search.gif[/img]</td>
<td>[img]{T_TEMPLATE_PATH}/images/top_dot.gif[/img][img]{T_TEMPLATE_PATH}/images/lang_{LANG}/btn_groups.gif[/img]</td>
<td width="100%">[img]{T_TEMPLATE_PATH}/images/spacer.gif[/img]</td>
<form method="post" action="{S_LOGIN_ACTION}">
<td width="10" background="{T_TEMPLATE_PATH}/images/top_bg2.gif">[img]{T_TEMPLATE_PATH}/images/spacer.gif[/img]</td>
<td background="{T_TEMPLATE_PATH}/images/top_bg2.gif" align="center" valign="middle"><input class="post" type="text" name="username" size="10" title="{L_USERNAME}" /></td>
<td width="10" background="{T_TEMPLATE_PATH}/images/top_bg2.gif">[img]{T_TEMPLATE_PATH}/images/spacer.gif[/img]</td>
<td background="{T_TEMPLATE_PATH}/images/top_bg2.gif" align="center" valign="middle"><input class="post" type="password" name="password" size="10" title="{L_PASSWORD}" /></td>
<td width="10" background="{T_TEMPLATE_PATH}/images/top_bg2.gif">[img]{T_TEMPLATE_PATH}/images/spacer.gif[/img]</td>
<td background="{T_TEMPLATE_PATH}/images/top_bg2.gif" align="center" valign="middle"><input type="submit" class="mainoption" name="login" value="{L_LOGIN}" /></td>
<input class="text" type="hidden" name="autologin" value="1" />
</form>
<form action="{S_LOGIN_ACTION}" method="get"><input type="hidden" name="logout" value="true" />{SID_POST}
<td width="10" background="{T_TEMPLATE_PATH}/images/top_bg2.gif">[img]{T_TEMPLATE_PATH}/images/spacer.gif[/img]</td>
<td background="{T_TEMPLATE_PATH}/images/top_bg2.gif" align="center" valign="middle"><input type="submit" class="mainoption" value="{L_LOGIN_LOGOUT}" /></td>
</form>
<td width="10" align="right" background="{T_TEMPLATE_PATH}/images/top_bg2.gif">[img]{T_TEMPLATE_PATH}/images/top_right.gif[/img]</td>
</tr>
</table></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="5" width="100%">
<tr>
<td align="center" valign="top">
<table width="100%" cellspacing="0" cellpadding="2" border="0" align="center">
<tr valign="top">
<td width=85%>
script
codice:
<script language="JavaScript1.2" type="text/javascript">
var variableslide=new Array()
//variableslide[x]=["percorso del banner", "link ozionale", "testo opzionale"]
variableslide[0]=['banner1.gif', 'http://www.extrowebsite.com', '']
variableslide[1]=['banner2.gif', 'http://www.extrowebsite.com', 'Qui puoi mettere una piccola descrizione del banner.']
variableslide[2]=['banner3.gif', 'http://extrowebsite.com', '']
// le 3 seguenti variabili possono essere settate per modificare le misure delle slide
var slidewidth='468px' //larghezza della slide
var slideheight='60px' //altezza della slide
var slidebgcolor='#F3F3F3' // colore di sfondo; se la misura della slide è = alla misura dell'immagine, non apparirà nessun colore di sfondo in quanto questo si trova sotto.
//configura intervallo tra una immagine e l'altra, in millisecondi (3000 = 3 secondi)
var slidedelay=3000
//// non cambiare le righe di codice poste di seguito \\\\
var ie=document.all
var dom=document.getElementById
for (i=0;i<variableslide.length;i++){
var cacheimage=new Image()
cacheimage.src=variableslide[i][0]
}
var currentslide=0
function rotateimages(){
contentcontainer='<center>'
if (variableslide[currentslide][1]!="")
contentcontainer+='<a href="'+variableslide[currentslide][1]+'">'
contentcontainer+='[img]'+variableslide[currentslide][0]+'[/img]'
if (variableslide[currentslide][1]!="")
contentcontainer+='</a>'
contentcontainer+='</center>'
if (variableslide[currentslide][2]!="")
contentcontainer+=variableslide[currentslide][2]
if (document.layers){
crossrotateobj.document.write(contentcontainer)
crossrotateobj.document.close()
}
else if (ie||dom)
crossrotateobj.innerHTML=contentcontainer
if (currentslide==variableslide.length-1) currentslide=0
else currentslide++
setTimeout("rotateimages()",slidedelay)
}
if (ie||dom)
document.write('<div id="slidedom" style="width:'+slidewidth+';height:'+slideheight+'; background-color:'+slidebgcolor+'"></div>')
function start_slider(){
crossrotateobj=dom? document.getElementById("slidedom") : ie? document.all.slidedom : document.slidensmain.document.slidenssub
if (document.layers)
document.slidensmain.visibility="show"
rotateimages()
}
if (ie||dom)
start_slider()
else if (document.layers)
window.onload=start_slider
</script>
Grazie di nuovo