Joomla.it Forum
Joomla! 1.0.x (versione con supporto terminato) => Le voci di Joomla.it (solo per versione Joomla 1.0.x) => I Template di Joomla 1.0.x => : lillop 03 Oct 2007, 19:37:36
-
Salve
Provo ad essere chiaro :D
Allora ho scaricato un template dove nell'header ha una foto impostata tramite css.
Io ho l'esigenza di dover sostituire la foto con un file swf.
So che gli swf essendo oggetti vanno impostati tramite index.
Aprendo l'index con un editor (fp2003 e dreamware cs2) la pagina non si visualizza corretamente
Cosa mi consigliate?
-
Ciao.
Il fatto che non si veda nell'editor potrebbe essere normale.
Il codice è così:
<div id="header">
<object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" height="250" width="800" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param value="header.swf" name="movie" /><param value="high" name="quality" /><param value="#FFFFFF" name="bgcolor" />
<EMBED
src="http://www.tuosito.it/header.swf"
quality=high bgcolor=#FFFFFF WIDTH="800" HEIGHT="250"
ALIGN="" TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
</object></div>
Per vedere l'intestazione flash apri la pagina nel browser.
-
l'head dell'index.html è:
<head>
<?php
if ( $my->id ) {
initEditor();
}
mosShowHead();
require($mosConfig_absolute_path."/templates/" . $mainframe->getTemplate() . "/templateConfig.inc.php");
if ($menu_type == "splitmenu") {
require($mosConfig_absolute_path."/templates/" . $mainframe->getTemplate() . "/rt_splitmenu.php");
$forcehilite = false;
$topnav = rtShowHorizMenu($menu_name);
$sidenav = rtShowSubMenu($menu_name);
$tabcolor = rtGetTabColor();
$hilightid = rtGetHilightid();
}
?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<link href="./templates/<?php echo $mainframe->getTemplate(); ?>/css/template_css.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]>
<link href="./templates/<?php echo $mainframe->getTemplate(); ?>/css/template_ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
<link href="./templates/<?php echo $mainframe->getTemplate(); ?>/css/<?php echo $template_color; ?>_color.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/images/favicon.ico" />
<script src="./templates/<?php echo $mainframe->getTemplate(); ?>/js/smartmini.js" type="text/javascript"></script>
<?php if($header_rotate) { ?>
<script src="./templates/<?php echo $mainframe->getTemplate(); ?>/js/blendtrans.js" type="text/javascript"></script>
<?php
$slideshow = "RunSlideShow(\"header\",\"blendimage\",\"";
for ($i=1; $i <= $header_image_count; $i++) {
$slideshow .= "./templates/" . $mainframe->getTemplate() . "/images/mb_header_" . $template_color . $i . ".jpg;";
}
$slideshow = substr($slideshow,0,-1);
$slideshow .= "\"," . $header_rotate_time . ");";
}
?>
</head>
Non ci sono div
-
Scusami, ho postato più codice di quello che ti serviva vedere e ti ho creato un pò di confusione. :D
Il codice per vedere un file di animazione realizzato in flash è il seguente:
<object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" height="250" width="800" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param value="header.swf" name="movie" /><param value="high" name="quality" /><param value="#FFFFFF" name="bgcolor" />
<EMBED
src="http://www.tuosito.it/header.swf"
quality=high bgcolor=#FFFFFF WIDTH="800" HEIGHT="250"
ALIGN="" TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
Questo codice va inserito nella sezione <BODY> del file index.php (l'header non contiene codice visibile nella pagina).
Dovresti cercare il punto in cui è inserita l'immagine jpg che viene visualizzata come instestazione della pagina e sistituirla con il codice che ti ho messo sopra.
Ovviamente il codice va opportunamente modificato nelle parti dove si fa riferimento dal file header.swf e nei valore di dimensione delle componente flash (width e height).
-
Allora provo a essere più chiaro possibile :)
Pasto il pezzetto del css dove c'è la foto da sostituire:
/** header **/
div#header {
background: #000 url(../images/mb_header_orange1.jpg) 50% 0 no-repeat;
}
Ora invece pasto il pezzetto dell'index:
<div id="header">
<div id="blendimage"></div>
</div>
Come faccio a sostituire? :)
Grazie di cuore per avermi risposto
-
Allora provo a essere più chiaro possibile :)
Pasto il pezzetto del css dove c'è la foto da sostituire:
/** header **/
div#header {
background: #000 url(../images/mb_header_orange1.jpg) 50% 0 no-repeat;
}
Ora invece pasto il pezzetto dell'index:
<div id="header">
<div id="blendimage"></div>
</div>
Come faccio a sostituire? :)
Grazie di cuore per avermi risposto
Facile:
/** header **/
div#header {
background: #000 url(../images/mb_header_orange1.jpg) 50% 0 no-repeat;
}
Ora invece pasto il pezzetto dell'index:
<div id="header">
<object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" height="250" width="800" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param value="header.swf" name="movie" /><param value="high" name="quality" /><param value="#FFFFFF" name="bgcolor" />
<EMBED
src="http://www.tuosito.it/header.swf"
quality=high bgcolor=#FFFFFF WIDTH="800" HEIGHT="250"
ALIGN="" TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
<div id="blendimage">
</div>
</div>
In rosso le parti da modificare.
Non so cosa ci sia dichiarato nell'ID blendimage nel foglio di stile. Eventualmente valuta la possibilità di mettere il codice per l'swf dentro
<div id="blendimage">
</div>
-
Compare il banner in flash ma non è situato al punto giusto... se provo a ridurre "height="250" width="800" impostando entrambi a 100, cmq non mi cambia.
-
EDIT.
Ho coloranto nel precedente post anche le altre dimensioni da cambiare. Sono quattro i valori di altezza e larghezza da modificare.
Stai usando IE per visualizzare la pagina del sito?? ???
-
Sto utilizzando firefox e la dimensione del swf\foto è 124 x 900
<div id="header">
<object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
height="124" width="900" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
<param value="header.swf" name="movie" /><param value="high" name="quality" />
<param value="#FFFFFF" name="bgcolor" /> <EMBED
src="http://www.miosito.it/1.swf"
quality=high bgcolor=#FFFFFF WIDTH="124" HEIGHT="900"
ALIGN="" TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED></div></div>
<div id="horizmenu">
<?php if($menu_type == "splitmenu"){ ?>
<?php echo $topnav; ?>
<?php } else { ?>
<?php mosLoadModules('menu', -2); ?>
<?php } ?>
<div class="clr"></div>
</div>
<table id="mainframe">
<tr valign="top">
<?php if(mosCountModules('left')) { ?>
<td id="leftcol">
<div id="leftcol_corner">
<div id="leftcol_body">
<?php if(($menu_type == "splitmenu") && ($template_orientation == "left")) { ?>
<?php echo $sidenav; ?>
<?php } ?>
<?php mosLoadModules('left', -2); ?>
</div>
-
Ordunque....
<object
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" height="124" width="900" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
<param value="header.swf" name="movie" /><param value="high" name="quality" />
<param value="#FFFFFF" name="bgcolor" />
<EMBED
src="http://www.miosito.it/1.swf"
quality="high" bgcolor="#FFFFFF" WIDTH="124" HEIGHT="900" ALIGN="" TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</object>
in rosso le parti mancanti che devi aggiungere
in giallo le parti da completare
"headers.swf" diventa "http://www.miosito.it/1.swf"
Questo presuppone che il file 1.swf sia nella root del tuo sito.
Ciao
-
Con I.E. 7 si vede bene QUASI bene, con firefox no comment!
-
Con I.E. 7 si vede bene QUASI bene, con firefox no comment!
Che vuol dire quasi bene? ???
E con Firefox non si vede?? Dovrebbe essere il contrario! ;D
Già il fatto che si veda vuol dire che il codice va bene.
Potresti cambiare le ultime cifre del codebase
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
che rappresentano la versione del palyer.
Invece di version=5,0,0,0 puoi mettere version=7,0,19,0. Dipende dalla versione del payer che hai installata.
Non so se questo può avere influenza sulla qualità dell'oggetto.
Stai lavorando in locale vero? quindi non ho possibilità di vederlo.... ::)
-
si con i.e. si vede quasi bene, cioè il banner si vede un pò più piccino rispetto alle dimensioni, anche se provi ad aumentare il banner non cambia. Con firefox il banner si vede piccino tutto sulla sinistra.
Ho provato anche a settare su 7,0,19,0 ma nulla.
Intanto ti ho inviato un messaggio privato, oppure se ti da noia continuiamo qui ;)
-
Ciao una cosa molto comoda ma che spesso nessuno pensa di fare e' linkare il foglio di style detto css direttamente nella pagina quando e' in lavorazione in dreamweaver o altri editor , cosi facendo ti si chiariranno molte piu' cose su quello che non puoi vedere visto che joomla se noti non lo carica diretto.. provaci poi quando lo hai aggiustato lo salvi e togli il link dalla pagina.
Fidati.. ciao e buon lavoro!
ps. premetto che colui che ti ha risposto pazientemente ti ha spiegato tutto molto bene.
-
si con i.e. si vede quasi bene, cioè il banner si vede un pò più piccino rispetto alle dimensioni, anche se provi ad aumentare il banner non cambia. Con firefox il banner si vede piccino tutto sulla sinistra.
Ho provato anche a settare su 7,0,19,0 ma nulla.
Intanto ti ho inviato un messaggio privato, oppure se ti da noia continuiamo qui ;)
Se il banner è contenuto in una tabella prova ad aumentare le dimensioni della tabella o della cella. Se invece è in un container <DIV> collegato ad una classe del foglio di stile puoi vedere se in questa classe sono specificate le dimensioni del container e modificarle.