[Risolto] Banner flash per sito joomla

archimede

[Risolto] Banner flash per sito joomla

Buonasera a tutti. Vorrei sostituire l'intestazione del mio sito, attualmente una immagine, con un file flash. Oltre a sostituire nel file index.php dello specifico skin il nome della immagine con quello del file flash devo per caso fare altro?

Grazie!

Archimede

surfwork

@Archimede said:

Buonasera a tutti. Vorrei sostituire l'intestazione del mio sito, attualmente una immagine, con un file flash. Oltre a sostituire nel file index.php dello specifico skin il nome della immagine con quello del file flash devo per caso fare altro?

Grazie!

Archimede

Basta iserire un codice come questo:

archimede

Sei stato gentilissimo, grazie per tutto il codice che mi hai postato e per il tempo dedicato! La sostituzione che vorrei eseguire è su uno skin un pò complesso, che ho comprato a pagamento (eccoti lo skin: http://www.joomlart.com/templates_demo.php?template=ja_xenia dove dovrei cambiare l'immagine a destra, quella con le onde, sostituendola al mio file flash).

Considerato che lo skin ha sia un file index.php che un file, situato nella cartella css, dove l'intestazione è gestita con una parte fissa ed una espandibile, in quale punto dovrei inserire il codice da te indicato?

Per chiarezza ti indico sotto il pezzo del file css che gestisce l'intestazione, ho individuato il punto esatto dove è gestita quella immagine! (vedi dopo):

/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
background: url(../images/header-bg.gif) repeat-x top #990000;
}

#ja-header {
clear: both;

MIO COMMENTO: ECCO DI SEGUITO LA RIGA INCRIMINATA! L'IMMAGINE HEADERRIGHT-BG.GIF E' PROPRIO QUELLA CHE VORREI SOSTITUIRE COL MIO FILE SLIDE.SWF UBICATO NELLO STESSO PERCORSO SOLO CHE SE SOSTITUISCO SEMPLICEMENTE IL NOME DELL'IMMAGINE CON QUELLO DEL FILE FLASH NON VEDO NULLA, NE' LA VECCHIA IMMAGINE NE' IL FILE FLASH!

background: url(../images/headerright-bg.gif) no-repeat top right;
text-align: left;
line-height: normal;
height: 80px;
position: relative;

}

font-size: 2em;
position: absolute;
top: 0;
left: 0;
}

color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
}

float: left;
}

/* Top Menu in Header */
#ja-topnavwrap {
padding-left: 5px;
background: url(../images/topnav-left-bg.gif) no-repeat top left;
position: absolute;
top: 0;
right: 5px;
height: 26px;
}

margin: 0;
padding: 0;
float: left;
background: url(../images/topnav-right-bg.gif) no-repeat top right;
height: 26px;
}

margin: 0;
padding: 0;
display: inline;
background: none;
}

padding: 0 10px;
color: #DDDDDD;
text-decoration: none;
line-height: 24px;
}

li a:active,
li a:focus {
color:;
}

/* User Tools */
#ja-usertoolswrap {
float: right;
width: 100px;
display: block;
background: url(../images/sitetool-bg1.gif) no-repeat top left;
position: relative;
}

span.ja-sitetool {
margin: 0;
padding: 8px 0 7px 23px;
display: block;
color:;
font-weight: bold;
text-align: center;
text-decoration: none;
cursor: pointer;
}

background: url(../images/sitetool-bg2.gif) no-repeat top left;
}

#ja-usertools,
.ja-toolswraphover {
display: block;
top: 30px;
}

padding: 0;
float: left;
border-top: 1px solid;
border-right: 1px solid #999999;
border-bottom: 1px solid;
border-left: 1px solid;
display: none;
background: url(../images/grad1.gif) repeat-x bottom;
font-size: 11px;
position: absolute;
top: 100%;
}

float: left;
padding: 8px 8px 2px;
display: block;
}

padding: 0 2px;
}

/* Search */
#ja-search {
position: absolute;
top: 40px;
right: 22px;
}

padding-left: 18px;
background: url(../images/icon-search.gif) no-repeat center left;
}

width: 100px;
padding-left: 5px;
border: 1px solid;
background: url(../images/stripe2.gif) #EFEFEF;
}

.inputbox:focus {
}

@surfwork said:

Basta iserire un codice come questo:

archimede

Surf ci sei? Grazie tantissimo!

surfwork

Scusa ma ho avuto dei giorni pieni :-x

Non serve toccare il css se inserisci il codice sopra riportato nell'index.php del template, perchè oltre al link puoi fissare già le misure

archimede

GRAZIE TANTISSIMO!

Ma così funzionerà la casella di ricerca e gli altri elementi che adesso stanno "sopra" l'attuale immagine e che dovranno continuare a stare "sopra" anche al file flash?

Fammi sapere così provo subito. Sei stato gentilissimo.

@surfwork said:

Scusa ma ho avuto dei giorni pieni :-x

Non serve toccare il css se inserisci il codice sopra riportato nell'index.php del template, perchè oltre al link puoi fissare già le misure

surfwork

Dipende dalle dimensioni del'immagine che vuoi sostituire con le dimensioni del filmato swf. Se sono uguali non hai problema altrimenti devi modificare un pò il css.

SitiSeo

@Archimede said:

GRAZIE TANTISSIMO!

