swf nell'header - Forum Per Webmaster

**gfrancesc0a** · #1 (**permalink**) 26-10-2007, 11.31.20

Salve a tutti, mi chiamo Francesco e sono uno studente di Catania. Mi permetto di aprire questa discussione perché sto cercando di personalizzare il mio blog e mi sono incagliato in un problema che non riesco a risolvere sebbene abbia cercato a lungo su internet. Vorrei inserire un piccolo video swf al posto dell'immagine nell'header del blog. A visualizzarlo sono riuscito, ma non riesco ad inserirlo dentro la fascia arancione accanto al titolo. Il blog è questo http://spazioprivato.blogspot.com. Posto gli stralci del template che penso dovrebbero essere interessati, sperando che vogliate aiutarmi:

/* ---( header and site name )--- */
#header-wrapper { margin-top: 15px; padding: 0px}
#header { height:130px; width:710px; color: $pagetitlecolor; background:#fe9900 url('http://.../al_sf_3.jpg') no-repeat top right; }
#header h1 { width: 200px; font: $pagetitlefont; padding: 28px 10px 10px 30px; text-align: left; }
#header h1 a { text-decoration: none; color: $pagetitlecolor; }
#header h1 a:hover { color: $descriptioncolor;}
#header .description { margin: -10px 30px 80px 40px; text-align: left; padding-right:20px; width:350px; font: $descriptionfont; color: $descriptioncolor; }

e questo con in rosso il comando aggiunto da me per visualizzare l'swf

</head>
<body>
<div id='outer-wrapper'><div id='wrap2'>

<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>
<div id='center'>
<div id='header-wrapper'>

<right>
<object data='http://.../prova5.swf' height='130' type='application/x-shockwave-flash' width='164'>
<param name='movie' value='http://.../prova5.swf'/></object>
</right>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Spazio Privato (Intestazione)' type='Header'/>
</b:section>
</div>
<div id='content-wrapper'>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Post sul blog' type='Blog'/>
</b:section>
</div>

Vi prego di aiutarmi, non so come fare!

**Ludus** · #2 (**permalink**) 26-10-2007, 12.30.41

Quote:

Originariamente inviata da gfrancesc0a

Salve a tutti, mi chiamo Francesco e sono uno studente di Catania. Mi permetto di aprire questa discussione perché sto cercando di personalizzare il mio blog e mi sono incagliato in un problema che non riesco a risolvere sebbene abbia cercato a lungo su internet. Vorrei inserire un piccolo video swf al posto dell'immagine nell'header del blog. A visualizzarlo sono riuscito, ma non riesco ad inserirlo dentro la fascia arancione accanto al titolo. Il blog è questo http://spazioprivato.blogspot.com. Posto gli stralci del template che penso dovrebbero essere interessati, sperando che vogliate aiutarmi:

Ciao gfrancesc0a e benvenuto nel forum

Quote:

e questo con in rosso il comando aggiunto da me per visualizzare l'swf

<right>
<object data='http://.../prova5.swf' height='130' type='application/x-shockwave-flash' width='164'>
<param name='movie' value='http://.../prova5.swf'/></object>
</right>

che sarebbe questo right?

La posizione definisce tramite foglio di stile sul tag object, tipo:

object{
...
}

Inoltre vedo tutto questo codice:

codice:

<div id='center'>
<div id='header-wrapper'> 

<right>
<object data='http://gfrancesc0a.googlepages.com/prova5.swf' height='130' type='application/x-shockwave-flash' width='164'>
<param name='movie' value='http://gfrancesc0a.googlepages.com/prova5.swf'/></object>
</right> 

<div class='header section' id='header'><div class='widget Header' id='Header1'>
  
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          
            Spazio Privato
          
        </h1>

      </div>
      <div class='descriptionwrapper'>
        <p class='description'><span>La voce di un uomo qualunque</span></p>
      </div>
    </div>
  
</div></div>
</div>

per due cosette...

Quando sarebbe bastato:

codice:

<div id='header-wrapper'> 

<object data='http://gfrancesc0a.googlepages.com/prova5.swf' height='130' type='application/x-shockwave-flash' width='164'>
<param name='movie' value='http://gfrancesc0a.googlepages.com/prova5.swf'/></object>

<h1>Spazio Privato</h1>

<h2>La voce di un uomo qualunque</h2>
</div>

