Script à insérer avec feuille de style

[Cecobe 0]

Bonsoir,

J'ai un script à insérer dans la page d'accueil, cependant ce script comprend une feuille de style à appeler en insérant le code avant la balise</head>. En le faisant dans haut.php, cela bousille ma présentation de page.

Comment faire SVP ?

Merci

[ro2kpdp 0]

Bonjour,

Il doit y avoir une déclaration identique dans screen.css ou left_right.css que dans le css que vous souhaitez installer.

Et c'est la dernière déclaration qui sera prise en compte.

Vous allez trouver.

Cordialement,

David

Ps: MP si vous voulez

[Cecobe 0]

Pour l'apparence, merci maintenant cela fonctionne, pourtant bizarrement mn script ne s'affiche pas correctement.

Est-il possible de placer ce type de code dans une page de la boutique en contenu html ?

	  <ul id="slideshow">

		<li>

		  <h3><a href="http://www.eleabeaute.com/achat/produit_details.php?id=61" Target="_top">Promo Spray Tan Center 150ml Pour Femmes & Hommes</a></h3>

			<span>http://www.eleabeaute.com/photos/ac01.jpg</span>

		  <p>Bronzage naturel immédiat à base de DHA. Le meilleur produit bronzant de sa génération avec un mode d'application révolutionnaire.</p>

			<a href="#"><img src="http://www.eleabeaute.com/thumbnails/AB01.jpg" alt="Bombe Tan Center le bronzage par brumisation" /></a>		  </li>

		  <li>

			<h3><a href="http://www.eleabeaute.com/achat/produit_details.php?id=68" Target="_top" font color="white">Special Promo Tan Center Duo Spray Bronzant + Lait Hydratant Autobronzant</a></h3>

			  <span>http://www.eleabeaute.com/photos/ac02.jpg</span>

			<p>Pack duo à prix choc : 39€ selement ! Bronzez sans soleil et donc sans UV et prolongez votre teint tout en vous hydratant.</p>

			  <a href="#"><img src="http://www.eleabeaute.com/thumbnails/AB02.jpg" alt="Promo duo bronzage Tan Center" /></a>		  </li>

		  <li>

			<h3><a href="http://www.eleabeaute.com/achat/produit_details.php?id=66" Target="_top" font color="white">Bioliss® méthode professionnelle à domicile de microdermabrasion</a></h3>

			  <span>http://www.eleabeaute.com/photos/ac03.jpg</span>

			<p>Une efficacité visible dès la première utilisation ! Le double effet peeling et lifting - Frais de port offerts</p>

			  <a href="#"><img src="http://www.eleabeaute.com/thumbnails/AB03.jpg" alt="Bioliss, la microdermabrasion à domicile" /></a>		  </li>

		  <li>

			<h3><a href="http://www.eleabeaute.com/achat/produit_details.php?id=67" Target="_top" font color="white">Pack 2 recharges au Végéclat®</a></h3>

			  <span>http://www.eleabeaute.com/photos/ac04.jpg</span>

			<p>L'appareil Bioliss® active le Végéclat® pour offrir à votre peau le meilleur de la microdermabrasion : régénération cellulaire, effet lifting, souplesse et douceur.<p>

			  <a href="#"><img src="http://www.eleabeaute.com/thumbnails/AB04.jpg" alt="Antiride ou contour de l'oeil, le meilleur pour vos yeux" /></a>

		  </li>

		  <li>

			<h3><a href="http://www.eleabeaute.com/achat/index.php?catid=4" Target="_top" font color="white">Roll On B.Like Serum à l’acide Hyaluronique / Sérum contour des yeux à l'Acide Botulique Like</a></h3>

			  <span>http://www.eleabeaute.com/photos/ac05.jpg</span>

			<p>LA REVOLUTION DES SOINS ANTI-AGE EST EN MARCHE! Fini les injections ou autres interventions. Effet lift instantané, diminution des rides, L’acide botulique like vient à vous !<p>

			  <a href="#"><img src="http://www.eleabeaute.com/thumbnails/AB05.jpg" Target="_top" alt="Antiride ou contour de l'oeil, le meilleur pour vos yeux" /></a>

		  </li>

		  <li>

			<h3><a href="http://www.eleabeaute.com/achat/index.php?catid=13" Target="_top" font color="white">Sels de Bain Aromatique de la Mer Morte - Mineral Care</a></h3>

			  <span>http://www.eleabeaute.com/photos/ac06.jpg</span>

			<p>Energisant, rafraîchissant, Aromatique Lavande Bleu, Mineraux Luxe. Des sels 100% naturels à base de minéraux et d'extraits de plantes de la Mer Morte, le bien-être d'un bain stimulant.</p>

			  <a href="#"><img src="http://www.eleabeaute.com/thumbnails/AB06.jpg" alt="Sels de baim de la mer morte" /></a>		  </li>

		  <li>

			<h3><a href="http://www.eleabeaute.com/achat/produit_details.php?id=73" Target="_top" font color="white">Masque de Boue de la Mer Morte - Mineral Care</a></h3>

			  <span>http://www.eleabeaute.com/photos/ac07.jpg</span>

			<p>Excellent masque purifiant et revitalisant à base de boue de Mer Morte riche en minéraux. Resserre les pores, contribue à éliminer toutes les impuretés, apaise la peau et lui rend tout son éclat.</p>

			  <a href="#"><img src="http://www.eleabeaute.com/thumbnails/AB07.jpg" alt="Masque de Boue de la Mer Morte - Mineral Care" /></a>		  </li>

		  <li>

			<h3><a href="http://www.eleabeaute.com/achat/produit_details.php?id=57" Target="_top" font color="white">Gommage Velours Façon d'Antan Mogador Bleuet & Rosier musqué</a></h3>

			  <span>http://www.eleabeaute.com/photos/ac08.jpg</span>

			<p>Enfin un gommage doux et efficace pour exfolier votre peau, le résultat est là! FORMULE CERTIFIÉE « BIOLOGIQUE ET ECOLOGIQUE »</p>

			  <a href="#"><img src="http://www.eleabeaute.com/thumbnails/AB08.jpg" alt="Gommage Velours Façon d'Antan Mogador Bleuet & Rosier musqué" /></a>		  </li>

		  <li>

			<h3><a href="http://www.eleabeaute.com/achat/produit_details.php?qte=1&id=52" Target="_top" font color="white">Masque purifiant Rassoul du Maroc Mogador</a></h3>

			  <span>http://www.eleabeaute.com/photos/ac09.jpg</span>

			<p>Une recette ancestrale qui favorise la souplesse et l'élasticité de votre peau. FORMULE CERTIFIÉE « BIOLOGIQUE ET ECOLOGIQUE » Visage, corps & cheveux - 150 ml</p>

			  <a href="#"><img src="http://www.eleabeaute.com/thumbnails/AB09.jpg" alt="Masque purifiant Rassoul du Maroc Mogador" /></a>		  </li>		

	  </ul>

	  <div id="wrapper">

		<div id="fullsize">

		  <div id="imgprev" class="imgnav" title="Previous Image"></div>

			<div id="imglink"></div>

			<div id="imgnext" class="imgnav" title="Next Image"></div>

			<div id="image"></div>

			<div id="information">

				<h3></h3>

				<p></p>

			</div>

		  </div>

		  <div id="thumbnails">

			<div id="slideleft" title="Slide Left"></div>

			  <div id="slidearea">

				<div id="slider"></div>

			  </div>

			  <div id="slideright" title="Slide Right"></div>

		  </div>

	  </div>

	  <script type="text/javascript" src="compressed.js"></script>

	  <script type="text/javascript">

	$('slideshow').style.display='none';

	$('wrapper').style.display='block';

	var slideshow=new TINY.slideshow("slideshow");

	window.onload=function(){

		slideshow.auto=true;

		slideshow.speed=5;

		slideshow.link="linkhover";

		slideshow.info="information";

		slideshow.thumbs="slider";

		slideshow.left="slideleft";

		slideshow.right="slideright";

		slideshow.scrollSpeed=4;

		slideshow.spacing=5;

		slideshow.active="#fff";

		slideshow.init("slideshow","image","imgprev","imgnext","imglink");

	}

	</script>

[ro2kpdp 0]

Bonjour,

J'imagine que oui même si ce n'est pas particulièrement bon.

Car il peut y avoir une gestion du style pour le contenu HTML.

Il faut tester.

David

[Gilles Boussin 0]

Bonjour Cecobe,

Je suis du même avis que ro2kpdp, rien n'empêche que vous spécifiez du code JavaScript au sein de pages de contenu, méfiez vous simplement des mauvaises interactions que cela pourrait avoir avec votre éditeur HTML (TinyMCE ou FCKEditor)

Cordialement,