E' possibile inserire un oggetto in flash all'interno di un header in css? Che codice ci vuole?
Printable View
E' possibile inserire un oggetto in flash all'interno di un header in css? Che codice ci vuole?
Eh? :???:Citazione:
all'interno di un header in css
Sicuro di aver ben chiara la definizione di CSS (Cascading Style Sheets)?
Spiega meglio, utilizzando parole semplici cosa vuoi fare, magari fornendo un esempio.
Ciao!
Che c'entra con questa stanza?
Non mi è chiara la domanda: cosa intendi con "header in css"?
Intendi la testata di un sito?
Cmq css e flash non hanno niente a che fare tra di loro.
Per integrare un filmato flash in una pagina devi usare html (al massimo js).
Ciao!
Avete ragione, mi sono espresso male. Avete presente splinder? Se non vado errato, ogni template ha un codice css. Bene, volevo sapere se nella sezione "header" ( quindi sì, la "testata" di un sito, di solito dedicata al logo o a quant'altro) fosse possibile, invece della solita immagine jpg, inserire un file swf ( flash). Quale codice potrei usare per integrarlo?
Devi inserire nel template (non nel codice CSS) il codice per inserire un file Flash. Dai un'occhiata qui.
E come? Aspé, ti faccio vedere la stringa che si riferisce all'headerCitazione:
Originalmente inviato da funcool
#contentheader {
background:#9F0009;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
background-image: url("http://zorrokamikaze.altervista.org/_altervista_ht/blogo.jpg");
background-repeat: no-repeat;
border-bottom: 0px solid;
line-height: 5.3em;
border-top: 1px solid #9F0009;
}
Dove dovrei inserire il codice per flash che mi hai (molto gentilmente) suggerito? L'immagine é blogo.jpg, mi basta eliminare tutta la parte che va da "url" al punto e virgola sostituendola col codice?
Non puoi metterla lì perché si tratta di codice CSS, tu la devi mettere nel codice HTML. Se fai vedere il layout completo è più facile darti una mano.
Ok.
(segue)Codice HTML:<html>
<head>
<title>-|- Trachea Anatomica -|-</title>
<META NAME="Keywords" CONTENT="Splinder blog, blog, BLOG, blogs, weblog, web log, blog personale, diario, diario personale, diario on line, Splinder, creare un blog, blog tools, blog directory, crea un blog, free blog, blog template, blogger, e-journal, website personale, sito personale, pagina personale, homepage, home page, community blogging, community blog, community website, community, online journalism, on line journalism, publish, personal publishing">
<META NAME="Description" CONTENT="Questo e' il mio blog su Splinder. Blog: un web log. Un Sito web a meta strada tra un diario e un personal magazine. Crea il tuo blog gratis su Splinder.">
<style type="text/css">
/*QUESTO E' UN LAYOUT A DUE COLONNE A LARGHEZZA FISSA
CHE SONO CENTRATE NELLA FINESTRA DEL BROWSER*/
/* QUESTO TEMPLATE VIENE VISUALIZZATO ALLO STESSO MODO SU OGNI MONITOR*/
/*QUESTO TEMPLATE NON LAVORA BENE SE DEVONO ESSERE VISUALIZZATE FIGURE TROPPO GRANDI (PIU' DI 420 PX) O ANCHE TROPPO LARGHE O ANCHE CHAT BOX (PIU' DI 150 PX) NELLE COLONNE*/
/*GRAZIE A GLISH.COM PER LA BASE DEL TEMPLATE*/
body {
text-align:center;
background: #5d1110
url("http://zorrokamikaze.altervista.org/_altervista_ht/sfondo.jpg");
repeat-y center;
background-attachment: fixed;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
margin:0px;
}
body input {
margin-left: .5em;
}
a { color:#FFFFFF; background: transparent; text-decoration: underline;}
a:link { color: #FFFFFF; background: transparent;font-weight: normal;}
a:visited { color: #FFFFFF; background: transparent;font-weight: normal;}
a:active { color: #FFFFFF; background: transparent;font-weight: normal;text-decoration: underline;}
a:hover { color: #FFFFFF; background: transparent; text-decoration: underline; font-weight: normal;}
#container {
width:790px;
margin-right:auto;
margin-left:auto;
margin-top:0px;
padding:0px;
text-align:left;
background: transparent;
}
#contentheader {
background:#9F0009;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
background-image: url("http://zorrokamikaze.altervista.org/_altervista_ht/blogo.jpg");
background-repeat: no-repeat;
border-bottom: 0px solid;
line-height: 5.3em;
border-top: 1px solid #9F0009;
}
#contentleft {
width:170px;
float:left;
background:#;
margin: 0px;
}
#contentmain {
width:448px;
float:left;
background:#741818;
margin: 0px;
}
#contentright {
width:152px;
float:left;
background:#;
margin: 0px;
}
#spacer30{width:10px; float:left;
background: transparent;}
/* classi dei CONTENTHEADER STYLES*/
.blogtitle {font: 2.2em "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
padding:0px;
margin:0px;
text-align:center;
color:#9F0009;
background: transparent;
height: 2.9em;
}
.blogdescription {font: .9em "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: normal;
padding:10px 20px 0px 20px;
margin-top:0px;
margin-bottom:10px;
text-align:center;
background: transparent;
color:#9F0009;
line-height: 1.2em;
}
.blogtitle a:link { color: #FFFFFF; text-decoration: none; font-weight:normal; }
.blogtitle a:visited { color: #FFFFFF; text-decoration: none; font-weight: normal; }
.blogtitle a:hover { color: #FFFFFF; text-decoration: none; font-weight: normal; }
.blogtitle a:active { color: #FFFFFF; text-decoration: none; font-weight: normal; }
/* classi dei CONTENTLEFT CONTENTRIGHT STYLES*/
#contentleft p { font: normal .71em "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
color: #000000; padding: 0px 10px; margin-bottom:20px; background:transparent}
#contentright p { font: normal .71em "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
color: #FFFFFF; padding:0px 10px; background:transparent}
#section {background:transparent; margin-bottom: 20px; text-align:left; border: 0px solid #9F0009}
#section-c {background:transparent; margin-bottom: 20px; text-align:center}
h2.sectiontitle {
padding-top: 5px;
padding-bottom: 3px;
font: .7em "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
color: #FFFFFF;
background: transparent;
text-align: center;
margin:0px 10px;
text-transform:uppercase;
letter-spacing:.2em;
border-bottom: 1px solid #FFFFFF;
}
.blog-buttons {
text-align: left;
margin-left:25px;
}
/* classi dei CONTENTMAIN STYLES*/
#contentmain p { font: normal 1em "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
color: #FFFFFF; padding:0px 2px 5px 5px ; background:transparent; margin:0px;}
#contentmain ul {
list-style: square;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 1em;
padding-left: 1em;
}
#contentmain li {
background: transparent;
font: .70em "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
color: #9F0009;
}
/*classi deL CODICE BLOGGER*/
#blogdateheader{
font: bold .7em "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
background: transparent;
text-align: left;
color:#FFFFFF;
padding: 5px 10px 10px 10px;
margin:0px;
}
h5.itemtitle {
background: transparent;
text-align: left;
font-style:normal; font-variant: normal; font-weight:normal; font-size: 1.3em;
font-family:"Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
color:#FFFFFF;
padding: 5px 0px 5px 10px;
margin:0px;
}
h4.data {
background:transparent ;
text-align: left;
padding: 5px 0px 10px 0px;
border-bottom: 1px solid #BBBBBB;
font-style:normal; font-variant:normal; font-weight:normal; font-size:.71em;
color:#FFFFFF;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
margin: 0px 10px 10px 10px;
}
#blog-pager div {
display: inline;
color: #FFFFFF;
font-weight: bold;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: .9em;
padding-top: 5px;
padding-bottom: 6px;
padding-right: 7px;
margin-left: 10px;
line-height: 1.2em;
}
# blog-pager a {text-decoration: underline;}
/*classi dei SAME-PAGE COMMENT STYLES*/
.comment {
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
border-bottom: 0px none #FFFFFF;
padding: .5em;
margin-top: 1em;
background:transparent;
width: 395px;
}
.comment-body {
text-align: left;
padding: .2em .0em .9em .0em ;
font-style:normal; font-variant:normal; font-weight:normal;
color:#FFFFFF;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
font-size:.8em;
}
.comment-top {
background:transparent ;
text-align: right;
padding-bottom:.7em;
border-bottom: 0px none #999999;
font-style:normal; font-variant:normal; font-weight:normal;
font-size:.65em;
color: #FFFFFF;
font-family:"Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
}
.comment-bottom {
background:transparent ;
text-align: left;
padding: .2em .0em .9em .0em ;
border-bottom: 1px solid #FFFFFF;
font-style:normal; font-variant:normal; font-weight:normal;
font-size:.65em;
color: #FFFFFF;
font-family:"Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
}
.comment-tips {
background:transparent ;
text-align: left;
padding-left:.5em;
font-style:normal; font-variant:normal; font-weight:normal;
color: #FFFFFF;
font-size:.68em;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
}
.comment-form-title {
background: #9F0009;
text-align: left;
margin-left: .55em;
padding-bottom: .3em;
padding-top: .3em;
padding-left: .5em;
border-top: 1px solid #9F0009;
border-bottom: 1px solid #9F0009;
font-style:normal; font-variant:normal; font-weight:bold;
color: #FF0000;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
font-size:.71em;
}
(scusate il doppio post ma intero non ci entrava)
Ma invece di mettere il testo in Italic non era meglio metterlo tra i tag appropriati HTML?Codice HTML:.comment-form-user {
background:transparent ;
padding-left:.5em;
padding-top: .3em;
text-align: left;
font-size:.65em;
font-style:normal; font-variant:normal; font-weight:normal;
color: #FFFFFF;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
line-height: 1.3em;
}
.navigation {
background: #13120E;
color: #9F0009;
font-weight: bold;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: .65em;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 8px;
padding-right: 8px;
margin:5px 10px;
text-align: center;
border-top: 1px solid #1C1B0D;
border-bottom: 1px solid #1C1B0D;
line-height: 1.2em;
}
.prev {
float: left;
text-align: left;
width: 35%;
}
.next {
float: right;
text-align: right;
width: 35%;
}
.home {
text-align: center;
}
/* classi deL TAG <*$BlogRecentPhotos$> */
#recent-photos {
background: transparent;
text-align: center;
margin:0px
padding: 10px 0px 15px 0px;
}
#recent-photos .title {
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 9px;
padding-top: 4px;
padding-bottom: 10px;
}
#recent-photos img {
padding: 4px;
background: transparent;
border: 1px solid #CCCCCC;
}
#recent-photos a {
text-align: center;
background:transparent;
color: #4C0B0D;
font: .8em "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
letter-spacing: 0.09em;
font-weight:bold;
margin:0px;
text-decoration: underline;
padding: 0px 10px 0px 10px;
}
#recent-photos a:hover {
color: #9F0009;
}
#read-more {
font-size: 9px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 8px;
margin-top: 4px;
margin-bottom: 4px;
text-align: center;
vertical-align: top;
}
/* classi del tag <*$BlogPhotoAlbum$> */[/i]
#album {
color: #CACFB9;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 9px;
background: transparent;
text-decoration: underline;
text-align: center;
}
#album img {
padding: 4px;
background: transparent;
border: 1px solid #CACFB9;
}
#album td {
text-align: center;
vertical-align: top;
}
#album table {
text-align: center;
vertical-align: top;
}
#album .title {
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 9px;
padding-top: 4px;
padding-bottom: 10px;
}
/* ******************************** */
.album-link a {
color:#666666;
}
.album-link a:link {
color:#666666;
}
.album-link a:visited {
color:#666666;
}
#read-more {
font-size: 9px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 8px;
margin-top: 4px;
margin-bottom: 4px;
text-align: center;
vertical-align: top;
}
.blog-members {
padding: 0px 0px 3px 10px ;
font-size: .71em;
}
#footer {
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
width:770px;
margin-right:auto;
margin-left:auto;
margin-bottom:auto;
padding:5px 0px 5px 0px;
text-align:left;
background: #CACFB9;
color:#877649;
font-size: 9px;
border-top: 1px solid #AFB39F;
}
.blog-buttons {
text-align: left;
margin-left:25px;
}
#aboutme-container {
text-align: center;
}
.aboutme-data{
}
</style>
</head>
<body>
<div id="container">
<!--L'HEADER COMINCIA QUI-->
<div id="contentheader"><br>
<p class="blogtitle"><a href="/" target="_top"><$BlogTitle$></a></p>
<p class="blogdescription"><$BlogDescription$></p></div>
<!--LA COLONNA SINISTRA COMINCIA QUI-->
<div id="contentleft">
<div id="section">
<h2 class="sectiontitle"><table width="89%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="http://zorrokamikaze.altervista.org/_altervista_ht/BARRABLOG.gif"><font color="FFFFFF"><strong><div align=center>INTRO</div></strong></font></td>
</tr>
</table></h2>
<p style="text-align: center"><font size=1><font color=FFFFFF><img src="http://files.splinder.com/00c9c6bf6edcf7a67b9e9e9020d17b68.jpeg"></img><p>
<div align=center>E' dalla trachea che dovete temere, non il respiro, ma emetici tossi di rabbia e dolore.</font></font></p></div></div>
<div id="section">
<p class="blog-buttons"><div align=right><$BlogButtons$><br>
</div>
<p>
<center><strong><font color="FFFFFF">Siti interessanti</font></strong><p> <a href="http://www.evertrip.tk" target="_blank"><img src="http://img53.imageshack.us/img53/5207/bannertrip1it.jpg" border="1" /></a><br>
<a href="http://www.c-arte.org" target="_blank"><img src="http://zorrokamikazekamikaze.altervista.org/_altervista_ht/cartelogo.jpg" border="1" /></a>
<br><a href="http://it.qoob.tv"><img src="http://it.qoob.tv/gfx/spread/qoob_network_antipixel.gif" alt="QOOB NETWORK" /></a>
</form>
</p>
</font></strong>
</center></form>
</p>
</div>
<div id="section">
<h2 class="sectiontitle"><table width="89%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="http://zorrokamikaze.altervista.org/_altervista_ht/BARRABLOG.gif"><font color="FFFFFF"><strong><div align=center>LINKS</div></strong></font></td>
</tr>
</table></h2>
<p style="text-align: center"><font color=FFFFFF><font size=2><$BlogLinkOut$></font></font></p>
</div>
<div id="section">
<h2 class="sectiontitle"><table width="84%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="http://zorrokamikaze.altervista.org/_altervista_ht/BARRABLOG.gif"><font color="FFFFFF"><strong><div align=center>VISITORS</div></strong></font></td>
</tr>
</table></h2>
<p style="text-align: center"><!-- Inizio Codice Shinystat -->
<script type="text/javascript" language="JavaScript" SRC="http://codice.shinystat.it/cgi-bin/getcod.cgi?USER=zorrokamikazekamikaze"></script>
<noscript>
<A HREF="http://www.shinystat.com" target="_top">
<IMG SRC="http://www.shinystat.com/cgi-bin/shinystat.cgi?USER=zorrokamikazekamikaze" ALT="Onlinecounter" BORDER="0"></A>
</noscript>
<!-- Fine Codice Shinystat -->
</p>
<center><font size=1><font color=FFFFFF>Questo sito non rappresenta<br> una testata giornalistica<br> in quanto viene aggiornato<br> senza alcuna periodicità.<br> Non può pertanto considerarsi<br> un prodotto editoriale<br> ai sensi della legge<br> 62 del 7/3/2001.</font></font></center>
</div>
</div>
<!--IL CORPO PRINCIPALE COMINCIA QUI-->
<div id="contentmain">
<$BlogPhotoAlbum$>
<!--CODICE BLOGGER COMINCIA QUI-->
<Blogger><$BlogNavigation$><BlogDateHeader><div id="blogdateheader"><$BlogDateHeaderDate$> ORE <$BlogItemDateTime$><a name="<$BlogItemNumber$>"></a></div></BlogDateHeader><h5 class="itemtitle"><font color=FFFFFF><font size=3><i><div align=center><strong><$BlogItemTitle$></strong></div></i></font></font></h5>
<p><font size=2><font color=FFFFFF><$BlogItemBody$></font></font></p><h4 class="data"></a> <p align="center"><font color=FFFFFF><font size=5>|</font></font><a href="<$BlogItemPermalink$>"><font color=FFFFFF>LiNK</font></a><font size=5>|</font><font color=FFFFFF><$BlogItemComments$></font><font size=5>|</font><a href= "http://www.nightgaunt.org/anagrams/anagrams.htm">AnaGraMma</a></font color=FFFFFF><font size=5>|</font></font></p><br>
<p></p>
<i><font color=FFFFFF><p align="center">CATEGORIA: <$BlogItemCategories$></p></font></i> </h4>
<font color=FFFFFF><$BlogItemCommentList$></font>
</Blogger>
<div id="blog-pager">
<$BlogPager$>
</div><br><br>
</div>
</div>
</div>
</body>
</html>
Se vuoi togliere tutto il contenuto dell'header (titolo e descrizione del blog) sostituendolo con il filmato in Flash, puoi modificare questo pezzo di codice:
In questo modo:Codice HTML:<!--L'HEADER COMINCIA QUI-->
<div id="contentheader"><br>
<p class="blogtitle"><a href="/" target="_top"><$BlogTitle$></a></p>
<p class="blogdescription"><$BlogDescription$></p></div>
Codice HTML:<!--L'HEADER COMINCIA QUI-->
<div id="contentheader">[CODICE PER INSERIRE IL FILMATO IN FLASH]</div>
Grazie, l'ho fatto, ma non funziona. Si vede ancora il vecchio header, ma se ci clicco sopra mi dice "informazioni su adobe flash player 9" come se il flash ci fosse ma non si vedesse. :(
Premi CTRL+F5 per forzare l'aggiornamento della pagina nella cache del tuo browser. Se il problema dovesse persistere, scrivi il link della pagina in questione.
Al posto di:
Metti:Codice HTML:<param name="movie" value="logo.swf" />
Codice HTML:<param name="movie" value="http://zorrokamikaze.altervista.org/_altervista_ht/logo.swf" />
Fatto, ancora niente.
In questo momento il codice è giusto, infatti se prima visualizzo il filmato in Flash e poi vado sul blog, vedo il filmato anche sul blog. Andando direttamente sul blog il filmato non si vede, penso perché viene bloccato da AlterVista.
Ho capito...se volessi fare la stessa cosa con wordpress, il procedimento sarebbe uguale, giusto?
Se vuoi utilizzare WordPress, devi modificare il template inserendo sempre lo stesso codice per visualizzare il filmato in Flash.
senti, scusa...ma non è possibile sbloccarlo proprio in alcun modo?Citazione:
Originalmente inviato da funcool
Sembra un blocco lato server di AlterVista, le soluzioni potrebbero essere due: spostare il blog su AlterVista o sperare che qualcuno dall'alto metta a posto questa situazione.
perdonatemi se riporto su questo vecchio thread ma googlando sono finito qua... il problema mio é lo stesso del ragazzo che ha aperto la discussione... io xò ho un blog tiscali... e l'unico accesso che ho è quello al codice css... come faccio ad inserire un swf al posto dell'immagine nell'header?
grazie mille ciao gabri
Credo che non puoi inserire formati flash in CSS. Io non sono pratioco di CSS, ma non mai sentito dire che si possa fare questo specialmente in un blog tiscali. Se crei un blog qui lo puoi fare perchè oltre che al css ci sono i file in html....
stai usando flash mx,8 oppure flash cs3 action script 3?
ciao grazie per le risposte...
si ho sentito che si potrebbe ovviare al problema usando delle funzioni java... ne sapete qualcosa?
io ho flash cs3 anche se in questo caso ho semplicemente il file swf...
EDIT: Questa é la sezione header del mio codice css...
ho letto che alcuni sono riusciti inserendo appunto delle funzioni java... ma che cmq rallentavano molto... non sono molto ferrato... se avete qualche dritta fatemi sapere! vi ringrazio ciao e buon ferragosto! ;)
ah si scusate per il doppio post... di ritorno dalle vacanze... :) qualche novità? grazie ciao!Codice:/* Testata -------------------------------------- */
#header {
margin:0 ; padding: 10px;
background: url(http://gigu14.altervista.org/_altervista_ht/banner_copia.jpg
) no-repeat center center;
height:215px;
}
#blog-titolo, #blog-titolo a, #blog-titolo a:hover {
display:none
}
#description {
display:none
}
#description { /*float:right; width: 300px;*/
margin:10px 5px 5px;
padding:0 20px 20px;
text-transform:uppercase; text-align:center;
letter-spacing:.2em;
color: #003399; font-weight:bold
}