Back to top

Autore Topic: Inserire un filmato flash al top della pagina sul template elephant  (Letto 6567 volte)

Offline RedMac

  • Appassionato
  • ***
  • Post: 298
  • Sesso: Femmina
    • Mostra profilo
Salve a tutti,

il template in questione ha una funzione che permette ad ogni cambio pagina o refresh della stessa di visualizzare una img diversa, random.

Il mio cliente invece vorrebbe che le immagini cambiassero indipendentemente dalle azioni che si fanno sul sito, allora ho realizzato con le stesse foto un filmato in flash ma non riesco a visualizzarlo, faccio sicuramente un errore di sintassi, allego il listato della index, credo che si debba intervenire nella parte che riporto in bold, ma come diavolo si fa?  ???

Grazie sempre a tutti!!!  ;)

--- index.php ---

<?php defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' ); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?php $iso = split( '=', _ISO );
echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<?php
if ( $my->id ) {
   initEditor();
}
?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<link rel="shortcut icon" href="<?php echo $GLOBALS['mosConfig_live_site']; ?>/templates/<?php echo $cur_template; ?>/images/favicon.ico"/>
<link rel="stylesheet" type="text/css" href="<?php echo $GLOBALS['mosConfig_live_site']; ?>/templates/<?php echo $cur_template; ?>/css/template_css.css" />

<style type="text/css">
<!--
#main_top {
   background:url(<?php echo $GLOBALS['mosConfig_live_site']."/templates/".$cur_template."/images/main_t".sprintf("_%02d",rand(1,4)).".jpg"; ?>) top left no-repeat;
}

-->
</style>

</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<div id="main">
<div id="main_top">
<div id="main_bottom">

<div id="inhalt">

<?php if (mosCountModules( "top" )) { ?>
<div class="top">
   <?php mosLoadModules ( 'top',-1); ?>
</div>
<?php } ?>

<?php if (mosCountModules( "user1" )) { ?>
<div id="user1">
   <?php mosLoadModules ( 'user1',-2); ?>
</div>
<?php } ?>

<?php if (mosCountModules( "user2" )) { ?>
<div id="user2">
   <?php mosLoadModules ( 'user2',-2); ?>
</div>
<?php } ?>
<div style="clear:both;"></div>



<a name="inhalt">[/url]
<h1 class="struktur">Inhalt</h1>
<?php mosMainBody(); ?>

</div>
   
</div>
</div>
</div>

<div id="menu">

<?php if (mosCountModules( "left" )) { ?>
<div id="menu_left">
<div id="menu_left_top">
<div id="menu_left_bottom">
<div id="menu_left_content">
<a name="navigation">[/url]
<h1 class="struktur">Navigation</h1>
<?php mosLoadModules ( 'left'); ?>
</div>
</div>
</div>
</div>
<?php } ?>

<?php if (mosCountModules( "right" )) { ?>
<div id="menu_right">
<div id="menu_right_top">
<div id="menu_right_bottom">
<div id="menu_right_content">
<?php mosLoadModules ( 'right'); ?>
</div>
</div>
</div>
</div>
<?php } ?>

</div>

<?php
   // Danke, dass der folgende Link erhalten bleibt.
?>


</body>
</html>

« Ultima modifica: 27 Mag 2009, 16:59:10 da RedMac »
Think Positive!!! :-)
Love, Peace & Music

Offline RedMac

  • Appassionato
  • ***
  • Post: 298
  • Sesso: Femmina
    • Mostra profilo
Ciao ragazzi, ho letto la mini-guida "header in flash" http://forum.joomla.it/index.php/topic,2602.0.html ma purtroppo non riesco a cavare un ragno dal buco... la index del template che ho scelto per realizzare questo sito è davvero complicata, devo apportare anche qualche modifica al css del template?
Ve lo inserisco...  ??? ... qualcuno ha qualche idea?  ???

Grazie sempre  :)

--- css ---
Codice: [Seleziona]
body {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background:#DCEAF7 url(../images/logo.jpg) no-repeat top left;
background-attachment:fixed;
padding:0;
margin-bottom: 10px;
}