Ma così funzionerà la casella di ricerca e gli altri elementi che adesso stanno "sopra" l'attuale immagine e che dovranno continuare a stare "sopra" anche al file flash?

Fammi sapere così provo subito. Sei stato gentilissimo.
Se i DIV sono posizionati sopra, non hai problemi...comunque rispettando le misure e non toccando nulla, non dovresti avere problemi.

archimede

@GloboGsm said:

Se i DIV sono posizionati sopra, non hai problemi...comunque rispettando le misure e non toccando nulla, non dovresti avere problemi.

No, ragazzi, non ci riesco. Grazie per il vostro aiuto, sicuramente sbaglio io. Dunque, innanzitutto vi dico che l'unico posto in cui è citata l'immagine attuale, quella che vorrei sostituire, si trova nel file css; poi, per chiarezza, vi copio sotto due brevi frammenti di codice che gestiscono quell'area, presi rispettivamente dal file index.php e dal file css. La mia impressione è che ho sbagliato il punto in cui inserire il codice che mi hai inviato, o sicuramente avrò fatto qualche altro errore. Sta di fatto che non ci riesco! Sono nelle vostre mani, come al solito!

Ecco il frammento del file index.php che gestisce l'area superiore, nella quale vorrei inserire il mio banner flash:

===================

<div id="ja-headerwrap">
<div id="ja-header" class="clearfix">
<h1>
<a href="index.php">
<img src="<?php echo $ja_template_path;?>/images/logo-<?php echo $ja_color; ?>.jpg" alt="<?php echo $mosConfig_sitename?>" />
</a>
</h1>

    <div id="ja-topnavwrap" class="clearfix">
        <?php mosLoadModules ( 'user3', -1 ); ?>
    </div>

    <?php if (mosCountModules('user4')) {?>
    <div id="ja-search">
        <?php mosLoadModules ( 'user4', -1 ); ?>
    </div>
    <?php } ?>

</div>

</div>

==========================

Ecco ora il frammento del file template_css.css che gestisce questa stessa area, con la citazione dell'attuale immagine:

==========================

/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
background: url(../images/header-bg.gif) repeat-x top #990000;
}

#ja-header {
clear: both;

NB ECCO ALLA RIGA SOTTO L'IMMAGINE CHE VORREI CAMBIARE!

background: url(../images/headerright-bg.gif) no-repeat top right;
text-align: left;
line-height: normal;
height: 80px;
position: relative;

}

font-size: 2em;
position: absolute;
top: 0;
left: 0;

=====================

Seguono molte altre righe che non inserisco per non annoiarvi. Attendo lumi e vi auguro buona serata!

Archimede

archimede

Surf ci sei? Volevo sapere a che punto del file index.php inserire il codice che mi hai suggerito! Grazie ancora per la tua grande disponibilità e per il tempo dedicato...

surfwork

Ciao i riferimenti al css sono riferiti a immagini di fondo, quindi ti conviene provare in questo modo:

<div id="ja-headerwrap">
<div id="ja-header" class="clearfix">
<h1>
<a href="index.php">
<img src="<?php echo $ja_template_path;?>/images/logo-<?php echo $ja_color; ?>.jpg" alt="<?php echo $mosConfig_sitename?>" />
</a>
</h1>

in:

<div> codice di richiamo al flash</div>
    <h1>
        <a href="index.php">

<img src="<?php echo $ja_template_path;?>/images/logo-<?php echo $ja_color; ?>.jpg" alt="<?php echo $mosConfig_sitename?>" />
</a>
</h1>

Però quali sono le dimensioni del tuo filmato?

archimede

Non so come ringraziarti: ho finalmente risolto! Il banner si visualizza correttamente.

@surfwork said:

Ciao i riferimenti al css sono riferiti a immagini di fondo, quindi ti conviene provare in questo modo:

<div id="ja-headerwrap">
<div id="ja-header" class="clearfix">
<h1>
<a href="index.php">
<img src="<?php echo $ja_template_path;?>/images/logo-<?php echo $ja_color; ?>.jpg" alt="<?php echo $mosConfig_sitename?>" />
</a>
</h1>

in:

<div> codice di richiamo al flash</div>
    <h1>
        <a href="index.php">

<img src="<?php echo $ja_template_path;?>/images/logo-<?php echo $ja_color; ?>.jpg" alt="<?php echo $mosConfig_sitename?>" />
</a>
</h1>

Però quali sono le dimensioni del tuo filmato?

surfwork

Bene alla prossima

rico

posto il messaggio qui per non aprire nuove discussione su argomenti trattati!

Allora uso il template "bizcity_ii" e vorrei sostituire le varie immagini in alto con un logo flash che prenda l'intera sezione!

Mi chiedevo se per far cio dovrei eliminare tutto e creare un intero modulo dedicato solo al logo??

oppure utilizzare il codice > <object codebase="download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" height="400" width="600" classid="clsid:D27CDB6E-AE6D-11cf-96B8-"><param value="tuo.swf" name="movie" /><param value="high" name="quality" /><param value="#FFFFFF" name="bgcolor" />
<EMBED
src="/tuo.swf"
quality=high bgcolor=#FFFFFF WIDTH="600" HEIGHT="400"
ALIGN="" TYPE="application/x-shockwave-flash"
PLUGINSPAGE=".macromedia.com/go/getflashplayer"></EMBED>
</object>