Come creare una headline animata sull'header? 
Author: Masci U.
Visited 1292,
Followers 1,
Shared 0
salve a tutti,
utilizzo Evolution 13 ed ho provato ad utilizzare l'oggetto "animated headlines" nello spazio Header ma inspiegabilmente risulta che lo sfondo della scritta è colorato (celeste) e non capisco come mai lo sfondo dell'oggetto non è trasparente.
Mi chiedevo allora se c'è qualcuno che può indicarmi un'alternativa magari inserendo l'oggetto "codice HTML" in modo da risolvere la cosa.
buona serata a tutti
Posted on the
link del sito da vedere...
ma lo sfondo dell'header che colore è?
in tutti i breackpoint...?
Author
ciao Mirko,
sto provando con un header trasparente.
La prova online la puoi vedere qui con visualizzazione pc desktop http://autostarbene.altervista.org/
Viene uno sfondo celeste e non so perchè.
Ho provato con tutti i tipi di effetti.
prova ad inserire questo al passo 1>>>Impostazioni >>>avanzate>>>statistiche,seo....>>>esperto>>>prima della chiusura del tag Head:
<style>
#imHeader_imCellStyleGraphics_1 {
background-color: transparent;
}
</style>
Ciao, non è un problema dell'oggetto ma è una regola di stile del file style.css dello slider che hai inserito la causa del colore di sfondo:
section {
width: 70%;
margin: 0 auto;
padding: 40px;
background: #cbebf5;
}
L'oggetto animated headlines ha un tag section, quindi tutte queste regole si applicano anche ad esso.
Comunque, guardando quel file, che tra l'altro hai richiamato ben due volte nel progetto, (uno è nella cartella files e l'altro in root), quella regola non serve nemmeno per lo slider visto nel codice HTML non è presente nessun tag <section> a cui applicarla. Anche altre regole presenti in quel file si riferiscono a selettori inesistenti nel markup e alcune sono troppo generiche e potrebbero influenzare la visualizzazione di altri elementi dell'intero sito.
Author
prima della chiusura del tag Head ho già inserito quello che segue per avere lo sfondo di immagini in sequenza, quindi quello che mi dici di inserire dove va messo?
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="jquery.maximage.js" type="text/javascript" charset="utf-8"></script>
<script>
$(function(){
jQuery('img.slidemaximage').maxImage({
isBackground: true,
slideShow: true,
slideShowTitle: false,
slideDelay: 4, //secondi
maxFollows: 'height',
overflow:'auto',//importante se � necessario lo scroll della pagina per i contenuti
resizeMsg: {show: false}
});
});
</script>
<style>
{
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
}
</style>
prova a metterlo subito dopo il tuo codice....ma leggi anche quello che ti ha scritto Stesil...
Author
ci ho già provato Mirko senza successo.
Per il mio grado di conoscenza in materia, quello che dice Stesil per me è arabo....
e cosi ?
<style>
.cd-intro {
background-color: transparent;
}
</style>