p {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

a:link, a:visited {
text-decoration:  none;
font-weight: bold;
border: none;
color: #004377;
}

a:hover {
text-decoration:  underline;
border: none;
color: #FF9900;
}

#user1 {
float: left;
margin-bottom: 20px;
font-size: 10px;
width: 230px;
border: 0px solid blue;
}
#user2 {
float: left;
margin-bottom: 20px;
margin-left: 20px;
font-size: 10px;
width: 230px;
border: 0px solid green;
}
#design {
margin-left:90px;
font-size: 10px;
margin-top: -27px;
}

#main {
margin-left:50px;
margin-top:10px;
margin-bottom:10px;
background:url(../images/main_m.jpg) bottom left repeat-y;
}
#main_top {
background:url(../images/main_t.jpg) top left no-repeat;
}
#main_bottom {
background:url(../images/main_b.jpg) bottom left no-repeat;
}

#logo {
position: absolute;
top:9px;
left:5Px;
}

#inhalt {
margin-left:50px;
padding-bottom:20px;
padding-top:319px;
width:827px;
min-height:250px;
height:auto !important;
height:500px;
}


#menu {
position: absolute;
top:10px;
left:670px;
}

#menu_left {
background:url(../images/menu_left_m.jpg) top left repeat-y;
}
#menu_left_top {
background:url(../images/menu_left_t.jpg) top left no-repeat;
}
#menu_left_bottom {
background:url(../images/menu_left_b.jpg) bottom left no-repeat;
}

#menu_right {
margin-top:10px;
background:url(../images/menu_left_m.jpg) top left repeat-y;
}
#menu_right_top {
background:url(../images/menu_right_t.jpg) top left no-repeat;
}
#menu_right_bottom {
background:url(../images/menu_left_b.jpg) bottom left no-repeat;
}
#menu_left_content, #menu_right_content {
width: 218px;
min-height:200px;
height:auto !important;
height:200px;
padding-left: 24px;
padding-top: 25px;
padding-bottom: 25px;
}

.struktur {
position:absolute;
left:-1000px;
top:-1000px;
width:0px;
height:0px;
overflow:hidden;
display:inline;
}

table.moduletable {
width: 170px;
margin-top: 10px;
}

table.moduletable th {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #004377;
text-align: left;
white-space: nowrap;
width: 100%;
border-bottom: 2px solid #004377;
background:url(../images/elefant.png) top right no-repeat;
padding-left: 0px;
}

table.moduletable td {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
padding-left: 2px;
}

.moduletable h3, .contentheading{
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #004377;
text-align: left;
white-space: nowrap;
border-bottom: 2px solid #004377;
margin: 0px;
}

.moduletable {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}


/* --Default Class Settings-- */

a.mainmenu:link, a.mainmenu:visited, a.mainlevel:link, a.mainlevel:visited {
color: #004377;
text-decoration: none;
}

a.mainmenu:hover, a.mainlevel:hover {
color: #FF9900;
}

a.sublevel:link, a.sublevel:visited {
color: #004377;
text-decoration: none;
}

a.sublevel:hover {
color: #FF9900;
}


#active_menu  {
color: #004377;
font-weight: bold;
font-size: 14px;
text-decoration: underline;
}

/* Other Mambo Stuff */

#title {
}
.pathway {
color: #BBBBBB;
font-size: 10px;
text-decoration: none;
font-weight: normal;
}

.pathway a{
color: #BBBBBB;
text-decoration: none;
font-weight: normal;
}

.mosimage {
  border: 1px solid #cccccc;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  font-size: 10px;
  border-top: 1px solid #cccccc;
}

hr {
width:  90%;
 }
hr.separator {
width:  40%;
 }
a.pnav {
}
.pnav:hover {
}
.small {
font-size: 10px;
color: #ABABAB;
}

.smalldark {
font-size: 10px;
color: #000;
height: 10px;
line-height: 10px;
text-align: left;
}

.sectiontableentry1 {
text-align: left;
background: #EFEFEF;
font-size: 10px;
padding: 2px;
}
.sectiontableentry2 {
background: #FFF;
font-size: 10px;
text-align: left;
padding: 2px;
}
.button {
border: 1px solid #BBBBBB;
}
.inputbox {
border: 1px solid #BBBBBB;
}

.createdate {
font-size: 10px;
color: #ABABAB;
height: 10px;
line-height: 0.7;
}
.modifydate {
font-size: 10px;
color: #ABABAB;
height: 20px;
line-height: 20px;
margin-bottom: 5px;
}

