Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    Problema script rotazione banner

    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

  2. #2
    Non ho capito molto bene il tuo problema, però, se ti può essere utile, ti posto lo script che uso io per la rotazione dei banner.
    Ovunque lo inserisco funziona egregiamente. Se proprio vuoi dargli una posizione fissa comunque ti consiglio di usare i fogli di stile e creare un layer:

    <script language="Javascript">
    <!--
    function rnd_immagine(){
    var now =new Date();
    var secondi = now.getSeconds();
    rnd_numero = Math.floor(secondi/10); //qui il parametro (60/10=6 immagini)
    document.write('<div align="center">[img]img/banner/banner' + rnd_numero +'.gif[/img]</div>');
    }
    //-->
    </script>
    è abbastanza intuitivo, questo è "regolato" per 6 immagini posizionate sotto img/banner/

    Spero di esserti stato utile.
    Ciao

  3. #3
    Problema di script e non di HTML
    FEDERIX.IT - [Pillola] GRAFICA DEI FORM

    ...ho ancora quella forza che ti serve, quando dici "Si comincia!"

  4. #4
    Originariamente inviato da Federix
    Problema di script e non di HTML
    Credo sia qui il malinteso: Ho lo script pronto, solo non riesco ad inserirlo nell'html della pgina in modo tale che che stia al posto del banner attuale (che sfrutta il tag "img" di htaml con gli attribui "hspace" e "vspace")
    Se proprio vuoi dargli una posizione fissa comunque ti consiglio di usare i fogli di stile e creare un layer
    Vorrei saperlo fare ma non sono in grado. Come tutti i tmplates di phpBB anche il mio include il file "Style.css". Ne allego il codice. Se tu fossi così gentile da indicarmi le modifiche precise da apportare te ne sarei molto grato.
    Ciao
    codice:
    /*
      Hestia Theme for phpBB version 2+
      Created by Vjacheslav Trushkin
      http://www.trushkin.net
    */
    
    
     /* General page style. The scroll bar colours only visible in IE5.5+ */
    body {
    	background-color: #FFFFFF;
    }
    
    /* General font families for common tags */
    font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
    a { text-decoration: underline; color: #646368; }
    a:visited	{ text-decoration: underline; color: #646368; }
    a:hover		{ text-decoration: underline; color: #1588CC; }
    a:active	{ text-decoration: underline; color: #1588CC; }
    hr	{ height: 0px; border: solid #646368 0px; border-top-width: 1px;}
    
    
    /* This is the outline round the main forum tables */
    .forumline	{ background-color: #666666; }
    
    
    /* Main table cell colours and backgrounds */
    td.row1	{ background-color: #F8F8F8; }
    td.row1_over	{ background-color: #F0F0F0; }
    td.row2	{ background-color: #F0F0F0; }
    td.row2_over	{ background-color: #E8E8E8; }
    td.row3, td.row3Right	{ background-color: #F4F4F4; }
    td.row3_over	{ background-color: #ECECEC; }
    td.row4	{ background-color: #EBEBEB; }
    td.spacer { background-color: #666666; }
    
    
    /*
      This is for the table cell above the Topics, Post & Last posts on the index.php page
      By default this is the fading out gradiated silver background.
      However, you could replace this with a bitmap specific for each forum
    */
    td.rowpic {
    		background-color: #FFFFFF;
    }
    
    /* Header cells - the blue and silver gradient backgrounds */
    th, td.th	{
    	color: #666666; font-size: 12px; font-weight: bold;
    	background-color: #FFCC00; height: 26px;
    }
    
    td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
    			background-color: #E6E6E6; height: 28px;
    }
    
    td.th2 {background-color: #E6E6E6; height: 20px; color: #404040; }
    
    td.spaceRow {
    	background-color: #1696E2; }
    
    /*
      Setting additional nice inner borders for the main table cells.
      The names indicate which sides the border will be on.
      Don't worry if you don't understand this, just ignore it :-)
    */
    
    /* The largest text used in the index page title and toptic title etc. */
    h1,h2	{
    			font-weight: bold; font-size: 18px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
    			text-decoration: none; line-height : 120%; color: #000000;
    }
    .maintitle	{
    			font-weight: bold; font-size: 18px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
    			text-decoration: none; line-height : 120%; color: #FFFFFF;
    }
    .subtitle	{
    			font-size: 16px; font-family: Arial, Helvetica, sans-serif;
    			text-decoration: none; font-weight: bold; color: #FFFFFF;
    }
    
    
    /* General text */
    .gen { font-size : 12px; }
    .genmed { font-size : 11px; }
    .gensmall, .gensmall2 { font-size : 10px; }
    .gen,.genmed,.gensmall { color: #000000; }
    a.gen,a.genmed,a.gensmall { color: #646368; text-decoration: underline; }
    a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #1588CC; text-decoration: underline; }
    
    
    /* The register, login, search etc links at the top of the page */
    .mainmenu		{ font-size: 11px; color: #000000 }
    a.mainmenu		{ text-decoration: underline; color: #364D67;  }
    a.mainmenu:hover{ text-decoration: underline; color: #1588CC; }
    
    
    /* Forum category titles */
    .cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color: #666666; }
    a.cattitle, .cattitle a { text-decoration: underline; color: #666666; }
    a.cattitle:visited, .cattitle a:visited { text-decoration: underline; color: #666666; }
    a.cattitle:hover, .cattitle a:hover { text-decoration: underline; color: #1588CC; }
    a.cattitle:active, .cattitle a:active { text-decoration: underline; color: #1588CC; }
    
    
    /* Forum title: Text and link to the forums used in: index.php */
    .forumlink		{ font-weight: bold; font-size: 12px; color: #646368; }
    a.forumlink 	{ text-decoration: underline; color: #646368; }
    a.forumlink:hover{ text-decoration: underline; color: #1588CC; }
    
    
    /* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
    .nav			{ font-weight: bold; font-size: 11px; color : #000000;}
    a.nav			{ text-decoration: underline; color: #646368; }
    a.nav:hover		{ text-decoration: underline; color: #1588CC; }
    
    
    /* titles for the topics: could specify viewed link colour too */
    .topictitle			{ font-weight: bold; font-size: 12px; color : #000000; }
    a.topictitle:link   { text-decoration: underline; color: #646368; }
    a.topictitle:visited { text-decoration: underline; color: #646368; }
    a.topictitle:hover	{ text-decoration: underline; color: #1588CC; }
    a.topictitle:active	{ text-decoration: underline; color: #1588CC; }
    
    
    /* Name of poster in viewmsg.php and viewtopic.php and other places */
    .name		{ font-size: 12px; text-decoration: underline; color: #0033CC;}
    a.name:link   { text-decoration: underline; color: #646368; }
    a.name:visited { text-decoration: underline; color: #646368; }
    a.name:hover	{ text-decoration: underline; color: #1588CC; }
    a.name:active	{ text-decoration: underline; color: #1588CC; }
    
    /* Location, number of posts, post date etc */
    .postdetails		{ font-size: 10px; color: #000000; }
    .postdetails1		{ font-size: 10px; color: #1588CC; }
    .postdetails2		{ font-size: 10px; color: #666666; }
    
    /* The content of the posts (body of text) */
    .postbody { font-size: 12px;}
    a.postlink:link	{ text-decoration: underline; color: #666666; }
    a.postlink:visited { text-decoration: underline; color: #404040; }
    a.postlink:hover { text-decoration: underline; color: #1588CC; }
    a.postlink:active { text-decoration: underline; color: #1588CC; }
    
    
    /* Quote & Code blocks */
    .code {
    	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #1588CC;
    	background-color: #FFFFFF; border: #1588CC; border-style: dotted;
    	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
    }
    
    .quote {
    	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #404040; line-height: 125%;
    	background-color: #FFFFFF; border: #1588CC; border-style: dotted;
    	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
    }
    
    
    /* Copyright and bottom info */
    .copyright		{ font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
    a.copyright, a.copyright:visited, .copyright a, .copyright a:visited { color: #444444; text-decoration: none;}
    a.copyright:hover, a.copyright:active, .copyright a:hover, .copyright a:active { color: #000000; text-decoration: underline;}
    
    
    /* Form elements */
    input,textarea, select {
    	color : #000000;
    	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    }
    
    form { display: inline; }
    
    /* The text input fields background colour */
    input.post, textarea.post, select {
    	background-color : #FFFFFF;
    }
    
    input { text-indent : 2px; }
    
    /* The buttons used for bbCode styling in message post */
    input.button {
    	background-color: #F0F0F0;
    	color: #000000;
    	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    
    /* The main submit button option */
    input.mainoption {
    	background-color : #FAFAFA;
    	font-weight : bold;
    }
    
    /* None-bold submit button */
    input.liteoption {
    	background-color: #FAFAFA;
    	font-weight : normal;
    }
    
    input.graybutton { 
    	background-color: #E0E0E0;
    	font-weight : normal;
    }
    
    input.bluebutton {
    	background-color: #3FABEC;
    	color: #FFFFFF;
    	font-weight : normal;
    }
    
    /* This is the line in the posting page which shows the rollover
      help line. This is actually a text box, but if set to be the same
      colour as the background no one will know ;)
    */
    input.helpline { background-color: #F0F0F0; border: solid 1px #F0F0F0; }

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.