**gfrancesc0a** · #3 (**permalink**) 26-10-2007, 15.05.27

Ciao Ludus, ti ringrazio per la risposta. Io ho fatto come mi hai suggerito, ma il risultato è questo.

http://gfrancesc0a.googlepages.com/S...4_30_31333.jpg

Forse l'ho inserito nel punto sbagliato? Anche perché da me non si vede esattamente come lo hai postato tu il template. Qualcosa di simile già mi era venuto a furia di provare, ma non sono riuscito ad inserire l'swf nella stessa striscia del titolo e a destra. Davvero mi sta facendo impazzire...

**Ludus** · #4 (**permalink**) 26-10-2007, 15.19.45

Quote:

Originariamente inviata da gfrancesc0a

Ciao Ludus, ti ringrazio per la risposta. Io ho fatto come mi hai suggerito, ma il risultato è questo.

http://gfrancesc0a.googlepages.com/S...4_30_31333.jpg

Forse l'ho inserito nel punto sbagliato? Anche perché da me non si vede esattamente come lo hai postato tu il template. Qualcosa di simile già mi era venuto a furia di provare, ma non sono riuscito ad inserire l'swf nella stessa striscia del titolo e a destra. Davvero mi sta facendo impazzire...

Nel suggerimento non ho pensato di scrivere che bisognava modificare anche il css, mi dispiace...

Veniamo al css:

tu hai messo questa classe:

codice:

#header.logoswf {
  align:right      
float: right;
        border : 0;
    }

C'è comunque un errore, manca il ";" dopo align:right . Inoltre lascia solo il float.

Prova così:

codice:

#header.logoswf {
  float: right;
        border : 0;
margin-right:98px;
    }

se ho capito bene il filmatino in flash va messo a sinistra di questa immagine: http://gfrancesc0a.googlepages.com/al_sf_3.jpg

**gfrancesc0a** · #5 (**permalink**) 26-10-2007, 15.22.51

Grazie ancora. L'immagine non ci deve essere, il filmino deve prenderne il posto proprio in quel punto.

**gfrancesc0a** · #6 (**permalink**) 26-10-2007, 15.25.56

Scusami, logoswf l'ho aggiunto io cercando di fare qualcosa... non era presente nel template originario.

**Ludus** · #7 (**permalink**) 26-10-2007, 16.18.16

Quote:

Originariamente inviata da gfrancesc0a

Grazie ancora. L'immagine non ci deve essere, il filmino deve prenderne il posto proprio in quel punto.

allora intanto toglila dal css. Hai provato con quella classe che ti ho suggerito?

Certo, visto che non ci va l'immagine, dovrà essere:

#header.logoswf {
float: right;
border: 0;
}

**gfrancesc0a** · #8 (**permalink**) 26-10-2007, 16.29.31

Ho fatto come mi hai detto, ma non è cambiato il risultato dell'immagine che ho linkato sopra. Ma una volta che creo nel css logoswf non lo dovrei richiamare in basso? E possibile fare un div (dove c'è la fascia arancione ed il titolo del blog) e poi mettere dentro un altro div con il file swf con i margini right o top-right (non so)?

**Ludus** · #9 (**permalink**) 26-10-2007, 17.02.24

Quote:

Originariamente inviata da gfrancesc0a

Ma una volta che creo nel css logoswf non lo dovrei richiamare in basso?

che intendi?

Quote:

E possibile fare un div (dove c'è la fascia arancione ed il titolo del blog) e poi mettere dentro un altro div con il file swf con i margini right o top-right (non so)?

certo, puoi farlo.
provo a crearmi una paginetta con quel css e il filmato e vedo se riesco a posizionarla.

**gfrancesc0a** · #10 (**permalink**) 26-10-2007, 17.23.17

Scusami se utilizzo termini poco ortodossi, purtroppo non ho grandi conoscenze di questi linguaggi. Al massimo ho cambiato piccoli parametri di un template, niente di più. Volevo dire, la class poi non dovrebbe comparire anche nell`index? Solitamente leggo "div" etc poi "class=" quello che c`è nel css. Una volta che creo logoswf nel css, questi attributi li devo inserire nel div con l`oggetto? Mi scuso anticipatamente per l`eventuale abominio che ho detto..

Strumenti della discussione
Visualizza la versione stampabile Invia questa pagina tramite email
Modalità di visualizzazione
Modalità lineare Passa al modo ibrido Passa alla modalità elencata