table.contentpane td.contentheading {
border: none;
}

table.contentpane ul {
margin: 0px;
padding: 0px;
list-style: none;
}

table.contentpane ul li{
padding: 0px;
margin: 0px;
padding-left: 15px;
}

.contentdescription {
font-size: 10px;
}
.sectiontableheader {
font-weight: bold;
font-size: 10px;
height: 25px;
line-height: 25px;
}
.categorytitle {
font-weight: bold;
font-size: 16px;
height: 25px;
line-height: 25px;
}
.componentheading {
font-weight: bold;
font-size: 16px;
height: 23px;
line-height: 25px;
border-bottom: 2px solid #004377;
background:url(../images/loghino.png) top right no-repeat;
color: #004377;
margin-bottom: 5px;
}

a.category {
text-decoration:  underline;
 }
a.category:hover {
text-decoration:  underline;
 }

.poll {
font-size: 10px;
text-align: center;
}


table.contenttoc {
border: 1px solid #CCCCCC;
padding: 3px;
}

table.contenttoc th{
font-weight: bold;
font-size: 10px;
border-bottom: 1px solid #BBBBBB;
}

form {
margin: 0px;
padding: 0px;
}
« Ultima modifica: 27 Mag 2009, 20:00:36 da bigham »
Think Positive!!! :-)
Love, Peace & Music

Offline bigham

  • Global Moderator
  • Instancabile
  • *****
  • Post: 3662
  • Sesso: Maschio
  • Contagiato dalla Joomlaite :)
    • Mostra profilo
Ciao RedMac.

Per inserire una animazione flash in un template, piuttosto che aggiugere il codice tra i tag <object> e </object> io preferisco usare un modulo per joomla. Il modulo si chiama The flash module

Questo evita gli errori causati dalla digitazione diretta del codice e hai la sicurezza che, una volta configurato bene il modulo, l'animazione falsh si veda.

Come tutti i moduli quando viene installato deve essere pubblicato in una posizione modulo.
Dal momento che il template potrebbe non avere una posizione modulo nell'header bisogna provvedere a crearla.

Nel tuo caso l'immagine usata nell'header è visualizzata utilizzando la classe di stile #main_top (che tu hai riportato in grassetto) per formattare l'elemento <div id="main_top">
Eliminando quella classe dovrebbe scomparire l'immagine.

Per creare una nuova posizione modulo bisogna individuare il punto esatto nel template e poi inserire il seguente codice:

Codice: [Seleziona]
<div id=header>
<?php mosLoadModules 'header',-1); ?>
</div>

Ho inserito un riferimento ad una classe del fogli di stile header che, se vuoi, potrai creare per formattare la posizione modulo. Altrimenti basta non usarla.

In alternativa al modulo per le animazioni flash, visto che a te serve visualizzare delle immagini, potresti prendere in considerazione un modulo come Simpl image rotator di http://www.joomlaworks.gr/

Ciao ;D
Ci sono più cose in cielo e in terra, Orazio, di quante ne sogni la tua filosofia.

Offline RedMac

  • Appassionato
  • ***
  • Post: 298
  • Sesso: Femmina
    • Mostra profilo
Ciao Bigham, grazie infinite, applico e spero di risolvere...  ;)
Think Positive!!! :-)
Love, Peace & Music

Offline RedMac

  • Appassionato
  • ***
  • Post: 298
  • Sesso: Femmina
    • Mostra profilo
Ciao Bigham,

forse il mio cervellino ormai è talmente fuso che non riesco più ad usarlo con profitto... dopo circa due ore e parecchie prove il risultato è questo:

Ho modificato <head></head> della index, cioè ho sostituito
#main_top {
   background:url(<?php echo $GLOBALS['mosConfig_live_site']."/templates/".$cur_template."/images/main_t".sprintf("_%02d",rand(1,4)).".jpg"; ?>) top left no-repeat;


ed è così:

<?php mosShowHead(); ?>
<?php
if ( $my->id ) {
   initEditor();
}
?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<link rel="shortcut icon" href="<?php echo $GLOBALS['mosConfig_live_site']; ?>/templates/<?php echo $cur_template; ?>/images/favicon.ico"/>
<link rel="stylesheet" type="text/css" href="<?php echo $GLOBALS['mosConfig_live_site']; ?>/templates/<?php echo $cur_template; ?>/css/template_css.css" />

