Topic-icon [RÉGLÉ] Template/CSS : Intégration de visuel dans Joomla

  • Ludodev
  • Portrait de Ludodev Auteur du sujet
08 Aoû 2011 18:43 #393 par Ludodev
Réponse
Ca y est j'ai trouvé la solution.

Dans le html du template :
<object width="942" height="321" data="/templates/health_14/images/header.swf" type="application/x-shockwave-flash">
<param value="/templates/health_14/images/header.swf" name="movie">
<param value="high" name="quality">
<param value="opaque" name="wmode">
<p>
Installez le plugin Flash pour voir l'animation :
<a title="LienPlugin" href="http://www.adobe.com/go/gntray_dl_getflashplayer_fr">Cliquez ici pour le télécharger
</p>
</object>

Dans template.css :
/* begin Header */
div.art-header
{
  margin: 0 auto;
  position: relative;
  width: 100%;
  height: 321px;
  overflow: hidden;
}
 
 
div.art-header-center
{
	position: relative;
	width: 942px;
 
}
 
 
div.art-header-png
{
  position: absolute;
  left:-50%;
  top: 0;
  width: 942px;
  height: 321px;
  background-image: url('../images/header.png');
  background-repeat: no-repeat;
  background-position:center center; 
}
 
div.art-header-jpeg
{
  position: absolute;
  top: 0;
  left:-50%;
  width: 942px;
  height: 321px;
  background-image: url('../images/header.jpg');
  background-repeat: no-repeat;
  background-position: center center;
}
 
 
/* end Header */
 
/* begin Flash */
#art-flash-area
{
  position: absolute;
  top: 0;
  left: 0;
  width: 942px;
  height: 321px;
}
 
#art-flash-container
{
  position: absolute;
  top: 0;
  left: 0;
  width: 942px;
  height: 321px;
}
 
#art-flash-container div.art-flash-alt
{
    position: relative;
    width: 110px;
    height: 30px;
    margin: 0 auto;
    top: 0;
}
/* end Flash */

Puis ensuite j'ai joué sur art-sheet du CSS pour le caler.

Pffff, chaud!!!!!! Mais bon.

A bientôt.

Vous devez vous connecter Connexion pour prendre part à la conversation.

Modérateurs: C-Jay
Temps de génération de la page : 0.202 secondes
Contact