<style type="text/css">
<!--
{<div id=header>
    <?php mosLoadModules; ?>  ( 'header',-1); ?>
</div>;
}

-->
</style>

</head>

poi più giù ho cambiato

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<div id="main">
<div id=header> (anzichè <div id=main_top>)
<div id="main_bottom">

poi ho configurato il flash module in questo modo, inserendo il file hp1.swf sia nella cartella images generale del sito, sia in quella del template, lo vedi nell'allegato... e nella configurazione del modulo (nell'elenco dei moduli) l'ho posizionato come header.

Il risultato è che non c'è più il top della pagina...  ??? sigh!

Qualcuno sa dove sbaglio?

Citazione
Ho inserito un riferimento ad una classe del fogli di stile header che, se vuoi, potrai creare per formattare la posizione modulo. Altrimenti basta non usarla.

Cosa significa?

Citazione
In alternativa al modulo per le animazioni flash, visto che a te serve visualizzare delle immagini, potresti prendere in considerazione un modulo come Simpl image rotator di http://www.joomlaworks.gr/

L'ho già utilizzato ma non mi serve proprio in questo caso, ho bisogno di qualcosa che sia largo 930 ma con le immagini che cambiano solo a destra, larghe circa 400...  ???

Grazie sempre a tutti!!!  :)

[allegato eliminato da un amministratore perchè più vecchio di 365 giorni]
Think Positive!!! :-)
Love, Peace & Music

Offline bigham

  • Global Moderator
  • Instancabile
  • *****
  • Post: 3662
  • Sesso: Maschio
  • Contagiato dalla Joomlaite :)
    • Mostra profilo
No, No e ancora No!!  ;D ;D
Mi sono spiegato male.

Questo codice:
Codice: [Seleziona]
<div id=header>
    <?php mosLoadModules?>  ( 'header',-1); ?>
</div>
server per creare una posizione modulo nel template. E' html a parte per la funzione di joomla che permette di visualizzare un modulo pubblicato nella posizione header.

Se guardi il codice del template vedrai che la funzione mosLoadModules è sempre presente tra i tag <body> e </body> ossia nel corpo della pagina.

Quindi nel template dovresti cambiare le cose in questo modo:
Codice: [Seleziona]
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<div id="main">
<div id="main_top">

<div id=header>
    <?php mosLoadModules?>  ( 'header',-1); ?>
</div>

<div id="main_bottom">


Non avendo sotto mano il template non so se sono preciso nella posizione del modulo, ma visto che il tag <div id="main_top"> dovrebbe rappresentare l'immagine ci dovrei andare vicino.

A questo punto questo codice nella sezione head del template
Codice: [Seleziona]
#main_top {
   background:url(<?php echo $GLOBALS['mosConfig_live_site']."/templates/".$cur_template."/images/main_t".sprintf("_%02d",rand(1,4)).".jpg"?>) top left no-repeat;
non ti serve più. O lo cancelli o lo metti come commento (che è meglio)

Questa costruzione non va bene:
Codice: [Seleziona]
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<div id="main">
<div id=header> (anzichè <div id=main_top>)
<div id="main_bottom">


Perchè la classe header non contiene nulla mentre la classe main_top contiene dei riferimenti ad un'immagine.

Tu vuoi inserire un oggetto flash e non puoi usare il foglio di stile per farlo, mentre con le immagini è possibile.

La classe header andrà creata nel foglio di stile se e solo se servirà modificare l'aspetto del modulo joomla che permetterà di visualizzare l'animazione flash.
Che sò, un bordino bianco, un margine alto o destro più ampio, ecc.

Spero di essere stato più chiaro. Lo so, certe volte do troppe cose per scontate e mi spiego come un libro chiuso.  ;D ;D

Ma mettere un link al sito? No? Facciamo tutto a memoria?  ;D ;D

Se lo hai in locale vedi di pubblicarlo su un hosting gratuito.

Ciao
Ci sono più cose in cielo e in terra, Orazio, di quante ne sogni la tua filosofia.

 



Web Design Bolzano Kreatif